flowbite-svelte 0.44.17 → 0.44.18

package/dist/alert/Alert.svelte

@@ -37,7 +37,7 @@ $: {
 
     {#if dismissable}
       <slot name="close-button" {close}>
-        <CloseButton class="-mx-1.5 -my-1.5 dark:hover:bg-gray-700" color={$$restProps.color} on:click={close} on:click on:change on:keydown on:keyup on:focus on:blur on:mouseenter on:mouseleave />
+        <CloseButton class="ml-auto -mr-1.5 -my-1.5 dark:hover:bg-gray-700" color={$$restProps.color} on:click={close} on:click on:change on:keydown on:keyup on:focus on:blur on:mouseenter on:mouseleave />
       </slot>
     {/if}
   </Frame>

package/dist/carousel/Carousel.d.ts

@@ -0,0 +1,6 @@
+export declare const canChangeSlide: ({ lastSlideChange, slideDuration, slideDurationRatio }: {
+    lastSlideChange: Date;
+    slideDuration: number;
+    slideDurationRatio?: number | undefined;
+}) => boolean;
+//# sourceMappingURL=Carousel.d.ts.map

package/dist/carousel/Carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/lib/carousel/Carousel.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;qBAKR,IAAI;mBACN,MAAM;;aAStB,CAAC"}

package/dist/carousel/Carousel.js

@@ -0,0 +1,7 @@
+export const canChangeSlide = ({ lastSlideChange, slideDuration, slideDurationRatio = 1 }) => {
+    if (lastSlideChange && new Date().getTime() - lastSlideChange.getTime() < slideDuration * slideDurationRatio) {
+        console.warn("Can't change slide yet, too soon");
+        return false;
+    }
+    return true;
+};

package/dist/carousel/Carousel.svelte

@@ -2,32 +2,63 @@
 </script>
 
 <script>import { createEventDispatcher, onMount, setContext } from 'svelte';
-import { quintOut } from 'svelte/easing';
 import { writable } from 'svelte/store';
-import { fade } from 'svelte/transition';
 import { twMerge } from 'tailwind-merge';
 import Controls from './Controls.svelte';
 import Indicators from './Indicators.svelte';
 import Slide from './Slide.svelte';
+import { canChangeSlide } from './Carousel';
+const SLIDE_DURATION_RATIO = 0.25; // TODO: Expose one day?
 export let images;
 export let index = 0;
-export let transition = (x) => fade(x, { duration: 700, easing: quintOut });
+export let slideDuration = 1000;
+export let transition;
 export let duration = 0;
 export let ariaLabel = 'Draggable Carousel';
 // Carousel
-let divClass = 'overflow-hidden relative rounded-lg h-56 sm:h-64 xl:h-80 2xl:h-96';
+let divClass = 'grid overflow-hidden relative rounded-lg h-56 sm:h-64 xl:h-80 2xl:h-96';
+export let imgClass = '';
 const dispatch = createEventDispatcher();
-const { set, subscribe, update } = writable({ images, index });
-const state = { set: (s) => set({ index: ((s.index % images.length) + images.length) % images.length, images: s.images }), subscribe, update };
+const { set, subscribe, update } = writable({ images, index, forward: true, slideDuration, lastSlideChange: new Date() });
+const state = { set: (_state) => set({ index: _state.index, images: _state.images, lastSlideChange: new Date(), slideDuration, forward }), subscribe, update };
+let forward = true;
 setContext('state', state);
-subscribe((s) => {
-    index = s.index;
+subscribe((_state) => {
+    index = _state.index;
+    forward = _state.forward;
     dispatch('change', images[index]);
 });
-onMount(() => dispatch('change', images[index]));
-$: state.set({ images, index });
-const nextSlide = () => (index += 1);
-const prevSlide = () => (index -= 1);
+onMount(() => {
+    dispatch('change', images[index]);
+});
+let prevIndex = index;
+$: {
+    if (!prevIndex || prevIndex < index) {
+        update((_state) => ({ ..._state, forward: true, index }));
+    }
+    else {
+        update((_state) => ({ ..._state, forward: false, index }));
+    }
+    prevIndex = index;
+}
+const nextSlide = () => {
+    update((_state) => {
+        if (!canChangeSlide({ lastSlideChange: _state.lastSlideChange, slideDuration, slideDurationRatio: SLIDE_DURATION_RATIO }))
+            return _state;
+        _state.index = _state.index >= images.length - 1 ? 0 : _state.index + 1;
+        _state.lastSlideChange = new Date();
+        return { ..._state };
+    });
+};
+const prevSlide = () => {
+    update((_state) => {
+        if (!canChangeSlide({ lastSlideChange: _state.lastSlideChange, slideDuration, slideDurationRatio: SLIDE_DURATION_RATIO }))
+            return _state;
+        _state.index = _state.index <= 0 ? images.length - 1 : _state.index - 1;
+        _state.lastSlideChange = new Date();
+        return { ..._state };
+    });
+};
 const loop = (node, duration) => {
     carouselDiv = node; // used by DragStart
     // loop timer
@@ -58,7 +89,7 @@ const getPositionFromEvent = (evt) => {
 };
 const onDragStart = (evt) => {
     touchEvent = evt;
-    evt.preventDefault();
+    evt.cancelable && evt.preventDefault();
     const start = getPositionFromEvent(evt);
     const width = carouselDiv.getBoundingClientRect().width;
     if (start === undefined || width === undefined)
@@ -104,10 +135,13 @@ $: onDragStop =
                 else if (percentOffset < -DRAG_MIN_PERCENT)
                     nextSlide();
                 else {
-                    // The gesture is a tap not drag, so manually issue a click event to trigger tap click gestures lost via preventDefault
-                    touchEvent?.target?.dispatchEvent(new Event('click', {
-                        bubbles: true
-                    }));
+                    // Only issue click event for touches
+                    if (touchEvent?.constructor.name === 'TouchEvent') {
+                        // The gesture is a tap not drag, so manually issue a click event to trigger tap click gestures lost via preventDefault
+                        touchEvent?.target?.dispatchEvent(new Event('click', {
+                            bubbles: true
+                        }));
+                    }
                 }
             }
             percentOffset = 0;
@@ -116,12 +150,21 @@ $: onDragStop =
         };
 </script>
 
+<!-- Preload all Carousel images for improved responsivity -->
+<svelte:head>
+  {#if images.length > 0}
+    {#each images as image}
+      <link rel="preload" href={image.src} as="image" />
+    {/each}
+  {/if}
+</svelte:head>
+
 <!-- The move listeners go here, so things keep working if the touch strays out of the element. -->
 <svelte:document on:mousemove={onDragMove} on:mouseup={onDragStop} on:touchmove={onDragMove} on:touchend={onDragStop} />
-<div bind:this={carouselDiv} class="relative" on:mousedown={onDragStart} on:touchstart|passive={onDragStart} role="button" aria-label={ariaLabel} tabindex="0">
+<div bind:this={carouselDiv} class="relative" on:mousedown|nonpassive={onDragStart} on:touchstart|nonpassive={onDragStart} on:mousemove={onDragMove} on:mouseup={onDragStop} on:touchmove={onDragMove} on:touchend={onDragStop} role="button" aria-label={ariaLabel} tabindex="0">
   <div {...$$restProps} class={twMerge(divClass, activeDragGesture === undefined ? 'transition-transform' : '', $$props.class)} use:loop={duration}>
     <slot name="slide" {Slide} {index}>
-      <Slide image={images[index]} {transition} />
+      <Slide image={images[index]} class={imgClass} {transition} />
     </slot>
   </div>
   <slot {index} {Controls} {Indicators} />
@@ -133,7 +176,9 @@ $: onDragStop =
 ## Props
 @prop export let images: HTMLImgAttributes[];
 @prop export let index: number = 0;
-@prop export let transition: TransitionFunc = (x) => fade(x, { duration: 700, easing: quintOut });
+@prop export let slideDuration: number = 1000;
+@prop export let transition: TransitionFunc | null;
 @prop export let duration: number = 0;
 @prop export let ariaLabel: string = 'Draggable Carousel';
+@prop export let imgClass: string = '';
 -->

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

@@ -2,9 +2,12 @@ import { SvelteComponent } from "svelte";
 export type State = {
     images: HTMLImgAttributes[];
     index: number;
+    lastSlideChange: Date;
+    slideDuration: number;
+    forward: boolean;
 };
 import type { HTMLImgAttributes } from 'svelte/elements';
-import { type TransitionConfig } from 'svelte/transition';
+import type { TransitionConfig } from 'svelte/transition';
 import Controls from './Controls.svelte';
 import Indicators from './Indicators.svelte';
 import Slide from './Slide.svelte';
@@ -13,9 +16,11 @@ declare const __propDef: {
         [x: string]: any;
         images: HTMLImgAttributes[];
         index?: number | undefined;
-        transition?: ((node: HTMLElement, params: any) => TransitionConfig) | undefined;
+        slideDuration?: number | undefined;
+        transition: ((node: HTMLElement, params: any) => TransitionConfig) | null;
         duration?: number | undefined;
         ariaLabel?: string | undefined;
+        imgClass?: string | undefined;
     };
     events: {
         change: CustomEvent<any>;
@@ -42,9 +47,11 @@ export type CarouselSlots = typeof __propDef.slots;
  * ## Props
  * @prop export let images: HTMLImgAttributes[];
  * @prop export let index: number = 0;
- * @prop export let transition: TransitionFunc = (x) => fade(x, { duration: 700, easing: quintOut });
+ * @prop export let slideDuration: number = 1000;
+ * @prop export let transition: TransitionFunc | null;
  * @prop export let duration: number = 0;
  * @prop export let ariaLabel: string = 'Draggable Carousel';
+ * @prop export let imgClass: string = '';
  */
 export default class Carousel extends SvelteComponent<CarouselProps, CarouselEvents, CarouselSlots> {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/carousel/Carousel.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACC,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAKJ,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAEhE,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AACzC,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAC7C,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAgKnC,QAAA,MAAM,SAAS;;;gBADkH,iBAAiB,EAAE;;6BAlJrH,WAAW,UAAU,GAAG,KAAK,gBAAgB;;;;;;;;;;;;;;;;;;;;CAmJE,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,eAAe,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CAClG"}
+{"version":3,"file":"Carousel.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/carousel/Carousel.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACC,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,IAAI,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAIJ,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AACzC,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAC7C,OAAO,KAAK,MAAM,gBAAgB,CAAC;AA+MnC,QAAA,MAAM,SAAS;;;gBADsK,iBAAiB,EAAE;;;4BAhMzK,WAAW,UAAU,GAAG,KAAK,gBAAgB;;;;;;;;;;;;;;;;;;;;;CAiME,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;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,eAAe,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CAClG"}

package/dist/carousel/Controls.svelte

@@ -1,17 +1,38 @@
 <script>import { getContext } from 'svelte';
 import ControlButton from './ControlButton.svelte';
-import { twJoin } from 'tailwind-merge';
+import { twMerge } from 'tailwind-merge';
+import { canChangeSlide } from './Carousel';
 const state = getContext('state');
+const { update } = state;
 function changeSlide(forward) {
-    return function (ev) {
-        if (ev.isTrusted)
-            $state.index = forward ? $state.index + 1 : $state.index - 1;
-    };
+    if (!canChangeSlide({
+        lastSlideChange: $state.lastSlideChange,
+        slideDuration: $state.slideDuration,
+        slideDurationRatio: 0.75
+    })) {
+        return;
+    }
+    if (forward) {
+        update((_state) => {
+            _state.forward = true;
+            _state.index = _state.index >= _state.images.length - 1 ? 0 : _state.index + 1;
+            _state.lastSlideChange = new Date();
+            return { ..._state };
+        });
+    }
+    else {
+        update((_state) => {
+            _state.forward = false;
+            _state.index = _state.index <= 0 ? _state.images.length - 1 : _state.index - 1;
+            _state.lastSlideChange = new Date();
+            return { ..._state };
+        });
+    }
 }
 </script>
 
 <!-- Slider controls -->
 <slot {ControlButton} {changeSlide}>
-  <ControlButton name="Previous" forward={false} on:click={changeSlide(false)} class={twJoin($$props.class)} />
-  <ControlButton name="Next" forward={true} on:click={changeSlide(true)} class={twJoin($$props.class)} />
+  <ControlButton name="Previous" forward={false} on:click={() => changeSlide(false)} class={twMerge($$props.class)} />
+  <ControlButton name="Next" forward={true} on:click={() => changeSlide(true)} class={twMerge($$props.class)} />
 </slot>

package/dist/carousel/Controls.svelte.d.ts

@@ -10,7 +10,7 @@ declare const __propDef: {
     slots: {
         default: {
             ControlButton: typeof ControlButton;
-            changeSlide: (forward: boolean) => (ev: Event) => void;
+            changeSlide: (forward: boolean) => void;
         };
     };
 };

package/dist/carousel/Controls.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Controls.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/carousel/Controls.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAID,OAAO,aAAa,MAAM,wBAAwB,CAAC;AA2BnD,QAAA,MAAM,SAAS;;;;;;;;;;mCAfiB,OAAO,UACd,KAAK;;;CAcgD,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,eAAe,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CAClG"}
+{"version":3,"file":"Controls.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/carousel/Controls.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAID,OAAO,aAAa,MAAM,wBAAwB,CAAC;AAoDnD,QAAA,MAAM,SAAS;;;;;;;;;;mCArCiB,OAAO;;;CAqCuC,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,eAAe,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CAClG"}

package/dist/carousel/Slide.svelte

@@ -1,20 +1,40 @@
-<script>import { quintOut } from 'svelte/easing';
-import { fade } from 'svelte/transition';
+<script>import { fly } from 'svelte/transition';
 import { twMerge } from 'tailwind-merge';
+import { getContext } from 'svelte';
+const state = getContext('state');
 export let image;
-export let transition = (x) => fade(x, { duration: 700, easing: quintOut });
-let imgClass;
-$: imgClass = twMerge('absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 object-cover', $$props.class);
+export let transition = null; // Optional transition function, overrides default slide transition
+$: transitionSlideIn = {
+    x: $state.forward ? '100%' : '-100%',
+    opacity: 1,
+    width: '100%',
+    height: '100%',
+    duration: $state.slideDuration
+};
+$: transitionSlideOut = {
+    x: $state.forward ? '-100%' : '100%',
+    opacity: 0.9,
+    width: '100%',
+    height: '100%',
+    duration: $state.slideDuration
+};
+$: imgClass = twMerge('absolute block !w-full h-full object-cover', $$props.class);
 </script>
 
-{#key image}
-  <img alt="..." {...image} transition:transition={{}} {...$$restProps} class={imgClass} />
-{/key}
+{#if transition}
+  {#key image}
+    <img alt="..." {...image} transition:transition={{}} {...$$restProps} class={imgClass} />
+  {/key}
+{:else}
+  {#key image}
+    <img alt="..." {...image} {...$$restProps} out:fly={transitionSlideOut} in:fly={transitionSlideIn} class={imgClass} />
+  {/key}
+{/if}
 
 <!--
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
 @prop export let image: HTMLImgAttributes;
-@prop export let transition: TransitionFunc = (x) => fade(x, { duration: 700, easing: quintOut });
+@prop export let transition: TransitionFunc | null = null;
 -->

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

@@ -5,7 +5,7 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         image: HTMLImgAttributes;
-        transition?: ((node: HTMLElement, params: any) => TransitionConfig) | undefined;
+        transition?: ((node: HTMLElement, params: any) => TransitionConfig) | null | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -19,7 +19,7 @@ export type SlideSlots = typeof __propDef.slots;
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
  * @prop export let image: HTMLImgAttributes;
- * @prop export let transition: TransitionFunc = (x) => fade(x, { duration: 700, easing: quintOut });
+ * @prop export let transition: TransitionFunc | null = null;
  */
 export default class Slide extends SvelteComponent<SlideProps, SlideEvents, SlideSlots> {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Slide.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/carousel/Slide.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAED,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AA0BhE,QAAA,MAAM,SAAS;;;eADoD,iBAAiB;6BAhBrD,WAAW,UAAU,GAAG,KAAK,gBAAgB;;;;;;CAiBE,CAAC;AAC/E,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,eAAe,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CACtF"}
+{"version":3,"file":"Slide.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/carousel/Slide.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAO,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAsD/D,QAAA,MAAM,SAAS;;;eADoD,iBAAiB;6BArCrD,WAAW,UAAU,GAAG,KAAK,gBAAgB;;;;;;CAsCE,CAAC;AAC/E,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,eAAe,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CACtF"}

package/dist/carousel/Thumbnails.svelte

@@ -3,6 +3,20 @@ import Thumbnail from './Thumbnail.svelte';
 export let images = [];
 export let index = 0;
 export let ariaLabel = 'Click to view image';
+export let imgClass = '';
+export let throttleDelay = 650; // ms
+let lastClickedAt = new Date();
+const btnClick = (idx) => {
+    if (new Date().getTime() - lastClickedAt.getTime() < throttleDelay) {
+        console.warn('Thumbnail action throttled');
+        return;
+    }
+    if (idx === index) {
+        return;
+    }
+    index = idx;
+    lastClickedAt = new Date();
+};
 $: index = (index + images.length) % images.length;
 </script>
 
@@ -10,9 +24,9 @@ $: index = (index + images.length) % images.length;
   {#each images as image, idx}
     {@const selected = index === idx}
     <!-- svelte-ignore a11y-click-events-have-key-events -->
-    <button on:click={() => (index = idx)} aria-label={ariaLabel}>
-      <slot {Thumbnail} {image} {selected}>
-        <Thumbnail {...image} {selected} />
+    <button on:click={() => btnClick(idx)} aria-label={ariaLabel}>
+      <slot {Thumbnail} {image} {selected} {imgClass}>
+        <Thumbnail {...image} {selected} class={imgClass} />
       </slot>
     </button>
   {/each}
@@ -25,4 +39,6 @@ $: index = (index + images.length) % images.length;
 @prop export let images: HTMLImgAttributes[] = [];
 @prop export let index: number = 0;
 @prop export let ariaLabel: string = 'Click to view image';
+@prop export let imgClass: string = '';
+@prop export let throttleDelay: number = 650;
 -->

package/dist/carousel/Thumbnails.svelte.d.ts

@@ -7,6 +7,8 @@ declare const __propDef: {
         images?: HTMLImgAttributes[] | undefined;
         index?: number | undefined;
         ariaLabel?: string | undefined;
+        imgClass?: string | undefined;
+        throttleDelay?: number | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -16,6 +18,7 @@ declare const __propDef: {
             Thumbnail: typeof Thumbnail;
             image: HTMLImgAttributes;
             selected: any;
+            imgClass: string;
         };
     };
 };
@@ -28,6 +31,8 @@ export type ThumbnailsSlots = typeof __propDef.slots;
  * @prop export let images: HTMLImgAttributes[] = [];
  * @prop export let index: number = 0;
  * @prop export let ariaLabel: string = 'Click to view image';
+ * @prop export let imgClass: string = '';
+ * @prop export let throttleDelay: number = 650;
  */
 export default class Thumbnails extends SvelteComponent<ThumbnailsProps, ThumbnailsEvents, ThumbnailsSlots> {
 }

package/dist/carousel/Thumbnails.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnails.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/carousel/Thumbnails.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,SAAS,MAAM,oBAAoB,CAAC;AA8B3C,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;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,eAAe,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC1G"}
+{"version":3,"file":"Thumbnails.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/carousel/Thumbnails.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,SAAS,MAAM,oBAAoB,CAAC;AA+C3C,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;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,eAAe,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC1G"}

package/dist/index.d.ts

@@ -111,9 +111,6 @@ export { default as Activity } from "./timeline/Activity.svelte";
 export { default as ActivityItem } from "./timeline/ActivityItem.svelte";
 export { default as Timeline } from "./timeline/Timeline.svelte";
 export { default as TimelineItem } from "./timeline/TimelineItem.svelte";
-export { default as TimelineHorizontal } from "./timeline/TimelineHorizontal.svelte";
-export { default as TimelineItemHorizontal } from "./timeline/TimelineItemHorizontal.svelte";
-export { default as TimelineItemVertical } from "./timeline/TimelineItemVertical.svelte";
 export { default as Toast } from "./toast/Toast.svelte";
 export { default as Toolbar } from "./toolbar/Toolbar.svelte";
 export { default as ToolbarButton } from "./toolbar/ToolbarButton.svelte";

package/dist/index.js

@@ -188,9 +188,6 @@ export { default as Activity } from './timeline/Activity.svelte';
 export { default as ActivityItem } from './timeline/ActivityItem.svelte';
 export { default as Timeline } from './timeline/Timeline.svelte';
 export { default as TimelineItem } from './timeline/TimelineItem.svelte';
-export { default as TimelineHorizontal } from './timeline/TimelineHorizontal.svelte';
-export { default as TimelineItemHorizontal } from './timeline/TimelineItemHorizontal.svelte';
-export { default as TimelineItemVertical } from './timeline/TimelineItemVertical.svelte';
 
 // Toast
 export { default as Toast } from './toast/Toast.svelte';

package/dist/navbar/NavContainer.svelte

@@ -0,0 +1,14 @@
+<script>import { twMerge } from 'tailwind-merge';
+export let fluid = false;
+</script>
+
+<div class={twMerge('mx-auto flex flex-wrap justify-between items-center ', fluid ? 'w-full' : 'container', $$props.class)}>
+  <slot />
+</div>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let fluid: boolean = false;
+-->

package/dist/navbar/NavContainer.svelte.d.ts

@@ -0,0 +1,25 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
+declare const __propDef: {
+    props: HTMLAttributes<HTMLDivElement> & {
+        fluid?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type NavContainerProps = typeof __propDef.props;
+export type NavContainerEvents = typeof __propDef.events;
+export type NavContainerSlots = typeof __propDef.slots;
+/**
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Props
+ * @prop export let fluid: boolean = false;
+ */
+export default class NavContainer extends SvelteComponent<NavContainerProps, NavContainerEvents, NavContainerSlots> {
+}
+export {};
+//# sourceMappingURL=NavContainer.svelte.d.ts.map

package/dist/navbar/NavContainer.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavContainer.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/navbar/NavContainer.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAsBtD,QAAA,MAAM,SAAS;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,eAAe,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CAClH"}

package/dist/navbar/NavHamburger.svelte

@@ -1,11 +1,15 @@
-<script>import ToolbarButton from '../toolbar/ToolbarButton.svelte';
+<script>import { getContext } from 'svelte';
+import { writable } from 'svelte/store';
 import { twMerge } from 'tailwind-merge';
+import ToolbarButton from '../toolbar/ToolbarButton.svelte';
 import Menu from './Menu.svelte';
-export let btnClass = 'ml-3 md:hidden';
 export let menuClass = 'h-6 w-6 shrink-0';
+let btnClass = 'ml-3 md:hidden';
+let hiddenStore = getContext('navHidden') ?? writable(true);
+const toggle = (ev) => hiddenStore.update((h) => !h);
 </script>
 
-<ToolbarButton name="Open main menu" on:click {...$$restProps} class={twMerge(btnClass, $$props.class)}>
+<ToolbarButton name="Open main menu" on:click={toggle} {...$$restProps} class={twMerge(btnClass, $$props.class)}>
   <Menu class={twMerge(menuClass, $$props.classMenu)} />
 </ToolbarButton>
 
@@ -13,6 +17,5 @@ export let menuClass = 'h-6 w-6 shrink-0';
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let btnClass: string = 'ml-3 md:hidden';
 @prop export let menuClass: string = 'h-6 w-6 shrink-0';
 -->

package/dist/navbar/NavHamburger.svelte.d.ts

@@ -2,12 +2,9 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        btnClass?: string | undefined;
         menuClass?: string | undefined;
     };
     events: {
-        click: MouseEvent;
-    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
@@ -18,7 +15,6 @@ export type NavHamburgerSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let btnClass: string = 'ml-3 md:hidden';
  * @prop export let menuClass: string = 'h-6 w-6 shrink-0';
  */
 export default class NavHamburger extends SvelteComponent<NavHamburgerProps, NavHamburgerEvents, NavHamburgerSlots> {

package/dist/navbar/NavHamburger.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavHamburger.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/navbar/NavHamburger.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAsBD,QAAA,MAAM,SAAS;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,eAAe,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CAClH"}
+{"version":3,"file":"NavHamburger.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/navbar/NavHamburger.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AA8BD,QAAA,MAAM,SAAS;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,eAAe,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CAClH"}

package/dist/navbar/NavUl.svelte

@@ -1,17 +1,17 @@
 <script context="module">export {};
 </script>
 
-<script>import { twMerge } from 'tailwind-merge';
-import { slide } from 'svelte/transition';
+<script>import { getContext, setContext } from 'svelte';
 import { quintOut } from 'svelte/easing';
-import Frame from '../utils/Frame.svelte';
-import { setContext } from 'svelte';
 import { writable } from 'svelte/store';
+import { slide } from 'svelte/transition';
+import { twMerge } from 'tailwind-merge';
+import Frame from '../utils/Frame.svelte';
 const activeUrlStore = writable('');
 export let activeUrl = '';
 export let divClass = 'w-full md:block md:w-auto';
 export let ulClass = 'flex flex-col p-4 mt-4 md:flex-row md:space-x-8 md:mt-0 md:text-sm md:font-medium';
-export let hidden = true;
+export let hidden = undefined;
 export let slideParams = { delay: 250, duration: 500, easing: quintOut };
 export let activeClass = 'text-white bg-primary-700 md:bg-transparent md:text-primary-700 md:dark:text-white dark:bg-primary-600 md:dark:bg-transparent';
 export let nonActiveClass = 'text-gray-700 hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-primary-700 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent';
@@ -20,6 +20,9 @@ $: {
     activeUrlStore.set(activeUrl);
 }
 setContext('activeUrl', activeUrlStore);
+let hiddenStore = getContext('navHidden');
+let _hidden;
+$: _hidden = hidden ?? $hiddenStore ?? true;
 let _divClass;
 $: _divClass = twMerge(divClass, $$props.class);
 let _ulClass;
@@ -28,14 +31,14 @@ $: _ulClass = twMerge(ulClass,
 $$props.classUl);
 </script>
 
-{#if !hidden}
+{#if !_hidden}
   <div {...$$restProps} class={_divClass} transition:slide={slideParams} on:click role="button" tabindex="0">
     <Frame tag="ul" border rounded color="navbarUl" class={_ulClass}>
       <slot />
     </Frame>
   </div>
 {:else}
-  <div {...$$restProps} class={_divClass} {hidden}>
+  <div {...$$restProps} class={_divClass} hidden={_hidden}>
     <ul class={_ulClass}>
       <slot />
     </ul>
@@ -49,7 +52,7 @@ $$props.classUl);
 @prop export let activeUrl: string = '';
 @prop export let divClass: string = 'w-full md:block md:w-auto';
 @prop export let ulClass: string = 'flex flex-col p-4 mt-4 md:flex-row md:space-x-8 md:mt-0 md:text-sm md:font-medium';
-@prop export let hidden: boolean = true;
+@prop export let hidden: boolean | undefined = undefined;
 @prop export let slideParams: SlideParams = { delay: 250, duration: 500, easing: quintOut };
 @prop export let activeClass: string = 'text-white bg-primary-700 md:bg-transparent md:text-primary-700 md:dark:text-white dark:bg-primary-600 md:dark:bg-transparent';
 @prop export let nonActiveClass: string = 'text-gray-700 hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-primary-700 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent';

package/dist/navbar/NavUl.svelte.d.ts

@@ -33,7 +33,7 @@ export type NavUlSlots = typeof __propDef.slots;
  * @prop export let activeUrl: string = '';
  * @prop export let divClass: string = 'w-full md:block md:w-auto';
  * @prop export let ulClass: string = 'flex flex-col p-4 mt-4 md:flex-row md:space-x-8 md:mt-0 md:text-sm md:font-medium';
- * @prop export let hidden: boolean = true;
+ * @prop export let hidden: boolean | undefined = undefined;
  * @prop export let slideParams: SlideParams = { delay: 250, duration: 500, easing: quintOut };
  * @prop export let activeClass: string = 'text-white bg-primary-700 md:bg-transparent md:text-primary-700 md:dark:text-white dark:bg-primary-600 md:dark:bg-transparent';
  * @prop export let nonActiveClass: string = 'text-gray-700 hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-primary-700 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent';

package/dist/navbar/NavUl.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavUl.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/navbar/NavUl.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACC,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAIJ,OAAO,EAAS,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA6D5D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,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;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,eAAe,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CACtF"}
+{"version":3,"file":"NavUl.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/navbar/NavUl.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACC,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAMJ,OAAO,EAAS,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA+D5D,QAAA,MAAM,SAAS;;;;;;iBAD8O,OAAO,GAAG,SAAS;;;;;;;;;;;;;CAClM,CAAC;AAC/E,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;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,eAAe,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CACtF"}

package/dist/navbar/Navbar.svelte

@@ -1,29 +1,27 @@
-<script>import Frame from '../utils/Frame.svelte';
+<script>import { setContext } from 'svelte';
+import Frame from '../utils/Frame.svelte';
 import { twMerge } from 'tailwind-merge';
-export let navClass = 'px-2 sm:px-4 py-2.5 w-full';
-export let navDivClass = 'mx-auto flex flex-wrap justify-between items-center ';
+import NavContainer from './NavContainer.svelte';
+import { writable } from 'svelte/store';
 export let fluid = false;
+let hidden = writable(true);
+setContext('navHidden', hidden);
 $: {
     // override default Frame value
     $$restProps.color = $$restProps.color ?? 'navbar';
 }
-let hidden = true;
-let toggle = () => {
-    hidden = !hidden;
-};
+let toggle = () => hidden.update((hidden) => !hidden);
 </script>
 
-<Frame tag="nav" {...$$restProps} class={twMerge(navClass, $$props.class)}>
-  <div class={twMerge(navDivClass, $$props.classNavDiv, (fluid && 'w-full') || 'container')}>
-    <slot {hidden} {toggle} />
-  </div>
+<Frame tag="nav" {...$$restProps} class={twMerge('px-2 sm:px-4 py-2.5 w-full', $$props.class)}>
+  <NavContainer {fluid}>
+    <slot hidden={$hidden} {toggle} {NavContainer} />
+  </NavContainer>
 </Frame>
 
 <!--
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let navClass: string = 'px-2 sm:px-4 py-2.5 w-full';
-@prop export let navDivClass: string = 'mx-auto flex flex-wrap justify-between items-center ';
 @prop export let fluid: boolean = false;
 -->

package/dist/navbar/Navbar.svelte.d.ts

@@ -1,4 +1,5 @@
 import { SvelteComponent } from "svelte";
+import NavContainer from './NavContainer.svelte';
 declare const __propDef: {
     props: import("svelte/elements").HTMLAnchorAttributes & {
         tag?: string | undefined;
@@ -14,10 +15,7 @@ declare const __propDef: {
         class?: string | undefined;
         role?: string | undefined;
     } & {
-        navClass?: string | undefined;
-        navDivClass?: string | undefined;
         fluid?: boolean | undefined;
-        classNavDiv?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -26,6 +24,7 @@ declare const __propDef: {
         default: {
             hidden: boolean;
             toggle: () => void;
+            NavContainer: typeof NavContainer;
         };
     };
 };
@@ -35,8 +34,6 @@ export type NavbarSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let navClass: string = 'px-2 sm:px-4 py-2.5 w-full';
- * @prop export let navDivClass: string = 'mx-auto flex flex-wrap justify-between items-center ';
  * @prop export let fluid: boolean = false;
  */
 export default class Navbar extends SvelteComponent<NavbarProps, NavbarEvents, NavbarSlots> {

package/dist/navbar/Navbar.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Navbar.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/navbar/Navbar.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AA2CD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,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;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,eAAe,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC1F"}
+{"version":3,"file":"Navbar.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/navbar/Navbar.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAID,OAAO,YAAY,MAAM,uBAAuB,CAAC;AAsCjD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,eAAe,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC1F"}

package/dist/timeline/TimelineItem.svelte

@@ -33,72 +33,30 @@ const h3Cls = twMerge(order === 'vertical' ? 'flex items-center mb-1 text-lg fon
 </script>
 
 <li class={liCls}>
-  {#if order === 'default'}
-    <div class={divCls} />
-    {#if date}
-      <time class={timeCls}>{date}</time>
-    {/if}
-    {#if title}
-      <h3 class={h3Cls}>
-        {title}
-      </h3>
-    {/if}
-    <slot />
-  {:else if order === 'vertical'}
-    <div class={divCls} />
-    {#if $$slots.icon}
-      <slot name="icon" />
-    {:else}
-      <svg aria-hidden="true" class={svgClass} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-        <path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd" />
-      </svg>
-    {/if}
-    {#if title}
-      <h3 class={h3Cls}>
-        {title}
-      </h3>
-    {/if}
-    {#if date}
-      <time class={timeCls}>{date}</time>
-    {/if}
-    <slot />
-  {:else if order === 'horizontal'}
-    <div class={divCls} />
-    {#if $$slots.icon}
-      <slot name="icon" />
-    {:else}
+  <div class={divCls} />
+  {#if order !== 'default'}
+    <slot name="icon">
       <svg aria-hidden="true" class={svgClass} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
         <path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd" />
       </svg>
-    {/if}
-    {#if title}
-      <h3 class={h3Cls}>
-        {title}
-      </h3>
-    {/if}
-    {#if date}
-      <time class={timeCls}>{date}</time>
-    {/if}
-    <slot />
-  {:else}
-    <div class={divCls} />
-    {#if $$slots.icon}
-      <slot name="icon" />
-    {:else}
-      <svg aria-hidden="true" class={svgClass} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-        <path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd" />
-      </svg>
-    {/if}
-    {#if title}
-      <h3 class={h3Cls}>
-        {title}
-      </h3>
-    {/if}
+    </slot>
+  {:else if date}
+    <time class={timeCls}>{date}</time>
+  {/if}
+
+  {#if title}
+    <h3 class={h3Cls}>
+      {title}
+    </h3>
+  {/if}
+
+  {#if order !== 'default'}
     {#if date}
       <time class={timeCls}>{date}</time>
     {/if}
-    <slot />
   {/if}
+
+  <slot />
 </li>
 
 <!--

package/dist/timeline/TimelineItem.svelte.d.ts

@@ -10,8 +10,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {
-        default: {};
         icon: {};
+        default: {};
     };
 };
 export type TimelineItemProps = typeof __propDef.props;

package/dist/timeline/TimelineItem.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineItem.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/timeline/TimelineItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAoHD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,eAAe,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CAClH"}
+{"version":3,"file":"TimelineItem.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/timeline/TimelineItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AA0ED,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,eAAe,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CAClH"}

package/dist/types.d.ts

@@ -1,4 +1,3 @@
-import type { SvelteComponent } from 'svelte';
 export type BlockQuoteType = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl';
 export type ButtonType = 'button' | 'submit' | 'reset';
 export type ButtonColorType = 'alternative' | 'blue' | 'dark' | 'green' | 'light' | 'primary' | 'purple' | 'red' | 'yellow' | 'none';
@@ -92,24 +91,6 @@ export interface SiteType {
     href: string;
     img?: string;
 }
-export interface TimelineItemVerticalType {
-    date: Date | string;
-    title: string;
-    icon?: typeof SvelteComponent<any>;
-    iconSize?: number;
-    iconClass?: string;
-    href?: string;
-    linkname?: string;
-    text?: HTMLElement | string;
-}
-export interface TimelineItemHorizontalType {
-    date: Date | string;
-    title: string;
-    icon?: typeof SvelteComponent<any>;
-    iconSize?: number;
-    iconClass?: string;
-    text?: HTMLElement | string;
-}
 export interface TransitionParamTypes {
     delay?: number;
     duration?: number;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.44.17",
+  "version": "0.44.18",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
   "author": {
@@ -35,13 +35,13 @@
     "@docsearch/js": "^3.5.2",
     "@playwright/test": "^1.38.1",
     "@sveltejs/adapter-vercel": "^3.0.3",
-    "@sveltejs/kit": "^1.25.0",
+    "@sveltejs/kit": "^1.25.1",
     "@sveltejs/package": "2.2.2",
-    "@typescript-eslint/eslint-plugin": "^6.7.2",
-    "@typescript-eslint/parser": "^6.7.2",
+    "@typescript-eslint/eslint-plugin": "^6.7.3",
+    "@typescript-eslint/parser": "^6.7.3",
     "autoprefixer": "^10.4.16",
-    "esbuild": "0.19.3",
-    "eslint": "^8.49.0",
+    "esbuild": "0.19.4",
+    "eslint": "^8.50.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-svelte": "^2.33.2",
     "flowbite-svelte-icons": "^0.4.4",
@@ -442,6 +442,10 @@
       "types": "./dist/navbar/NavBrand.svelte.d.ts",
       "svelte": "./dist/navbar/NavBrand.svelte"
     },
+    "./NavContainer.svelte": {
+      "types": "./dist/navbar/NavContainer.svelte.d.ts",
+      "svelte": "./dist/navbar/NavContainer.svelte"
+    },
     "./NavHamburger.svelte": {
       "types": "./dist/navbar/NavHamburger.svelte.d.ts",
       "svelte": "./dist/navbar/NavHamburger.svelte"
@@ -642,22 +646,10 @@
       "types": "./dist/timeline/Timeline.svelte.d.ts",
       "svelte": "./dist/timeline/Timeline.svelte"
     },
-    "./TimelineHorizontal.svelte": {
-      "types": "./dist/timeline/TimelineHorizontal.svelte.d.ts",
-      "svelte": "./dist/timeline/TimelineHorizontal.svelte"
-    },
     "./TimelineItem.svelte": {
       "types": "./dist/timeline/TimelineItem.svelte.d.ts",
       "svelte": "./dist/timeline/TimelineItem.svelte"
     },
-    "./TimelineItemHorizontal.svelte": {
-      "types": "./dist/timeline/TimelineItemHorizontal.svelte.d.ts",
-      "svelte": "./dist/timeline/TimelineItemHorizontal.svelte"
-    },
-    "./TimelineItemVertical.svelte": {
-      "types": "./dist/timeline/TimelineItemVertical.svelte.d.ts",
-      "svelte": "./dist/timeline/TimelineItemVertical.svelte"
-    },
     "./Toast.svelte": {
       "types": "./dist/toast/Toast.svelte.d.ts",
       "svelte": "./dist/toast/Toast.svelte"

package/dist/timeline/TimelineHorizontal.svelte

@@ -1,15 +0,0 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let olClass = 'sm:flex';
-let olCls = twMerge(olClass, $$props.class);
-</script>
-
-<ol class={olCls}>
-  <slot />
-</ol>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let olClass: string = 'sm:flex';
--->

package/dist/timeline/TimelineHorizontal.svelte.d.ts

@@ -1,25 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        olClass?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type TimelineHorizontalProps = typeof __propDef.props;
-export type TimelineHorizontalEvents = typeof __propDef.events;
-export type TimelineHorizontalSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let olClass: string = 'sm:flex';
- */
-export default class TimelineHorizontal extends SvelteComponent<TimelineHorizontalProps, TimelineHorizontalEvents, TimelineHorizontalSlots> {
-}
-export {};
-//# sourceMappingURL=TimelineHorizontal.svelte.d.ts.map

package/dist/timeline/TimelineHorizontal.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimelineHorizontal.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/timeline/TimelineHorizontal.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAkBD,QAAA,MAAM,SAAS;;;;;;;;;;;CAA+D,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;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,eAAe,CAAC,uBAAuB,EAAE,wBAAwB,EAAE,uBAAuB,CAAC;CAC1I"}

package/dist/timeline/TimelineItemHorizontal.svelte

@@ -1,71 +0,0 @@
-<script>// import type { TimelineItemHorizontalType } from '../types';
-// export let timelineItems: TimelineItemHorizontalType[];
-import { twMerge } from 'tailwind-merge';
-export let title;
-export let date;
-export let href;
-export let text;
-export let liClass = 'relative mb-6 sm:mb-0';
-export let divClass = 'flex z-10 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-0 ring-white dark:bg-blue-900 sm:ring-8 dark:ring-gray-900 shrink-0';
-export let h3Class = 'text-lg font-semibold text-gray-900 dark:text-white';
-export let timeClass = 'block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500';
-export let pClass = 'text-base font-normal text-gray-500 dark:text-gray-400';
-export let aClass = 'inline-flex items-center py-2 px-4 text-sm font-medium text-gray-900 bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:outline-none focus:ring-gray-200 focus:text-blue-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700 dark:focus:ring-gray-700';
-export let linkname;
-export let icon;
-let liCls = twMerge(liClass, $$props.classLi);
-let divCls = twMerge(divClass, $$props.classDiv);
-let h3Cls = twMerge(h3Class, $$props.classH3);
-let timeCls = twMerge(timeClass, $$props.classTime);
-let pCls = twMerge(pClass, $$props.classP);
-let aCls = twMerge(aClass, $$props.classA);
-</script>
-
-<li class={liCls}>
-  <div class="flex items-center">
-    <div class={divCls}>
-      {#if icon}
-        {@html icon}
-      {:else}
-        <svg class="w-3 h-3 text-blue-600 dark:text-blue-300" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-          <path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd" />
-        </svg>
-      {/if}
-    </div>
-    <div class="hidden sm:flex w-full bg-gray-200 h-0.5 dark:bg-gray-700" />
-  </div>
-  <div class="mt-3 sm:pr-8">
-    <h3 class={h3Cls}>{title}</h3>
-    <time class={timeCls}>{date}</time>
-    <p class={pCls}>
-      {text}
-    </p>
-  </div>
-  {#if href}
-    <a {href} class={aCls}>
-      {linkname}
-      <svg class="ml-2 w-3 h-3" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-        <path fill-rule="evenodd" d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd" />
-      </svg>
-    </a>
-  {/if}
-</li>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let timelineItems: TimelineItemHorizontalType[];
-@prop export let title: string;
-@prop export let date: string;
-@prop export let href: string;
-@prop export let text: string;
-@prop export let liClass: string = 'relative mb-6 sm:mb-0';
-@prop export let divClass: string = 'flex z-10 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-0 ring-white dark:bg-blue-900 sm:ring-8 dark:ring-gray-900 shrink-0';
-@prop export let h3Class: string = 'text-lg font-semibold text-gray-900 dark:text-white';
-@prop export let timeClass: string = 'block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500';
-@prop export let pClass: string = 'text-base font-normal text-gray-500 dark:text-gray-400';
-@prop export let aClass: string = 'inline-flex items-center py-2 px-4 text-sm font-medium text-gray-900 bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:outline-none focus:ring-gray-200 focus:text-blue-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700 dark:focus:ring-gray-700';
-@prop export let linkname: string;
-@prop export let icon: string;
--->

package/dist/timeline/TimelineItemHorizontal.svelte.d.ts

@@ -1,46 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        title: string;
-        date: string;
-        href: string;
-        text: string;
-        liClass?: string | undefined;
-        divClass?: string | undefined;
-        h3Class?: string | undefined;
-        timeClass?: string | undefined;
-        pClass?: string | undefined;
-        aClass?: string | undefined;
-        linkname: string;
-        icon: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type TimelineItemHorizontalProps = typeof __propDef.props;
-export type TimelineItemHorizontalEvents = typeof __propDef.events;
-export type TimelineItemHorizontalSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let timelineItems: TimelineItemHorizontalType[];
- * @prop export let title: string;
- * @prop export let date: string;
- * @prop export let href: string;
- * @prop export let text: string;
- * @prop export let liClass: string = 'relative mb-6 sm:mb-0';
- * @prop export let divClass: string = 'flex z-10 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-0 ring-white dark:bg-blue-900 sm:ring-8 dark:ring-gray-900 shrink-0';
- * @prop export let h3Class: string = 'text-lg font-semibold text-gray-900 dark:text-white';
- * @prop export let timeClass: string = 'block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500';
- * @prop export let pClass: string = 'text-base font-normal text-gray-500 dark:text-gray-400';
- * @prop export let aClass: string = 'inline-flex items-center py-2 px-4 text-sm font-medium text-gray-900 bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:outline-none focus:ring-gray-200 focus:text-blue-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700 dark:focus:ring-gray-700';
- * @prop export let linkname: string;
- * @prop export let icon: string;
- */
-export default class TimelineItemHorizontal extends SvelteComponent<TimelineItemHorizontalProps, TimelineItemHorizontalEvents, TimelineItemHorizontalSlots> {
-}
-export {};
-//# sourceMappingURL=TimelineItemHorizontal.svelte.d.ts.map

package/dist/timeline/TimelineItemHorizontal.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimelineItemHorizontal.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/timeline/TimelineItemHorizontal.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AA+DD,QAAA,MAAM,SAAS;;;eADwN,MAAM;cAAQ,MAAM;cAAQ,MAAM;cAAQ,MAAM;;;;;;;kBAAyH,MAAM;cAAQ,MAAM;;;;;;CACtV,CAAC;AAC/E,MAAM,MAAM,2BAA2B,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjE,MAAM,MAAM,4BAA4B,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnE,MAAM,MAAM,2BAA2B,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,eAAe,CAAC,2BAA2B,EAAE,4BAA4B,EAAE,2BAA2B,CAAC;CAC1J"}

package/dist/timeline/TimelineItemVertical.svelte

@@ -1,42 +0,0 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let title;
-export let date;
-export let liClass = 'mb-10 ml-6';
-export let spanClass = 'flex absolute -left-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900';
-export let h3Class = 'flex items-center mb-1 text-lg font-semibold text-gray-900 dark:text-white';
-export let timeClass = 'block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500';
-let liCls = twMerge(liClass, $$props.classLi);
-let spanCls = twMerge(spanClass, $$props.classSpan);
-let h3Cls = twMerge(h3Class, $$props.classH3);
-let timeCls = twMerge(timeClass, $$props.classTime);
-</script>
-
-<li class={liCls}>
-  <span class={spanCls}>
-    {#if $$slots.icon}
-      <slot name="icon" />
-    {:else}
-      <svg width="20" height="20" class="text-blue-600 dark:text-blue-300" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-        <path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd" />
-      </svg>
-    {/if}
-  </span>
-
-  <h3 class={h3Cls}>
-    {title}
-  </h3>
-  <time class={timeCls}>{date}</time>
-  <slot />
-</li>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let title: string;
-@prop export let date: string;
-@prop export let liClass: string = 'mb-10 ml-6';
-@prop export let spanClass: string = 'flex absolute -left-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900';
-@prop export let h3Class: string = 'flex items-center mb-1 text-lg font-semibold text-gray-900 dark:text-white';
-@prop export let timeClass: string = 'block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500';
--->

package/dist/timeline/TimelineItemVertical.svelte.d.ts

@@ -1,36 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        title: string;
-        date: string;
-        liClass?: string | undefined;
-        spanClass?: string | undefined;
-        h3Class?: string | undefined;
-        timeClass?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        icon: {};
-        default: {};
-    };
-};
-export type TimelineItemVerticalProps = typeof __propDef.props;
-export type TimelineItemVerticalEvents = typeof __propDef.events;
-export type TimelineItemVerticalSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let title: string;
- * @prop export let date: string;
- * @prop export let liClass: string = 'mb-10 ml-6';
- * @prop export let spanClass: string = 'flex absolute -left-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900';
- * @prop export let h3Class: string = 'flex items-center mb-1 text-lg font-semibold text-gray-900 dark:text-white';
- * @prop export let timeClass: string = 'block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500';
- */
-export default class TimelineItemVertical extends SvelteComponent<TimelineItemVerticalProps, TimelineItemVerticalEvents, TimelineItemVerticalSlots> {
-}
-export {};
-//# sourceMappingURL=TimelineItemVertical.svelte.d.ts.map

package/dist/timeline/TimelineItemVertical.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimelineItemVertical.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/timeline/TimelineItemVertical.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAwCD,QAAA,MAAM,SAAS;;;eAD4H,MAAM;cAAQ,MAAM;;;;;;;;;;;;;CACjF,CAAC;AAC/E,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC/D,MAAM,MAAM,0BAA0B,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACjE,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE/D;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,eAAe,CAAC,yBAAyB,EAAE,0BAA0B,EAAE,yBAAyB,CAAC;CAClJ"}