flowbite-svelte 0.44.21 → 0.44.22

package/dist/avatar/Avatar.svelte

@@ -1,6 +1,5 @@
-<script>import { twMerge } from 'tailwind-merge';
-import AvatarPlaceholder from './Placeholder.svelte';
-import Indicator from '../indicators/Indicator.svelte';
+<script>import Indicator from '../indicators/Indicator.svelte';
+import { twMerge } from 'tailwind-merge';
 export let src = '';
 export let href = undefined;
 export let rounded = false;
@@ -15,7 +14,8 @@ const sizes = {
     sm: 'w-8 h-8',
     md: 'w-10 h-10',
     lg: 'w-20 h-20',
-    xl: 'w-36 h-36'
+    xl: 'w-36 h-36',
+    none: ''
 };
 let avatarClass;
 $: avatarClass = twMerge(rounded ? 'rounded' : 'rounded-full', border && 'p-1 ring-2 ring-gray-300 dark:ring-gray-500', sizes[size], stacked && 'border-2 -ms-4 border-white dark:border-gray-800', 'bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-gray-300', $$props.class);
@@ -26,7 +26,12 @@ $: avatarClass = twMerge(rounded ? 'rounded' : 'rounded-full', border && 'p-1 ri
     {#if src}
       <img {alt} {src} class={rounded ? 'rounded' : 'rounded-full'} />
     {:else}
-      <slot><AvatarPlaceholder {rounded} {size} {border} class={twMerge($$props.classPlaceholder)} /></slot>
+      <slot>
+        <!-- default avatar placeholder -->
+        <svg class="w-full h-full {rounded ? 'rounded' : 'rounded-full'}" fill="currentColor" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+          <path fill-rule="evenodd" d="M8 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd" />
+        </svg>
+      </slot>
     {/if}
     {#if dot}
       <Indicator border offset={rounded} {...dot} />
@@ -47,5 +52,5 @@ $: avatarClass = twMerge(rounded ? 'rounded' : 'rounded-full', border && 'p-1 ri
 @prop export let stacked: boolean = false;
 @prop export let dot: object | undefined = undefined;
 @prop export let alt: string = '';
-@prop export let size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'md';
+@prop export let size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'none' = 'md';
 -->

package/dist/avatar/Avatar.svelte.d.ts

@@ -9,7 +9,7 @@ declare const __propDef: {
         stacked?: boolean | undefined;
         dot?: object | undefined;
         alt?: string | undefined;
-        size?: "xs" | "sm" | "lg" | "xl" | "md" | undefined;
+        size?: "none" | "xs" | "sm" | "lg" | "xl" | "md" | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -31,7 +31,7 @@ export type AvatarSlots = typeof __propDef.slots;
  * @prop export let stacked: boolean = false;
  * @prop export let dot: object | undefined = undefined;
  * @prop export let alt: string = '';
- * @prop export let size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'md';
+ * @prop export let size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'none' = 'md';
  */
 export default class Avatar extends SvelteComponent<AvatarProps, AvatarEvents, AvatarSlots> {
 }

package/dist/avatar/Avatar.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/avatar/Avatar.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAoDD,QAAA,MAAM,SAAS;;;;eAD4I,MAAM,GAAG,SAAS;;;;cAAgE,MAAM,GAAG,SAAS;;;;;;;;;;CACjL,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;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,eAAe,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC1F"}
+{"version":3,"file":"Avatar.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/avatar/Avatar.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAwDD,QAAA,MAAM,SAAS;;;;eAD4I,MAAM,GAAG,SAAS;;;;cAAgE,MAAM,GAAG,SAAS;;;;;;;;;;CACjL,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;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,eAAe,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC1F"}

package/dist/cards/Card.svelte

@@ -20,10 +20,10 @@ const sizes = {
     lg: 'max-w-2xl',
     xl: 'max-w-screen-xl'
 };
-let inneraPdding;
+let innerPadding;
 $: innerPadding = paddings[padding];
 let cardClass;
-$: cardClass = twMerge('flex', sizes[size], reverse ? 'flex-col-reverse' : 'flex-col', horizontal && (reverse ? 'md:flex-row-reverse md:max-w-xl' : 'md:flex-row md:max-w-xl'), href && 'hover:bg-gray-100 dark:hover:bg-gray-700', !img && innerPadding, $$props.class);
+$: cardClass = twMerge('flex', sizes[size], reverse ? 'flex-col-reverse' : 'flex-col', horizontal && (reverse ? 'md:flex-row-reverse' : 'md:flex-row'), href && 'hover:bg-gray-100 dark:hover:bg-gray-700', !img && innerPadding, $$props.class);
 let imgClass;
 $: imgClass = twMerge(reverse ? 'rounded-b-lg' : 'rounded-t-lg', horizontal && 'object-cover w-full h-96 md:h-auto md:w-48 md:rounded-none', horizontal && (reverse ? 'md:rounded-e-lg' : 'md:rounded-s-lg'));
 </script>

package/dist/carousel/Carousel.svelte

@@ -12,7 +12,7 @@ const SLIDE_DURATION_RATIO = 0.25; // TODO: Expose one day?
 export let images;
 export let index = 0;
 export let slideDuration = 1000;
-export let transition;
+export let transition = null;
 export let duration = 0;
 export let ariaLabel = 'Draggable Carousel';
 // Carousel
@@ -167,7 +167,7 @@ $: onDragStop =
 @prop export let images: HTMLImgAttributes[];
 @prop export let index: number = 0;
 @prop export let slideDuration: number = 1000;
-@prop export let transition: TransitionFunc | null;
+@prop export let transition: TransitionFunc | null = 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

@@ -17,7 +17,7 @@ declare const __propDef: {
         images: HTMLImgAttributes[];
         index?: number | undefined;
         slideDuration?: number | undefined;
-        transition: ((node: HTMLElement, params: any) => TransitionConfig) | null;
+        transition?: ((node: HTMLElement, params: any) => TransitionConfig) | null | undefined;
         duration?: number | undefined;
         ariaLabel?: string | undefined;
         imgClass?: string | undefined;
@@ -48,7 +48,7 @@ export type CarouselSlots = typeof __propDef.slots;
  * @prop export let images: HTMLImgAttributes[];
  * @prop export let index: number = 0;
  * @prop export let slideDuration: number = 1000;
- * @prop export let transition: TransitionFunc | null;
+ * @prop export let transition: TransitionFunc | null = 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.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;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;AAqMnC,QAAA,MAAM,SAAS;;;gBADsK,iBAAiB,EAAE;;;4BAtLzK,WAAW,UAAU,GAAG,KAAK,gBAAgB;;;;;;;;;;;;;;;;;;;;;CAuLE,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"}
+{"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;AAqMnC,QAAA,MAAM,SAAS;;;gBADsK,iBAAiB,EAAE;;;6BAtLzK,WAAW,UAAU,GAAG,KAAK,gBAAgB;;;;;;;;;;;;;;;;;;;;;CAuLE,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/marquee/Marquee.svelte

@@ -1,19 +1,16 @@
-<script>import { onDestroy, onMount } from 'svelte';
-import { twMerge } from 'tailwind-merge';
+<script>import { twMerge } from 'tailwind-merge';
 export let speed = 1;
 export let hoverSpeed = 1;
 export let shadow = false;
 let offset = 0;
 let isHovering = false;
-let marquee;
-let intervalId;
 let shadowClass = `after:content-[''] after:absolute after:block after:z-10 after:h-full before:content-[''] before:absolute 
     before:block before:z-10 before:h-full before:end-0 after:shadow-[10px_0_50px_65px_rgba(256,256,256,1)] 
     before:shadow-[-10px_0_50px_65px_rgba(256,256,256,1)] dark:after:shadow-[10px_0_50px_65px_rgba(16,24,39,1)]
     dark:before:shadow-[-10px_0_50px_65px_rgba(16,24,39,1)]`;
-let divCls = twMerge('relative flex overflow-hidden w-[100%]', shadow ? shadowClass : '', $$props.class);
-onMount(() => {
-    intervalId = setInterval(() => {
+let divCls = twMerge('relative flex overflow-hidden w-full', shadow ? shadowClass : '', $$props.class);
+function init(marquee) {
+    const intervalId = setInterval(() => {
         if (marquee && Math.abs(offset) >= marquee.offsetWidth) {
             offset = 0;
         }
@@ -24,16 +21,20 @@ onMount(() => {
                 offset -= speed;
         }
     }, 5);
-});
-onDestroy(() => intervalId);
+    return {
+        destroy() {
+            clearInterval(intervalId);
+        }
+    };
+}
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div class={divCls} role="banner" on:mouseover={() => (isHovering = true)} on:mouseleave={() => (isHovering = false)}>
-  <div class="flex justify-around items-center min-w-[100%]" style="transform: {`translateX(${offset}px)`}" bind:this={marquee}>
+  <div class="flex justify-around items-center min-w-full" style="transform: {`translateX(${offset}px)`}" use:init>
     <slot />
   </div>
-  <div class="flex justify-around items-center min-w-[100%]" style="transform: {`translateX(${offset}px)`}">
+  <div class="flex justify-around items-center min-w-full" style="transform: {`translateX(${offset}px)`}">
     <slot />
   </div>
 </div>

package/dist/mega-menu/MegaMenu.svelte

@@ -18,7 +18,7 @@ $: ulCls = twMerge(ulClass, full && $$slots.extra ? 'grid-cols-2' : 'grid-cols-2
           <slot {item} {index} />
         </li>
       {:else}
-        <slot item={items[0]} />
+        <slot item={items[0]} index={0} />
       {/each}
     </ul>
     {#if full && $$slots.extra}<div class="md:w-1/3 mt-4 md:mt-0"><slot name="extra" /></div>{/if}

package/dist/mega-menu/MegaMenu.svelte.d.ts

@@ -24,11 +24,11 @@ declare const __propDef: {
         open?: boolean | undefined;
         yOnly?: boolean | undefined;
     } & {
-        items: (LinkType & {
+        items?: (LinkType & {
             [propName: string]: any;
-        })[];
-        full: boolean;
-        ulClass: string;
+        })[] | undefined;
+        full?: boolean | undefined;
+        ulClass?: string | undefined;
     };
     events: {
         show: CustomEvent<any>;
@@ -40,6 +40,7 @@ declare const __propDef: {
             item: LinkType & {
                 [propName: string]: any;
             };
+            index: number;
         };
         extra: {};
     };

package/dist/mega-menu/MegaMenu.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MegaMenu.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/mega-menu/MegaMenu.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAED,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAmDzC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;cAvCL,OAAO;iBACJ,MAAM;;;;;;;;;;;;;;;CAsCoC,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;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,eAAe,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CAClG"}
+{"version":3,"file":"MegaMenu.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/mega-menu/MegaMenu.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAED,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAmDzC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEnD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,eAAe,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CAClG"}

package/dist/toolbar/Toolbar.svelte

@@ -1,33 +1,22 @@
-<script>import { setContext } from 'svelte';
+<script>import Frame from '../utils/Frame.svelte';
+import { setContext } from 'svelte';
 import { writable } from 'svelte/store';
-import { twMerge, twJoin } from 'tailwind-merge';
-import Frame from '../utils/Frame.svelte';
+import { twJoin, twMerge } from 'tailwind-merge';
+export let embedded = false;
 const separators = writable(false);
 setContext('toolbar', separators);
-export let color = 'dark';
-export let embedded = false;
-let divClass;
-$: divClass = twMerge('flex justify-between items-center', embedded && 'p-2', $$props.class);
-const divideColors = {
-    gray: 'divide-gray-400 dark:divide-gray-700',
-    red: 'divide-red-400 dark:divide-red-700',
-    yellow: 'divide-yellow-400 dark:divide-yellow-700',
-    green: 'divide-green-400 dark:divide-green-700',
-    indigo: 'divide-indigo-400 dark:divide-indigo-700',
-    purple: 'divide-purple-400 dark:divide-purple-700',
-    pink: 'divide-pink-400 dark:divide-pink-700',
-    blue: 'divide-blue-400 dark:divide-blue-700',
-    dark: 'divide-gray-400 dark:divide-gray-600',
-    none: ''
-};
+let color;
+$: color = embedded ? 'none' : $$props.color;
 let separatorsClass;
-$: separatorsClass = twJoin($separators && 'sm:divide-x rtl:divide-x-reverse', divideColors[color]);
+$: separatorsClass = twJoin($separators && 'sm:divide-x rtl:divide-x-reverse');
+let divClass;
+$: divClass = twMerge('flex justify-between items-center', !embedded && 'py-2 px-3', $$props.class);
 </script>
 
-<Frame {...$$restProps} class={divClass} color={embedded ? 'none' : color} rounded={!embedded}>
-  <div class="flex flex-wrap items-center {separatorsClass}">
+<Frame {...$$restProps} class={divClass} {color} rounded={!embedded}>
+  <Frame class="flex flex-wrap items-center {separatorsClass}" {color} rounded={!embedded}>
     <slot />
-  </div>
+  </Frame>
   <slot name="end" />
 </Frame>
 
@@ -35,6 +24,5 @@ $: separatorsClass = twJoin($separators && 'sm:divide-x rtl:divide-x-reverse', d
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let color: ToolbarColorType = 'dark';
 @prop export let embedded: boolean = false;
 -->

package/dist/toolbar/Toolbar.svelte.d.ts

@@ -12,8 +12,7 @@ declare const __propDef: {
         class?: string | undefined;
         role?: string | undefined;
     } & {
-        color: 'gray' | 'red' | 'yellow' | 'green' | 'indigo' | 'purple' | 'pink' | 'blue' | 'dark' | 'none';
-        embedded: boolean;
+        embedded?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -29,7 +28,6 @@ export type ToolbarSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let color: ToolbarColorType = 'dark';
  * @prop export let embedded: boolean = false;
  */
 export default class Toolbar extends SvelteComponent<ToolbarProps, ToolbarEvents, ToolbarSlots> {

package/dist/toolbar/Toolbar.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/toolbar/Toolbar.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAwDD,QAAA,MAAM,SAAS;;;;;;;;;;;;;eAzCJ,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM;kBAC1F,OAAO;;;;;;;;;CAwCkC,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAElD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,eAAe,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CAC9F"}
+{"version":3,"file":"Toolbar.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/toolbar/Toolbar.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AA0CD,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;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,eAAe,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CAC9F"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.44.21",
+  "version": "0.44.22",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
   "author": {
@@ -33,37 +33,38 @@
   },
   "devDependencies": {
     "@docsearch/js": "^3.5.2",
-    "@playwright/test": "^1.40.0",
-    "@sveltejs/adapter-vercel": "^3.1.0",
-    "@sveltejs/kit": "^1.27.6",
+    "@playwright/test": "^1.40.1",
+    "@sveltejs/adapter-vercel": "^4.0.4",
+    "@sveltejs/kit": "^2.3.2",
     "@sveltejs/package": "2.2.2",
-    "@typescript-eslint/eslint-plugin": "^6.12.0",
-    "@typescript-eslint/parser": "^6.12.0",
+    "@sveltejs/vite-plugin-svelte": "^3.0.1",
+    "@typescript-eslint/eslint-plugin": "^6.18.1",
+    "@typescript-eslint/parser": "^6.18.1",
     "autoprefixer": "^10.4.16",
     "esbuild": "0.19.5",
-    "eslint": "^8.54.0",
-    "eslint-config-prettier": "^9.0.0",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-svelte": "^2.35.1",
     "flowbite-svelte-icons": "^0.4.5",
     "mdsvex": "^0.11.0",
     "mdsvexamples": "^0.4.1",
-    "postcss": "^8.4.31",
+    "postcss": "^8.4.33",
     "postcss-load-config": "^4.0.2",
-    "prettier": "^3.1.0",
+    "prettier": "^3.1.1",
     "prettier-plugin-svelte": "^3.1.2",
     "prism-themes": "^1.9.0",
-    "publint": "^0.2.5",
-    "svelte": "^4.2.7",
-    "svelte-check": "^3.6.1",
+    "publint": "^0.2.7",
+    "svelte": "^4.2.8",
+    "svelte-check": "^3.6.3",
     "svelte-lib-helpers": "^0.3.15",
     "svelte-meta-tags": "^3.1.0",
-    "svelte-preprocess": "^5.1.1",
-    "svelte2tsx": "^0.6.26",
+    "svelte-preprocess": "^5.1.3",
+    "svelte2tsx": "^0.7.0",
     "tailwind-merge": "^1.13.1",
-    "tailwindcss": "^3.3.5",
+    "tailwindcss": "^3.4.1",
     "tslib": "^2.6.2",
-    "typescript": "^5.3.2",
-    "vite": "^4.5.0",
+    "typescript": "^5.3.3",
+    "vite": "^5.0.11",
     "vitest": "^0.34.6"
   },
   "peerDependencies": {
@@ -113,10 +114,10 @@
     "url": "https://github.com/themesberg/flowbite-svelte"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.5.3",
-    "apexcharts": "^3.44.0",
-    "flowbite": "^2.2.0",
-    "tailwind-merge": "^2.0.0"
+    "@floating-ui/dom": "^1.5.4",
+    "apexcharts": "^3.45.1",
+    "flowbite": "^2.2.1",
+    "tailwind-merge": "^2.2.0"
   },
   "engines": {
     "npm": ">=7.0.0",
@@ -150,10 +151,6 @@
       "types": "./dist/avatar/Avatar.svelte.d.ts",
       "svelte": "./dist/avatar/Avatar.svelte"
     },
-    "./Placeholder.svelte": {
-      "types": "./dist/avatar/Placeholder.svelte.d.ts",
-      "svelte": "./dist/avatar/Placeholder.svelte"
-    },
     "./Badge.svelte": {
       "types": "./dist/badge/Badge.svelte.d.ts",
       "svelte": "./dist/badge/Badge.svelte"

package/dist/avatar/Placeholder.svelte

@@ -1,33 +0,0 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let rounded = false;
-export let border = false;
-export let size = 'md';
-const sizes = {
-    xs: 'w-6 h-6',
-    sm: 'w-8 h-8',
-    md: 'w-10 h-10',
-    lg: 'w-20 h-20',
-    xl: 'w-36 h-36'
-};
-const borderedSizes = {
-    xs: 'w-4 h-4',
-    sm: 'w-6 h-6',
-    md: 'w-8 h-8',
-    lg: 'w-16 h-16',
-    xl: 'w-32 h-32'
-};
-let svgClass = twMerge('text-gray-400 bg-gray-100 dark:bg-gray-600', rounded ? 'rounded' : 'rounded-full', border ? borderedSizes[size] : sizes[size], $$props.class);
-</script>
-
-<svg class={svgClass} fill="currentColor" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd" />
-</svg>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let rounded: boolean = false;
-@prop export let border: boolean = false;
-@prop export let size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'md';
--->

package/dist/avatar/Placeholder.svelte.d.ts

@@ -1,27 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        rounded?: boolean | undefined;
-        border?: boolean | undefined;
-        size?: "xs" | "sm" | "lg" | "xl" | "md" | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type PlaceholderProps = typeof __propDef.props;
-export type PlaceholderEvents = typeof __propDef.events;
-export type PlaceholderSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let rounded: boolean = false;
- * @prop export let border: boolean = false;
- * @prop export let size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'md';
- */
-export default class Placeholder extends SvelteComponent<PlaceholderProps, PlaceholderEvents, PlaceholderSlots> {
-}
-export {};
-//# sourceMappingURL=Placeholder.svelte.d.ts.map

package/dist/avatar/Placeholder.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Placeholder.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/avatar/Placeholder.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAqCD,QAAA,MAAM,SAAS;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,eAAe,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CAC9G"}