flowbite-svelte 0.46.20 → 0.46.21

package/dist/typography/Hr.svelte.d.ts

@@ -1,13 +1,13 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        icon?: boolean | undefined;
-        divClass?: string | undefined;
-        hrClass?: string | undefined;
-        iconDivClass?: string | undefined;
-        textSpanClass?: string | undefined;
-        innerDivClass?: string | undefined;
+    props: HTMLAttributes<HTMLElement> & {
+        icon?: boolean;
+        divClass?: string;
+        hrClass?: string;
+        iconDivClass?: string;
+        textSpanClass?: string;
+        innerDivClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -22,12 +22,12 @@ export type HrSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let icon: boolean = false;
- * @prop export let divClass: string = 'inline-flex items-center justify-center w-full';
- * @prop export let hrClass: string = 'h-px my-8 bg-gray-200 border-0 dark:bg-gray-700';
- * @prop export let iconDivClass: string = 'absolute start-1/2 px-4 bg-white -translate-x-1/2 rtl:translate-x-1/2 ';
- * @prop export let textSpanClass: string = 'absolute px-3 font-medium text-gray-900 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:text-white dark:bg-gray-900 ';
- * @prop export let innerDivClass: string = 'absolute px-4 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:bg-gray-900';
+ * @prop export let icon: $$Props['icon'] = false;
+ * @prop export let divClass: $$Props['divClass'] = 'inline-flex items-center justify-center w-full';
+ * @prop export let hrClass: $$Props['hrClass'] = 'h-px my-8 bg-gray-200 border-0 dark:bg-gray-700';
+ * @prop export let iconDivClass: $$Props['iconDivClass'] = 'absolute start-1/2 px-4 bg-white -translate-x-1/2 rtl:translate-x-1/2 ';
+ * @prop export let textSpanClass: $$Props['textSpanClass'] = 'absolute px-3 font-medium text-gray-900 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:text-white dark:bg-gray-900 ';
+ * @prop export let innerDivClass: $$Props['innerDivClass'] = 'absolute px-4 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:bg-gray-900';
  */
 export default class Hr extends SvelteComponentTyped<HrProps, HrEvents, HrSlots> {
 }

package/dist/typography/Img.svelte

@@ -13,7 +13,7 @@ export let captionClass = "mt-2 text-sm text-center text-gray-500 dark:text-gray
 
 {#if caption}
   <figure class={figClass}>
-    <img class={twMerge(imgClass, size, alignment, effect, $$props.class)} {src} {srcset} {alt} />
+    <img class={twMerge(imgClass, size, alignment, effect, $$props.class)} {src} {srcset} {alt} {...$$restProps}/>
     <figcaption class={captionClass}>{@html caption}</figcaption>
   </figure>
 {:else}
@@ -24,14 +24,14 @@ export let captionClass = "mt-2 text-sm text-center text-gray-500 dark:text-gray
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let caption: string | undefined = undefined;
-@prop export let src: string | undefined = undefined;
-@prop export let srcset: string | undefined = undefined;
-@prop export let size: string = 'max-w-full';
-@prop export let alignment: string = '';
-@prop export let imgClass: string = 'h-auto';
-@prop export let figClass: string = 'max-w-lg';
-@prop export let alt: string = '';
-@prop export let effect: string = '';
-@prop export let captionClass: string = 'mt-2 text-sm text-center text-gray-500 dark:text-gray-400';
+@prop export let caption: $$Props['caption'] = undefined;
+@prop export let src: $$Props['src'] = undefined;
+@prop export let srcset: $$Props['srcset'] = undefined;
+@prop export let size: $$Props['size'] = 'max-w-full';
+@prop export let alignment: $$Props['alignment'] = '';
+@prop export let imgClass: $$Props['imgClass'] = 'h-auto';
+@prop export let figClass: $$Props['figClass'] = 'max-w-lg';
+@prop export let alt: $$Props['alt'] = '';
+@prop export let effect: $$Props['effect'] = '';
+@prop export let captionClass: $$Props['captionClass'] = 'mt-2 text-sm text-center text-gray-500 dark:text-gray-400';
 -->

package/dist/typography/Img.svelte.d.ts

@@ -1,17 +1,17 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLImgAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        caption?: string | undefined;
-        src?: string | undefined;
-        srcset?: string | undefined;
-        size?: string | undefined;
-        alignment?: string | undefined;
-        imgClass?: string | undefined;
-        figClass?: string | undefined;
-        alt?: string | undefined;
-        effect?: string | undefined;
-        captionClass?: string | undefined;
+    props: HTMLImgAttributes & {
+        caption?: string;
+        src?: string;
+        srcset?: string;
+        size?: string;
+        alignment?: string;
+        imgClass?: string;
+        figClass?: string;
+        alt?: string;
+        effect?: string;
+        captionClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -24,16 +24,16 @@ export type ImgSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let caption: string | undefined = undefined;
- * @prop export let src: string | undefined = undefined;
- * @prop export let srcset: string | undefined = undefined;
- * @prop export let size: string = 'max-w-full';
- * @prop export let alignment: string = '';
- * @prop export let imgClass: string = 'h-auto';
- * @prop export let figClass: string = 'max-w-lg';
- * @prop export let alt: string = '';
- * @prop export let effect: string = '';
- * @prop export let captionClass: string = 'mt-2 text-sm text-center text-gray-500 dark:text-gray-400';
+ * @prop export let caption: $$Props['caption'] = undefined;
+ * @prop export let src: $$Props['src'] = undefined;
+ * @prop export let srcset: $$Props['srcset'] = undefined;
+ * @prop export let size: $$Props['size'] = 'max-w-full';
+ * @prop export let alignment: $$Props['alignment'] = '';
+ * @prop export let imgClass: $$Props['imgClass'] = 'h-auto';
+ * @prop export let figClass: $$Props['figClass'] = 'max-w-lg';
+ * @prop export let alt: $$Props['alt'] = '';
+ * @prop export let effect: $$Props['effect'] = '';
+ * @prop export let captionClass: $$Props['captionClass'] = 'mt-2 text-sm text-center text-gray-500 dark:text-gray-400';
  */
 export default class Img extends SvelteComponentTyped<ImgProps, ImgEvents, ImgSlots> {
 }

package/dist/typography/Layout.svelte

@@ -1,7 +1,7 @@
 <script>import { twMerge } from "tailwind-merge";
 export let divClass = "grid";
 export let cols = "grid-cols-1 sm:grid-cols-2";
-export let gap;
+export let gap = 6;
 let classDiv = twMerge(divClass, "gap-" + String(gap), cols);
 </script>
 
@@ -13,7 +13,7 @@ let classDiv = twMerge(divClass, "gap-" + String(gap), cols);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let divClass: string = 'grid';
-@prop export let cols: string = 'grid-cols-1 sm:grid-cols-2';
-@prop export let gap: number;
+@prop export let divClass: $$Props['divClass'] = 'grid';
+@prop export let cols: $$Props['cols'] = 'grid-cols-1 sm:grid-cols-2';
+@prop export let gap: $$Props['gap'] = 6;
 -->

package/dist/typography/Layout.svelte.d.ts

@@ -1,10 +1,10 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        divClass?: string | undefined;
-        cols?: string | undefined;
-        gap: number;
+    props: HTMLAttributes<HTMLDivElement> & {
+        divClass?: string;
+        cols?: string;
+        gap?: number;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -19,9 +19,9 @@ export type LayoutSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let divClass: string = 'grid';
- * @prop export let cols: string = 'grid-cols-1 sm:grid-cols-2';
- * @prop export let gap: number;
+ * @prop export let divClass: $$Props['divClass'] = 'grid';
+ * @prop export let cols: $$Props['cols'] = 'grid-cols-1 sm:grid-cols-2';
+ * @prop export let gap: $$Props['gap'] = 6;
  */
 export default class Layout extends SvelteComponentTyped<LayoutProps, LayoutEvents, LayoutSlots> {
 }

package/dist/typography/Li.svelte

@@ -12,6 +12,6 @@ let classLi = twMerge(liClass, icon && "flex items-center", $$props.class);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let icon: boolean = false;
-@prop export let liClass: string = '';
+@prop export let icon: $$Props['icon'] = false;
+@prop export let liClass: $$Props['liClass'] = '';
 -->

package/dist/typography/Li.svelte.d.ts

@@ -1,9 +1,9 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLLiAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        icon?: boolean | undefined;
-        liClass?: string | undefined;
+    props: HTMLLiAttributes & {
+        icon?: boolean;
+        liClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -18,8 +18,8 @@ export type LiSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let icon: boolean = false;
- * @prop export let liClass: string = '';
+ * @prop export let icon: $$Props['icon'] = false;
+ * @prop export let liClass: $$Props['liClass'] = '';
  */
 export default class Li extends SvelteComponentTyped<LiProps, LiEvents, LiSlots> {
 }

package/dist/typography/List.svelte

@@ -22,7 +22,7 @@ let classList = twMerge(lists[list ?? (tag === "ul" ? "disc" : tag === "ol" ? "d
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let tag: 'ul' | 'ol' | 'dl' = 'ul';
-@prop export let list: 'disc' | 'none' | 'decimal' | undefined = undefined;
-@prop export let position: 'inside' | 'outside' = 'inside';
+@prop export let tag: $$Props['tag'] = 'ul';
+@prop export let list: $$Props['list'] = undefined;
+@prop export let position: NonNullable<$$Props['position']> = 'inside';
 -->

package/dist/typography/List.svelte.d.ts

@@ -1,11 +1,19 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes, HTMLOlAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        tag?: ("ul" | "ol" | "dl") | undefined;
+    props: (HTMLAttributes<HTMLUListElement> & {
+        tag?: "ul" | "ol" | "dl";
         list?: "disc" | "none" | "decimal" | undefined;
-        position?: ("inside" | "outside") | undefined;
-    };
+        position?: "inside" | "outside";
+    }) | (HTMLOlAttributes & {
+        tag?: "ul" | "ol" | "dl";
+        list?: "disc" | "none" | "decimal" | undefined;
+        position?: "inside" | "outside";
+    }) | (HTMLAttributes<HTMLDListElement> & {
+        tag?: "ul" | "ol" | "dl";
+        list?: "disc" | "none" | "decimal" | undefined;
+        position?: "inside" | "outside";
+    });
     events: {
         [evt: string]: CustomEvent<any>;
     };
@@ -13,16 +21,16 @@ declare const __propDef: {
         default: {};
     };
 };
-export type ListProps = typeof __propDef.props;
+type ListProps_ = typeof __propDef.props;
+export { ListProps_ as ListProps };
 export type ListEvents = typeof __propDef.events;
 export type ListSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let tag: 'ul' | 'ol' | 'dl' = 'ul';
- * @prop export let list: 'disc' | 'none' | 'decimal' | undefined = undefined;
- * @prop export let position: 'inside' | 'outside' = 'inside';
+ * @prop export let tag: $$Props['tag'] = 'ul';
+ * @prop export let list: $$Props['list'] = undefined;
+ * @prop export let position: NonNullable<$$Props['position']> = 'inside';
  */
-export default class List extends SvelteComponentTyped<ListProps, ListEvents, ListSlots> {
+export default class List extends SvelteComponentTyped<ListProps_, ListEvents, ListSlots> {
 }
-export {};

package/dist/typography/Mark.svelte

@@ -12,7 +12,7 @@ export let markClass = "px-2 rounded";
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let color: string = 'text-white dark:bg-blue-500';
-@prop export let bgColor: string = 'bg-blue-600';
-@prop export let markClass: string = 'px-2 rounded';
+@prop export let color: $$Props['color'] = 'text-white dark:bg-blue-500';
+@prop export let bgColor: $$Props['bgColor'] = 'bg-blue-600';
+@prop export let markClass: $$Props['markClass'] = 'px-2 rounded';
 -->

package/dist/typography/Mark.svelte.d.ts

@@ -1,10 +1,10 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        color?: string | undefined;
-        bgColor?: string | undefined;
-        markClass?: string | undefined;
+    props: HTMLAttributes<HTMLElement> & {
+        color?: string;
+        bgColor?: string;
+        markClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -19,9 +19,9 @@ export type MarkSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let color: string = 'text-white dark:bg-blue-500';
- * @prop export let bgColor: string = 'bg-blue-600';
- * @prop export let markClass: string = 'px-2 rounded';
+ * @prop export let color: $$Props['color'] = 'text-white dark:bg-blue-500';
+ * @prop export let bgColor: $$Props['bgColor'] = 'bg-blue-600';
+ * @prop export let markClass: $$Props['markClass'] = 'px-2 rounded';
  */
 export default class Mark extends SvelteComponentTyped<MarkProps, MarkEvents, MarkSlots> {
 }

package/dist/typography/P.svelte

@@ -74,16 +74,16 @@ $: classP = twMerge(size && sizes[size], opacity && colorAndopacity || color &&
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let color: string = 'text-gray-900 dark:text-white';
-@prop export let height: 'normal' | 'relaxed' | 'loose' = 'normal';
-@prop export let align: 'left' | 'center' | 'right' = 'left';
-@prop export let justify: boolean = false;
-@prop export let italic: boolean = false;
-@prop export let firstupper: boolean = false;
-@prop export let upperClass: string = 'first-line:uppercase first-line:tracking-widest first-letter:text-7xl first-letter:font-bold first-letter:text-gray-900 dark:first-letter:text-gray-100 first-letter:me-3 first-letter:float-left';
-@prop export let opacity: number | undefined = undefined;
-@prop export let whitespace: 'normal' | 'nowrap' | 'pre' | 'preline' | 'prewrap' = 'normal';
-@prop export let size: PsizeType = 'base';
-@prop export let space: 'tighter' | 'tight' | 'normal' | 'wide' | 'wider' | 'widest' | undefined = undefined;
-@prop export let weight: PweightType = 'normal';
+@prop export let color: NonNullable<$$Props['color']> = 'text-gray-900 dark:text-white';
+@prop export let height: $$Props['height'] = 'normal';
+@prop export let align: $$Props['align'] = 'left';
+@prop export let justify: $$Props['justify'] = false;
+@prop export let italic: $$Props['italic'] = false;
+@prop export let firstupper: $$Props['firstupper'] = false;
+@prop export let upperClass: $$Props['upperClass'] = 'first-line:uppercase first-line:tracking-widest first-letter:text-7xl first-letter:font-bold first-letter:text-gray-900 dark:first-letter:text-gray-100 first-letter:me-3 first-letter:float-left';
+@prop export let opacity: $$Props['opacity'] = undefined;
+@prop export let whitespace: $$Props['whitespace'] = 'normal';
+@prop export let size: $$Props['size'] = 'base';
+@prop export let space: $$Props['space'] = undefined;
+@prop export let weight: $$Props['weight'] = 'normal';
 -->

package/dist/typography/P.svelte.d.ts

@@ -1,20 +1,20 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 import type { PsizeType, PweightType } from '../types';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        color?: string | undefined;
-        height?: ("normal" | "relaxed" | "loose") | undefined;
-        align?: ("left" | "center" | "right") | undefined;
-        justify?: boolean | undefined;
-        italic?: boolean | undefined;
-        firstupper?: boolean | undefined;
-        upperClass?: string | undefined;
-        opacity?: number | undefined;
-        whitespace?: ("normal" | "nowrap" | "pre" | "preline" | "prewrap") | undefined;
-        size?: PsizeType | undefined;
-        space?: "tighter" | "tight" | "normal" | "wide" | "wider" | "widest" | undefined;
-        weight?: PweightType | undefined;
+    props: HTMLAttributes<HTMLParagraphElement> & {
+        color?: string;
+        height?: "normal" | "relaxed" | "loose";
+        align?: "left" | "center" | "right";
+        justify?: boolean;
+        italic?: boolean;
+        firstupper?: boolean;
+        upperClass?: string;
+        opacity?: number;
+        whitespace?: "normal" | "nowrap" | "pre" | "preline" | "prewrap";
+        size?: PsizeType;
+        space?: "tighter" | "tight" | "normal" | "wide" | "wider" | "widest";
+        weight?: PweightType;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -29,18 +29,18 @@ export type PSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let color: string = 'text-gray-900 dark:text-white';
- * @prop export let height: 'normal' | 'relaxed' | 'loose' = 'normal';
- * @prop export let align: 'left' | 'center' | 'right' = 'left';
- * @prop export let justify: boolean = false;
- * @prop export let italic: boolean = false;
- * @prop export let firstupper: boolean = false;
- * @prop export let upperClass: string = 'first-line:uppercase first-line:tracking-widest first-letter:text-7xl first-letter:font-bold first-letter:text-gray-900 dark:first-letter:text-gray-100 first-letter:me-3 first-letter:float-left';
- * @prop export let opacity: number | undefined = undefined;
- * @prop export let whitespace: 'normal' | 'nowrap' | 'pre' | 'preline' | 'prewrap' = 'normal';
- * @prop export let size: PsizeType = 'base';
- * @prop export let space: 'tighter' | 'tight' | 'normal' | 'wide' | 'wider' | 'widest' | undefined = undefined;
- * @prop export let weight: PweightType = 'normal';
+ * @prop export let color: NonNullable<$$Props['color']> = 'text-gray-900 dark:text-white';
+ * @prop export let height: $$Props['height'] = 'normal';
+ * @prop export let align: $$Props['align'] = 'left';
+ * @prop export let justify: $$Props['justify'] = false;
+ * @prop export let italic: $$Props['italic'] = false;
+ * @prop export let firstupper: $$Props['firstupper'] = false;
+ * @prop export let upperClass: $$Props['upperClass'] = 'first-line:uppercase first-line:tracking-widest first-letter:text-7xl first-letter:font-bold first-letter:text-gray-900 dark:first-letter:text-gray-100 first-letter:me-3 first-letter:float-left';
+ * @prop export let opacity: $$Props['opacity'] = undefined;
+ * @prop export let whitespace: $$Props['whitespace'] = 'normal';
+ * @prop export let size: $$Props['size'] = 'base';
+ * @prop export let space: $$Props['space'] = undefined;
+ * @prop export let weight: $$Props['weight'] = 'normal';
  */
 export default class P extends SvelteComponentTyped<PProps, PEvents, PSlots> {
 }

package/dist/typography/Secondary.svelte

@@ -11,6 +11,6 @@ export let secondaryClass = "font-semibold";
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let color: string = 'text-gray-500 dark:text-gray-400';
-@prop export let secondaryClass: string = 'font-semibold';
+@prop export let color: $$Props['color'] = 'text-gray-500 dark:text-gray-400';
+@prop export let secondaryClass: $$Props['secondaryClass'] = 'font-semibold';
 -->

package/dist/typography/Secondary.svelte.d.ts

@@ -1,9 +1,9 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        color?: string | undefined;
-        secondaryClass?: string | undefined;
+    props: HTMLAttributes<HTMLElement> & {
+        color?: string;
+        secondaryClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -18,8 +18,8 @@ export type SecondarySlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let color: string = 'text-gray-500 dark:text-gray-400';
- * @prop export let secondaryClass: string = 'font-semibold';
+ * @prop export let color: $$Props['color'] = 'text-gray-500 dark:text-gray-400';
+ * @prop export let secondaryClass: $$Props['secondaryClass'] = 'font-semibold';
  */
 export default class Secondary extends SvelteComponentTyped<SecondaryProps, SecondaryEvents, SecondarySlots> {
 }

package/dist/typography/Span.svelte

@@ -20,13 +20,13 @@ let classSpan = twMerge(italic && "italic", underline && underlineClass, linethr
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let italic: boolean = false;
-@prop export let underline: boolean = false;
-@prop export let linethrough: boolean = false;
-@prop export let uppercase: boolean = false;
-@prop export let gradient: boolean = false;
-@prop export let highlight: boolean = false;
-@prop export let highlightClass: string = 'text-blue-600 dark:text-blue-500';
-@prop export let decorationClass: string = 'decoration-2 decoration-blue-400 dark:decoration-blue-600';
-@prop export let gradientClass: string = 'text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400';
+@prop export let italic: $$Props['italic'] = false;
+@prop export let underline: $$Props['underline'] = false;
+@prop export let linethrough: $$Props['linethrough'] = false;
+@prop export let uppercase: $$Props['uppercase'] = false;
+@prop export let gradient: $$Props['gradient'] = false;
+@prop export let highlight: $$Props['highlight'] = false;
+@prop export let highlightClass: $$Props['highlightClass'] = 'text-blue-600 dark:text-blue-500';
+@prop export let decorationClass: $$Props['decorationClass'] = 'decoration-2 decoration-blue-400 dark:decoration-blue-600';
+@prop export let gradientClass: $$Props['gradientClass'] = 'text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400';
 -->

package/dist/typography/Span.svelte.d.ts

@@ -1,16 +1,16 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        italic?: boolean | undefined;
-        underline?: boolean | undefined;
-        linethrough?: boolean | undefined;
-        uppercase?: boolean | undefined;
-        gradient?: boolean | undefined;
-        highlight?: boolean | undefined;
-        highlightClass?: string | undefined;
-        decorationClass?: string | undefined;
-        gradientClass?: string | undefined;
+    props: HTMLAttributes<HTMLSpanElement> & {
+        italic?: boolean;
+        underline?: boolean;
+        linethrough?: boolean;
+        uppercase?: boolean;
+        gradient?: boolean;
+        highlight?: boolean;
+        highlightClass?: string;
+        decorationClass?: string;
+        gradientClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -25,15 +25,15 @@ export type SpanSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let italic: boolean = false;
- * @prop export let underline: boolean = false;
- * @prop export let linethrough: boolean = false;
- * @prop export let uppercase: boolean = false;
- * @prop export let gradient: boolean = false;
- * @prop export let highlight: boolean = false;
- * @prop export let highlightClass: string = 'text-blue-600 dark:text-blue-500';
- * @prop export let decorationClass: string = 'decoration-2 decoration-blue-400 dark:decoration-blue-600';
- * @prop export let gradientClass: string = 'text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400';
+ * @prop export let italic: $$Props['italic'] = false;
+ * @prop export let underline: $$Props['underline'] = false;
+ * @prop export let linethrough: $$Props['linethrough'] = false;
+ * @prop export let uppercase: $$Props['uppercase'] = false;
+ * @prop export let gradient: $$Props['gradient'] = false;
+ * @prop export let highlight: $$Props['highlight'] = false;
+ * @prop export let highlightClass: $$Props['highlightClass'] = 'text-blue-600 dark:text-blue-500';
+ * @prop export let decorationClass: $$Props['decorationClass'] = 'decoration-2 decoration-blue-400 dark:decoration-blue-600';
+ * @prop export let gradientClass: $$Props['gradientClass'] = 'text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400';
  */
 export default class Span extends SvelteComponentTyped<SpanProps, SpanEvents, SpanSlots> {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.46.20",
+  "version": "0.46.21",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
   "author": {
@@ -13,11 +13,11 @@
   "license": "MIT",
   "devDependencies": {
     "@changesets/cli": "^2.27.8",
-    "@docsearch/css": "^3.6.1",
-    "@docsearch/js": "^3.6.1",
+    "@docsearch/css": "^3.6.2",
+    "@docsearch/js": "^3.6.2",
     "@playwright/test": "^1.47.2",
     "@sveltejs/adapter-vercel": "^5.4.4",
-    "@sveltejs/kit": "^2.5.28",
+    "@sveltejs/kit": "^2.6.1",
     "@sveltejs/package": "2.3.2",
     "@sveltejs/vite-plugin-svelte": "^3.1.2",
     "@svitejs/changesets-changelog-github-compact": "^1.1.0",
@@ -25,31 +25,31 @@
     "autoprefixer": "^10.4.20",
     "dayjs": "^1.11.13",
     "esbuild": "0.23.1",
-    "eslint": "^9.11.0",
+    "eslint": "^9.11.1",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-svelte": "^2.44.0",
-    "flowbite-svelte": "^0.46.20",
+    "eslint-plugin-svelte": "^2.44.1",
+    "flowbite-svelte": "^0.46.21",
     "flowbite-svelte-blocks": "^1.1.3",
     "flowbite-svelte-icons": "^1.6.1",
     "mdsvex": "^0.12.3",
     "mdsvexamples": "^0.4.1",
     "postcss": "^8.4.47",
     "prettier": "^3.3.3",
-    "prettier-plugin-svelte": "^3.2.6",
+    "prettier-plugin-svelte": "^3.2.7",
     "prism-themes": "^1.9.0",
     "publint": "^0.2.11",
     "svelte": "^4.2.19",
-    "svelte-check": "^4.0.2",
-    "svelte-lib-helpers": "^0.4.8",
+    "svelte-check": "^4.0.4",
+    "svelte-lib-helpers": "^0.4.9",
     "svelte-meta-tags": "^3.1.4",
-    "svelte-preprocess": "^6.0.2",
-    "svelte2tsx": "^0.7.19",
+    "svelte-preprocess": "^6.0.3",
+    "svelte2tsx": "^0.7.21",
     "tailwind-merge": "^1.13.1",
-    "tailwindcss": "^3.4.12",
+    "tailwindcss": "^3.4.13",
     "tslib": "^2.7.0",
     "typescript": "^5.6.2",
     "typescript-eslint": "8.4.0",
-    "vite": "^5.4.7",
+    "vite": "^5.4.8",
     "vitest": "^1.6.0"
   },
   "peerDependencies": {
@@ -100,8 +100,8 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.6.11",
-    "apexcharts": "^3.53.0",
-    "flowbite": "^2.5.1",
+    "apexcharts": "^3.54.0",
+    "flowbite": "^2.5.2",
     "tailwind-merge": "^2.5.2"
   },
   "engines": {
@@ -753,9 +753,10 @@
     "test:unit": "vitest",
     "gen:exports": "svelte-lib-helpers exports",
     "gen:docs": "svelte-lib-helpers docs",
-    "gen:compo-data": "svelte-lib-helpers compo-data",
+    "gen:compo-data": "svelte-lib-helpers component-data",
+    "gen:componentData": "svelte-lib-helpers component-data",
     "copy:package": "svelte-lib-helpers package",
-    "lib-helpers": "npm run gen:docs && npm run gen:compo-data && npm run package && npm run gen:exports && npm run copy:package && npm run format",
+    "lib-helpers": "npm run gen:docs && npm run gen:componentData && npm run package && npm run gen:exports && npm run copy:package && npm run format",
     "package:publish": "standard-version && git push --follow-tags origin main && npm publish"
   }
 }