flowbite-svelte 0.44.21 → 0.44.23

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/buttons/Button.svelte

@@ -11,7 +11,7 @@ export let shadow = false;
 export let tag = 'button';
 export let checked = undefined;
 const colorClasses = {
-    alternative: 'text-gray-900 bg-white border border-gray-200 hover:bg-gray-100 dark:bg-gray-800 dark:text-gray-400 hover:text-primary-700 focus-within:text-primary-700 dark:focus-within:text-white dark:hover:text-white',
+    alternative: 'text-gray-900 bg-white border border-gray-200 hover:bg-gray-100 dark:bg-gray-800 dark:text-gray-400 hover:text-primary-700 focus-within:text-primary-700 dark:focus-within:text-white dark:hover:text-white dark:hover:bg-gray-700',
     blue: 'text-white bg-blue-700 hover:bg-blue-800 dark:bg-blue-600 dark:hover:bg-blue-700',
     dark: 'text-white bg-gray-800 hover:bg-gray-900 dark:bg-gray-800 dark:hover:bg-gray-700',
     green: 'text-white bg-green-700 hover:bg-green-800 dark:bg-green-600 dark:hover:bg-green-700',
@@ -79,7 +79,7 @@ const sizeClasses = {
 };
 const hasBorder = () => outline || color === 'alternative' || color === 'light';
 let buttonClass;
-$: buttonClass = twMerge('text-center font-medium', group ? 'focus-within:ring-2' : 'focus-within:ring-4', group && 'focus-within:z-10', group || 'focus-within:outline-none', 'inline-flex items-center justify-center ' + sizeClasses[size], outline && checked && 'border dark:border-gray-900', outline && checked && colorCheckedClasses[color], outline && !checked && outlineClasses[color], !outline && checked && colorCheckedClasses[color], !outline && !checked && colorClasses[color], color === 'alternative' && (group && !checked ? 'dark:bg-gray-700 dark:text-white dark:border-gray-700 dark:hover:border-gray-600 dark:hover:bg-gray-600' : 'dark:bg-transparent dark:border-gray-600 dark:hover:border-gray-700'), outline && color === 'dark' && (group ? (checked ? 'bg-gray-900 border-gray-800 dark:border-white dark:bg-gray-600' : 'dark:text-white border-gray-800 dark:border-white') : 'dark:text-gray-400 dark:border-gray-700'), coloredFocusClasses[color], hasBorder() && group && 'border-s-0 first:border-s', group ? (pill && 'first:rounded-s-full last:rounded-e-full') || 'first:rounded-s-lg last:rounded-e-lg' : (pill && 'rounded-full') || 'rounded-lg', shadow && 'shadow-lg', shadow && coloredShadowClasses[color], $$props.disabled && 'cursor-not-allowed opacity-50', $$props.class);
+$: buttonClass = twMerge('text-center font-medium', group ? 'focus-within:ring-2' : 'focus-within:ring-4', group && 'focus-within:z-10', group || 'focus-within:outline-none', 'inline-flex items-center justify-center ' + sizeClasses[size], outline && checked && 'border dark:border-gray-900', outline && checked && colorCheckedClasses[color], outline && !checked && outlineClasses[color], !outline && checked && colorCheckedClasses[color], !outline && !checked && colorClasses[color], color === 'alternative' && (group && !checked ? 'dark:bg-gray-700 dark:text-white dark:border-gray-700 dark:hover:border-gray-600 dark:hover:bg-gray-600' : 'dark:bg-transparent dark:border-gray-600 dark:hover:border-gray-600'), outline && color === 'dark' && (group ? (checked ? 'bg-gray-900 border-gray-800 dark:border-white dark:bg-gray-600' : 'dark:text-white border-gray-800 dark:border-white') : 'dark:text-gray-400 dark:border-gray-700'), coloredFocusClasses[color], hasBorder() && group && 'border-s-0 first:border-s', group ? (pill && 'first:rounded-s-full last:rounded-e-full') || 'first:rounded-s-lg last:rounded-e-lg' : (pill && 'rounded-full') || 'rounded-lg', shadow && 'shadow-lg', shadow && coloredShadowClasses[color], $$props.disabled && 'cursor-not-allowed opacity-50', $$props.class);
 </script>
 
 {#if href}

package/dist/cards/Card.svelte

@@ -7,23 +7,25 @@ export let img = undefined;
 export let padding = 'lg';
 export let size = 'sm';
 const paddings = {
-    none: 'p-0',
-    sm: 'p-4 sm:p-6 md:p-8',
+    none: '',
+    xs: 'p-2',
+    sm: 'p-4',
     md: 'p-4 sm:p-5',
     lg: 'p-4 sm:p-6',
     xl: 'p-4 sm:p-8'
 };
 const sizes = {
+    none: '',
     xs: 'max-w-xs',
     sm: 'max-w-sm',
-    md: 'max-w-lg',
+    md: 'max-w-xl',
     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 w-full', 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>
@@ -47,6 +49,6 @@ $: imgClass = twMerge(reverse ? 'rounded-b-lg' : 'rounded-t-lg', horizontal && '
 @prop export let horizontal: boolean = false;
 @prop export let reverse: boolean = false;
 @prop export let img: string | undefined = undefined;
-@prop export let padding: 'none' | 'sm' | 'md' | 'lg' | 'xl' = 'lg';
-@prop export let size: SizeType = 'sm';
+@prop export let padding: SizeType | 'none' = 'lg';
+@prop export let size: SizeType | 'none' = 'sm';
 -->

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

@@ -16,8 +16,8 @@ declare const __propDef: {
         horizontal?: boolean | undefined;
         reverse?: boolean | undefined;
         img?: string | undefined;
-        padding?: "none" | "sm" | "lg" | "xl" | "md" | undefined;
-        size?: SizeType | undefined;
+        padding?: "none" | SizeType | undefined;
+        size?: "none" | SizeType | undefined;
     };
     events: {
         click: MouseEvent;
@@ -42,8 +42,8 @@ export type CardSlots = typeof __propDef.slots;
  * @prop export let horizontal: boolean = false;
  * @prop export let reverse: boolean = false;
  * @prop export let img: string | undefined = undefined;
- * @prop export let padding: 'none' | 'sm' | 'md' | 'lg' | 'xl' = 'lg';
- * @prop export let size: SizeType = 'sm';
+ * @prop export let padding: SizeType | 'none' = 'lg';
+ * @prop export let size: SizeType | 'none' = 'sm';
  */
 export default class Card extends SvelteComponent<CardProps, CardEvents, CardSlots> {
 }

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

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

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/darkmode/DarkMode.svelte

@@ -1,5 +1,5 @@
 <script>import { twMerge } from 'tailwind-merge';
-export let btnClass = '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';
+export let btnClass = 'text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none rounded-lg text-sm p-2.5';
 export let size = 'md';
 export let ariaLabel = 'Dark mode';
 const sizes = {
@@ -53,7 +53,7 @@ const toggleTheme = (ev) => {
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let 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 export let btnClass: string = 'text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none rounded-lg text-sm p-2.5';
 @prop export let size: 'sm' | 'md' | 'lg' = 'md';
 @prop export let ariaLabel: string = 'Dark mode';
 -->

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

@@ -20,7 +20,7 @@ export type DarkModeSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let 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 export let btnClass: string = 'text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none rounded-lg text-sm p-2.5';
  * @prop export let size: 'sm' | 'md' | 'lg' = 'md';
  * @prop export let ariaLabel: string = 'Dark mode';
  */

package/dist/forms/Radio.svelte

@@ -21,7 +21,7 @@ import Label from './Label.svelte';
 export let color = 'primary';
 export let custom = false;
 export let inline = false;
-export let group = '';
+export let group = undefined;
 export let value = '';
 // tinted if put in component having its own background
 let background = getContext('background');
@@ -40,6 +40,6 @@ let background = getContext('background');
 @prop export let color: FormColorType = 'primary';
 @prop export let custom: boolean = false;
 @prop export let inline: boolean = false;
-@prop export let group: number | string = '';
+@prop export let group: number | string | undefined = undefined;
 @prop export let value: number | string = '';
 -->

package/dist/forms/Radio.svelte.d.ts

@@ -9,7 +9,7 @@ declare const __propDef: {
         color?: FormColorType | undefined;
         custom?: boolean | undefined;
         inline?: boolean | undefined;
-        group?: string | number | undefined;
+        group?: number | string | undefined;
         value?: string | number | undefined;
     };
     events: {
@@ -41,7 +41,7 @@ export type RadioSlots = typeof __propDef.slots;
  * @prop export let color: FormColorType = 'primary';
  * @prop export let custom: boolean = false;
  * @prop export let inline: boolean = false;
- * @prop export let group: number | string = '';
+ * @prop export let group: number | string | undefined = undefined;
  * @prop export let value: number | string = '';
  */
 export default class Radio extends SvelteComponent<RadioProps, RadioEvents, RadioSlots> {

package/dist/forms/Radio.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/forms/Radio.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAgBC,eAAO,MAAM,UAAU,WAAY,OAAO,cAAc,MAAM,WAAyE,CAAC;AACxI,eAAO,IAAI,OAAO,EAAE,MAAe,CAAC;AAEpC,eAAO,MAAM,UAAU,WAAY,OAAO,SAAS,aAAa,WAAW,OAAO,UAAU,OAAO,cAAc,MAAM,WAAgR,CAAC;AAI1Y,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AA6B9C,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;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,eAAe,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CACtF"}
+{"version":3,"file":"Radio.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/forms/Radio.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAgBC,eAAO,MAAM,UAAU,WAAY,OAAO,cAAc,MAAM,WAAyE,CAAC;AACxI,eAAO,IAAI,OAAO,EAAE,MAAe,CAAC;AAEpC,eAAO,MAAM,UAAU,WAAY,OAAO,SAAS,aAAa,WAAW,OAAO,UAAU,OAAO,cAAc,MAAM,WAAgR,CAAC;AAI1Y,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AA6B9C,QAAA,MAAM,SAAS;;;;;;gBADuJ,MAAM,GAAG,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;CACnH,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;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,eAAe,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CACtF"}

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/spinner/Spinner.svelte

@@ -37,7 +37,7 @@ let fillColorClass = color === undefined ? '' : fillColorClasses[color] ?? fillC
 @prop export let color: 'primary' | 'blue' | 'gray' | 'green' | 'red' | 'yellow' | 'pink' | 'purple' | 'white' | 'custom' | undefined = 'primary';
 @prop export let bg: string = 'text-gray-300';
 @prop export let customColor: string = '';
-@prop export let size: string = '8';
+@prop export let size: string | number = '8';
 @prop export let currentFill: string = 'currentFill';
 @prop export let currentColor: string = 'currentColor';
 -->

package/dist/spinner/Spinner.svelte.d.ts

@@ -5,7 +5,7 @@ declare const __propDef: {
         color?: 'primary' | 'blue' | 'gray' | 'green' | 'red' | 'yellow' | 'pink' | 'purple' | 'white' | 'custom' | undefined;
         bg?: string | undefined;
         customColor?: string | undefined;
-        size?: string | undefined;
+        size?: string | number | undefined;
         currentFill?: string | undefined;
         currentColor?: string | undefined;
     };
@@ -23,7 +23,7 @@ export type SpinnerSlots = typeof __propDef.slots;
  * @prop export let color: 'primary' | 'blue' | 'gray' | 'green' | 'red' | 'yellow' | 'pink' | 'purple' | 'white' | 'custom' | undefined = 'primary';
  * @prop export let bg: string = 'text-gray-300';
  * @prop export let customColor: string = '';
- * @prop export let size: string = '8';
+ * @prop export let size: string | number = '8';
  * @prop export let currentFill: string = 'currentFill';
  * @prop export let currentColor: string = 'currentColor';
  */

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/dist/typography/P.svelte

@@ -62,12 +62,12 @@ const whitespaces = {
     preline: 'whitespace-pre-line',
     prewrap: 'whitespace-pre-wrap'
 };
-let colorAndopacity = color
+$: colorAndopacity = color
     .split(' ')
     .map((element) => element.trim())
     .map((element) => element + '/' + String(opacity))
     .join(' ');
-let classP = twMerge(size && sizes[size], (opacity && colorAndopacity) || (color && color), height && heights[height], weight && weights[weight], space && spaces[space], align && aligns[align], justify && 'text-justify', italic && 'italic', firstupper && upperClass, whitespace && whitespaces[whitespace], $$props.class);
+$: classP = twMerge(size && sizes[size], (opacity && colorAndopacity) || (color && color), height && heights[height], weight && weights[weight], space && spaces[space], align && aligns[align], justify && 'text-justify', italic && 'italic', firstupper && upperClass, whitespace && whitespaces[whitespace], $$props.class);
 </script>
 
 <p {...$$restProps} class={classP}>

package/dist/utils/focusTrap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"focusTrap.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/focusTrap.js"],"names":[],"mappings":";AA0Cu1rC,oJAAsM"}
+{"version":3,"file":"focusTrap.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/focusTrap.js"],"names":[],"mappings":";AA0Ci8rC,oJAAsM"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.44.21",
+  "version": "0.44.23",
   "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.41.2",
+    "@sveltejs/adapter-vercel": "^4.0.5",
+    "@sveltejs/kit": "^2.5.0",
     "@sveltejs/package": "2.2.2",
-    "@typescript-eslint/eslint-plugin": "^6.12.0",
-    "@typescript-eslint/parser": "^6.12.0",
-    "autoprefixer": "^10.4.16",
+    "@sveltejs/vite-plugin-svelte": "^3.0.2",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
+    "autoprefixer": "^10.4.17",
     "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.35",
     "postcss-load-config": "^4.0.2",
-    "prettier": "^3.1.0",
+    "prettier": "^3.2.5",
     "prettier-plugin-svelte": "^3.1.2",
     "prism-themes": "^1.9.0",
-    "publint": "^0.2.5",
-    "svelte": "^4.2.7",
-    "svelte-check": "^3.6.1",
-    "svelte-lib-helpers": "^0.3.15",
+    "publint": "^0.2.7",
+    "svelte": "^4.2.10",
+    "svelte-check": "^3.6.3",
+    "svelte-lib-helpers": "^0.3.17",
     "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.12",
     "vitest": "^0.34.6"
   },
   "peerDependencies": {
@@ -113,13 +114,13 @@
     "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.6.1",
+    "apexcharts": "^3.45.2",
+    "flowbite": "^2.2.1",
+    "tailwind-merge": "^2.2.1"
   },
   "engines": {
-    "npm": ">=7.0.0",
+    "pnpm": ">=8.0.0",
     "node": ">=18.0.0"
   },
   "files": [
@@ -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"}