flowbite-svelte 0.46.19 → 0.46.21

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

@@ -35,7 +35,7 @@ export type NavbarSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let fluid: boolean = false;
+ * @prop export let fluid: $$Props['fluid'] = false;
  */
 export default class Navbar extends SvelteComponentTyped<NavbarProps, NavbarEvents, NavbarSlots> {
 }

package/dist/pagination/Pagination.svelte

@@ -1,4 +1,4 @@
-<script>import { twMerge, twJoin } from "tailwind-merge";
+<script>import { twMerge } from "tailwind-merge";
 import { createEventDispatcher, setContext } from "svelte";
 import PaginationItem from "./PaginationItem.svelte";
 export let pages = [];
@@ -45,11 +45,11 @@ const next = () => {
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let pages: LinkType[] = [];
-@prop export let activeClass: string = 'text-blue-600 border border-gray-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white';
-@prop export let normalClass: string = 'text-gray-500 bg-white hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white';
-@prop export let ulClass: string = 'inline-flex -space-x-px rtl:space-x-reverse items-center';
-@prop export let table: boolean = false;
-@prop export let large: boolean = false;
-@prop export let ariaLabel: string = 'Page navigation';
+@prop export let pages: $$Props['pages'] = [];
+@prop export let activeClass: $$Props['activeClass'] = 'text-blue-600 border border-gray-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white';
+@prop export let normalClass: $$Props['normalClass'] = 'text-gray-500 bg-white hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white';
+@prop export let ulClass: $$Props['ulClass'] = 'inline-flex -space-x-px rtl:space-x-reverse items-center';
+@prop export let table: NonNullable<$$Props['table']> = false;
+@prop export let large: $$Props['large'] = false;
+@prop export let ariaLabel: $$Props['ariaLabel'] = 'Page navigation';
 -->

package/dist/pagination/Pagination.svelte.d.ts

@@ -1,15 +1,15 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 import type { LinkType } from '../types';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        pages?: LinkType[] | undefined;
-        activeClass?: string | undefined;
-        normalClass?: string | undefined;
-        ulClass?: string | undefined;
-        table?: boolean | undefined;
-        large?: boolean | undefined;
-        ariaLabel?: string | undefined;
+    props: HTMLAttributes<HTMLUListElement> & {
+        pages: LinkType[];
+        activeClass?: string;
+        normalClass?: string;
+        ulClass?: string;
+        table?: boolean;
+        large?: boolean;
+        ariaLabel?: string;
     };
     events: {
         blur: FocusEvent;
@@ -38,13 +38,13 @@ export type PaginationSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let pages: LinkType[] = [];
- * @prop export let activeClass: string = 'text-blue-600 border border-gray-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white';
- * @prop export let normalClass: string = 'text-gray-500 bg-white hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white';
- * @prop export let ulClass: string = 'inline-flex -space-x-px rtl:space-x-reverse items-center';
- * @prop export let table: boolean = false;
- * @prop export let large: boolean = false;
- * @prop export let ariaLabel: string = 'Page navigation';
+ * @prop export let pages: $$Props['pages'] = [];
+ * @prop export let activeClass: $$Props['activeClass'] = 'text-blue-600 border border-gray-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white';
+ * @prop export let normalClass: $$Props['normalClass'] = 'text-gray-500 bg-white hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white';
+ * @prop export let ulClass: $$Props['ulClass'] = 'inline-flex -space-x-px rtl:space-x-reverse items-center';
+ * @prop export let table: NonNullable<$$Props['table']> = false;
+ * @prop export let large: $$Props['large'] = false;
+ * @prop export let ariaLabel: $$Props['ariaLabel'] = 'Page navigation';
  */
 export default class Pagination extends SvelteComponentTyped<PaginationProps, PaginationEvents, PaginationSlots> {
 }

package/dist/pagination/PaginationItem.svelte

@@ -28,9 +28,9 @@ $: defaultClass = twMerge(
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let href: string | undefined = undefined;
-@prop export let active: boolean = false;
-@prop export let activeClass: string = 'text-blue-600 border border-gray-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white';
-@prop export let normalClass: string = 'text-gray-500 bg-white hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white';
-@prop export let large: boolean = false;
+@prop export let href: $$Props['href'] = undefined;
+@prop export let active: $$Props['active'] = false;
+@prop export let activeClass: $$Props['activeClass'] = 'text-blue-600 border border-gray-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white';
+@prop export let normalClass: $$Props['normalClass'] = 'text-gray-500 bg-white hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white';
+@prop export let large: $$Props['large'] = false;
 -->

package/dist/pagination/PaginationItem.svelte.d.ts

@@ -1,12 +1,12 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        href?: string | undefined;
-        active?: boolean | undefined;
-        activeClass?: string | undefined;
-        normalClass?: string | undefined;
-        large?: boolean | undefined;
+    props: HTMLAttributes<HTMLAnchorElement | HTMLButtonElement> & {
+        href?: string;
+        active?: boolean;
+        activeClass?: string;
+        normalClass?: string;
+        large?: boolean;
     };
     events: {
         blur: FocusEvent;
@@ -32,11 +32,11 @@ export type PaginationItemSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let href: string | undefined = undefined;
- * @prop export let active: boolean = false;
- * @prop export let activeClass: string = 'text-blue-600 border border-gray-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white';
- * @prop export let normalClass: string = 'text-gray-500 bg-white hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white';
- * @prop export let large: boolean = false;
+ * @prop export let href: $$Props['href'] = undefined;
+ * @prop export let active: $$Props['active'] = false;
+ * @prop export let activeClass: $$Props['activeClass'] = 'text-blue-600 border border-gray-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white';
+ * @prop export let normalClass: $$Props['normalClass'] = 'text-gray-500 bg-white hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white';
+ * @prop export let large: $$Props['large'] = false;
  */
 export default class PaginationItem extends SvelteComponentTyped<PaginationItemProps, PaginationItemEvents, PaginationItemSlots> {
 }

package/dist/progress/Progressbar.svelte

@@ -12,7 +12,7 @@ export let easing = cubicOut;
 export let color = "primary";
 export let labelInsideClass = "text-primary-100 text-xs font-medium text-center p-0.5 leading-none rounded-full";
 export let divClass = "w-full bg-gray-200 rounded-full dark:bg-gray-700";
-export let progressClass;
+export let progressClass = "";
 const _progress = tweened(0, {
   duration: animate ? tweenDuration : 0,
   easing
@@ -50,16 +50,16 @@ $: _progress.set(Number(progress));
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let progress: string | number = '45';
-@prop export let precision: number = 0
-  export let tweenDuration: number = 400;
-@prop export let animate: boolean = false;
-@prop export let size: string = 'h-2.5';
-@prop export let labelInside: boolean = false;
-@prop export let labelOutside: string = '';
-@prop export let easing: EasingFunction = cubicOut;
-@prop export let color: 'primary' | 'blue' | 'gray' | 'red' | 'green' | 'yellow' | 'purple' | 'indigo' = 'primary';
-@prop export let labelInsideClass: string = 'text-primary-100 text-xs font-medium text-center p-0.5 leading-none rounded-full';
-@prop export let divClass: string = 'w-full bg-gray-200 rounded-full dark:bg-gray-700';
-@prop export let progressClass: string;
+@prop export let progress: $$Props['progress'] = '45';
+@prop export let precision: $$Props['precision'] = 0
+  export let tweenDuration: $$Props['tweenDuration'] = 400;
+@prop export let animate: $$Props['animate'] = false;
+@prop export let size: $$Props['size'] = 'h-2.5';
+@prop export let labelInside: $$Props['labelInside'] = false;
+@prop export let labelOutside: $$Props['labelOutside'] = '';
+@prop export let easing: $$Props['easing'] = cubicOut;
+@prop export let color: NonNullable<$$Props['color']> = 'primary';
+@prop export let labelInsideClass: $$Props['labelInsideClass'] = 'text-primary-100 text-xs font-medium text-center p-0.5 leading-none rounded-full';
+@prop export let divClass: $$Props['divClass'] = 'w-full bg-gray-200 rounded-full dark:bg-gray-700';
+@prop export let progressClass: $$Props['progressClass'] = '';
 -->

package/dist/progress/Progressbar.svelte.d.ts

@@ -1,20 +1,20 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 import type { EasingFunction } from 'svelte/transition';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        progress?: (string | number) | undefined;
-        precision?: number | undefined;
-        tweenDuration?: number | undefined;
-        animate?: boolean | undefined;
-        size?: string | undefined;
-        labelInside?: boolean | undefined;
-        labelOutside?: string | undefined;
-        easing?: EasingFunction | undefined;
-        color?: ("primary" | "blue" | "gray" | "red" | "green" | "yellow" | "purple" | "indigo") | undefined;
-        labelInsideClass?: string | undefined;
-        divClass?: string | undefined;
-        progressClass: string;
+    props: HTMLAttributes<HTMLDivElement> & {
+        progress: string | number;
+        precision?: number;
+        tweenDuration?: number;
+        animate?: boolean;
+        size?: string;
+        labelInside?: boolean;
+        labelOutside?: string;
+        easing?: EasingFunction;
+        color?: "primary" | "blue" | "gray" | "red" | "green" | "yellow" | "purple" | "indigo";
+        labelInsideClass?: string;
+        divClass?: string;
+        progressClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -27,18 +27,18 @@ export type ProgressbarSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let progress: string | number = '45';
- * @prop export let precision: number = 0
- * export let tweenDuration: number = 400;
- * @prop export let animate: boolean = false;
- * @prop export let size: string = 'h-2.5';
- * @prop export let labelInside: boolean = false;
- * @prop export let labelOutside: string = '';
- * @prop export let easing: EasingFunction = cubicOut;
- * @prop export let color: 'primary' | 'blue' | 'gray' | 'red' | 'green' | 'yellow' | 'purple' | 'indigo' = 'primary';
- * @prop export let labelInsideClass: string = 'text-primary-100 text-xs font-medium text-center p-0.5 leading-none rounded-full';
- * @prop export let divClass: string = 'w-full bg-gray-200 rounded-full dark:bg-gray-700';
- * @prop export let progressClass: string;
+ * @prop export let progress: $$Props['progress'] = '45';
+ * @prop export let precision: $$Props['precision'] = 0
+ * export let tweenDuration: $$Props['tweenDuration'] = 400;
+ * @prop export let animate: $$Props['animate'] = false;
+ * @prop export let size: $$Props['size'] = 'h-2.5';
+ * @prop export let labelInside: $$Props['labelInside'] = false;
+ * @prop export let labelOutside: $$Props['labelOutside'] = '';
+ * @prop export let easing: $$Props['easing'] = cubicOut;
+ * @prop export let color: NonNullable<$$Props['color']> = 'primary';
+ * @prop export let labelInsideClass: $$Props['labelInsideClass'] = 'text-primary-100 text-xs font-medium text-center p-0.5 leading-none rounded-full';
+ * @prop export let divClass: $$Props['divClass'] = 'w-full bg-gray-200 rounded-full dark:bg-gray-700';
+ * @prop export let progressClass: $$Props['progressClass'] = '';
  */
 export default class Progressbar extends SvelteComponentTyped<ProgressbarProps, ProgressbarEvents, ProgressbarSlots> {
 }

package/dist/rating/Heart.svelte

@@ -28,11 +28,11 @@ export let role = "img";
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let fillPercent: number = 100;
-@prop export let fillColor: string = '#ff0000';
-@prop export let strokeColor: string = '#ff0000';
-@prop export let size: number = 24;
-@prop export let ariaLabel: string = 'heart';
-@prop export let id: string = 'heart';
-@prop export let role = 'img';
+@prop export let fillPercent: $$Props['fillPercent'] = 100;
+@prop export let fillColor: $$Props['fillColor'] = '#ff0000';
+@prop export let strokeColor: $$Props['strokeColor'] = '#ff0000';
+@prop export let size: $$Props['size'] = 24;
+@prop export let ariaLabel: $$Props['ariaLabel'] = 'heart';
+@prop export let id: $$Props['id'] = 'heart';
+@prop export let role: $$Props['role'] = 'img';
 -->

package/dist/rating/Heart.svelte.d.ts

@@ -1,14 +1,14 @@
 import { SvelteComponentTyped } from "svelte";
+import type { SVGAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        fillPercent?: number | undefined;
-        fillColor?: string | undefined;
-        strokeColor?: string | undefined;
-        size?: number | undefined;
-        ariaLabel?: string | undefined;
-        id?: string | undefined;
-        role?: string | undefined;
+    props: SVGAttributes<SVGSVGElement> & {
+        fillPercent?: number;
+        fillColor?: string;
+        strokeColor?: string;
+        size?: number;
+        ariaLabel?: string;
+        id?: string;
+        role?: string;
     };
     events: {
         click: MouseEvent;
@@ -23,13 +23,13 @@ export type HeartSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let fillPercent: number = 100;
- * @prop export let fillColor: string = '#ff0000';
- * @prop export let strokeColor: string = '#ff0000';
- * @prop export let size: number = 24;
- * @prop export let ariaLabel: string = 'heart';
- * @prop export let id: string = 'heart';
- * @prop export let role = 'img';
+ * @prop export let fillPercent: $$Props['fillPercent'] = 100;
+ * @prop export let fillColor: $$Props['fillColor'] = '#ff0000';
+ * @prop export let strokeColor: $$Props['strokeColor'] = '#ff0000';
+ * @prop export let size: $$Props['size'] = 24;
+ * @prop export let ariaLabel: $$Props['ariaLabel'] = 'heart';
+ * @prop export let id: $$Props['id'] = 'heart';
+ * @prop export let role: $$Props['role'] = 'img';
  */
 export default class Heart extends SvelteComponentTyped<HeartProps, HeartEvents, HeartSlots> {
 }

package/dist/rating/Rating.svelte

@@ -8,8 +8,8 @@ export let rating = 4;
 export let partialId = "partialStar" + generateId();
 export let icon = Star;
 export let count = false;
-export let iconFillColor = "";
-export let iconStrokeColor = "";
+export let iconFillColor = "#F5CA14";
+export let iconStrokeColor = "#F5CA14";
 const fullStarId = generateId();
 const grayStarId = generateId();
 $: fullStars = Math.floor(rating);
@@ -50,6 +50,6 @@ $: grayStars = total - (fullStars + Math.ceil(rateDiffence));
 @prop export let partialId: $$Props['partialId'] = 'partialStar' + generateId();
 @prop export let icon: $$Props['icon'] = Star;
 @prop export let count: $$Props['count'] = false;
-@prop export let iconFillColor: $$Props['iconFillColor'] = '';
-@prop export let iconStrokeColor: $$Props['iconStrokeColor'] = '';
+@prop export let iconFillColor: $$Props['iconFillColor'] = '#F5CA14';
+@prop export let iconStrokeColor: $$Props['iconStrokeColor'] = '#F5CA14';
 -->

package/dist/rating/Rating.svelte.d.ts

@@ -34,8 +34,8 @@ export type RatingSlots = typeof __propDef.slots;
  * @prop export let partialId: $$Props['partialId'] = 'partialStar' + generateId();
  * @prop export let icon: $$Props['icon'] = Star;
  * @prop export let count: $$Props['count'] = false;
- * @prop export let iconFillColor: $$Props['iconFillColor'] = '';
- * @prop export let iconStrokeColor: $$Props['iconStrokeColor'] = '';
+ * @prop export let iconFillColor: $$Props['iconFillColor'] = '#F5CA14';
+ * @prop export let iconStrokeColor: $$Props['iconStrokeColor'] = '#F5CA14';
  */
 export default class Rating extends SvelteComponentTyped<RatingProps, RatingEvents, RatingSlots> {
 }

package/dist/rating/RatingComment.svelte

@@ -1,11 +1,8 @@
 <script>import Button from "../buttons/Button.svelte";
 import Rating from "./Rating.svelte";
-export let ceil = false;
 export let helpfullink = "";
 export let abuselink = "";
 export let comment;
-let roundedRating = ceil ? Math.ceil(comment.rating) : Math.floor(comment.rating);
-let grayStars = comment.total - roundedRating;
 </script>
 
 <article>
@@ -59,9 +56,8 @@ let grayStars = comment.total - roundedRating;
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let ceil: boolean = false;
-@prop export let helpfullink: string = '';
-@prop export let abuselink: string = '';
-@prop export let comment: {
-    id: string;
+@prop export let ceil: $$Props['ceil'] = false;
+@prop export let helpfullink: $$Props['helpfullink'] = '';
+@prop export let abuselink: $$Props['abuselink'] = '';
+@prop export let comment: $$Props['comment'];
 -->

package/dist/rating/RatingComment.svelte.d.ts

@@ -1,7 +1,6 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        ceil?: boolean;
         helpfullink?: string;
         abuselink?: string;
         comment: {
@@ -35,11 +34,10 @@ export type RatingCommentSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let ceil: boolean = false;
- * @prop export let helpfullink: string = '';
- * @prop export let abuselink: string = '';
- * @prop export let comment: {
- * id: string;
+ * @prop export let ceil: $$Props['ceil'] = false;
+ * @prop export let helpfullink: $$Props['helpfullink'] = '';
+ * @prop export let abuselink: $$Props['abuselink'] = '';
+ * @prop export let comment: $$Props['comment'];
  */
 export default class RatingComment extends SvelteComponentTyped<RatingCommentProps, RatingCommentEvents, RatingCommentSlots> {
 }

package/dist/rating/Review.svelte

@@ -66,10 +66,10 @@ export let liClass = "flex items-center";
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let review: ReviewType;
-@prop export let articleClass: string = 'md:gap-8 md:grid md:grid-cols-3';
-@prop export let divClass: string = 'flex items-center mb-6 space-x-4 rtl:space-x-reverse';
-@prop export let imgClass: string = 'w-10 h-10 rounded-full';
-@prop export let ulClass: string = 'space-y-4 text-sm text-gray-500 dark:text-gray-400';
-@prop export let liClass: string = 'flex items-center';
+@prop export let review: $$Props['review'];
+@prop export let articleClass: $$Props['articleClass'] = 'md:gap-8 md:grid md:grid-cols-3';
+@prop export let divClass: $$Props['divClass'] = 'flex items-center mb-6 space-x-4 rtl:space-x-reverse';
+@prop export let imgClass: $$Props['imgClass'] = 'w-10 h-10 rounded-full';
+@prop export let ulClass: $$Props['ulClass'] = 'space-y-4 text-sm text-gray-500 dark:text-gray-400';
+@prop export let liClass: $$Props['liClass'] = 'flex items-center';
 -->

package/dist/rating/Review.svelte.d.ts

@@ -2,13 +2,12 @@ import { SvelteComponentTyped } from "svelte";
 import type { ReviewType } from '../types';
 declare const __propDef: {
     props: {
-        [x: string]: any;
         review: ReviewType;
-        articleClass?: string | undefined;
-        divClass?: string | undefined;
-        imgClass?: string | undefined;
-        ulClass?: string | undefined;
-        liClass?: string | undefined;
+        articleClass?: string;
+        divClass?: string;
+        imgClass?: string;
+        ulClass?: string;
+        liClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -27,12 +26,12 @@ export type ReviewSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let review: ReviewType;
- * @prop export let articleClass: string = 'md:gap-8 md:grid md:grid-cols-3';
- * @prop export let divClass: string = 'flex items-center mb-6 space-x-4 rtl:space-x-reverse';
- * @prop export let imgClass: string = 'w-10 h-10 rounded-full';
- * @prop export let ulClass: string = 'space-y-4 text-sm text-gray-500 dark:text-gray-400';
- * @prop export let liClass: string = 'flex items-center';
+ * @prop export let review: $$Props['review'];
+ * @prop export let articleClass: $$Props['articleClass'] = 'md:gap-8 md:grid md:grid-cols-3';
+ * @prop export let divClass: $$Props['divClass'] = 'flex items-center mb-6 space-x-4 rtl:space-x-reverse';
+ * @prop export let imgClass: $$Props['imgClass'] = 'w-10 h-10 rounded-full';
+ * @prop export let ulClass: $$Props['ulClass'] = 'space-y-4 text-sm text-gray-500 dark:text-gray-400';
+ * @prop export let liClass: $$Props['liClass'] = 'flex items-center';
  */
 export default class Review extends SvelteComponentTyped<ReviewProps, ReviewEvents, ReviewSlots> {
 }

package/dist/rating/ScoreRating.svelte

@@ -57,14 +57,13 @@ export let barColor = "bg-primary-600 h-2.5 rounded dark:bg-primary-500";
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let ratings: { label: string;
-@prop export let ratings2: { label: string;
-@prop export let headerLabel: {
-    desc1: string;
-@prop export let desc1Class: string = 'bg-primary-100 w-8 text-primary-800 text-sm font-semibold inline-flex items-center p-1.5 rounded dark:bg-primary-200 dark:text-primary-800';
-@prop export let desc2Class: string = 'ms-2 w-24 font-medium text-gray-900 dark:text-white';
-@prop export let desc3spanClass: string = 'mx-2 w-1 h-1 bg-gray-900 rounded-full dark:bg-gray-500';
-@prop export let desc3pClass: string = 'text-sm  w-24 font-medium text-gray-500 dark:text-gray-400';
-@prop export let linkClass: string = 'ms-auto w-32 text-sm font-medium text-primary-600 hover:underline dark:text-primary-500';
-@prop export let barColor: string = 'bg-primary-600 h-2.5 rounded dark:bg-primary-500';
+@prop export let ratings: $$Props['ratings'] = [];
+@prop export let ratings2: $$Props['ratings2'] = [];
+@prop export let headerLabel: $$Props['headerLabel'];
+@prop export let desc1Class: $$Props['desc1Class'] = 'bg-primary-100 w-8 text-primary-800 text-sm font-semibold inline-flex items-center p-1.5 rounded dark:bg-primary-200 dark:text-primary-800';
+@prop export let desc2Class: $$Props['desc2Class'] = 'ms-2 w-24 font-medium text-gray-900 dark:text-white';
+@prop export let desc3spanClass: $$Props['desc3spanClass'] = 'mx-2 w-1 h-1 bg-gray-900 rounded-full dark:bg-gray-500';
+@prop export let desc3pClass: $$Props['desc3pClass'] = 'text-sm  w-24 font-medium text-gray-500 dark:text-gray-400';
+@prop export let linkClass: $$Props['linkClass'] = 'ms-auto w-32 text-sm font-medium text-primary-600 hover:underline dark:text-primary-500';
+@prop export let barColor: $$Props['barColor'] = 'bg-primary-600 h-2.5 rounded dark:bg-primary-500';
 -->

package/dist/rating/ScoreRating.svelte.d.ts

@@ -1,19 +1,19 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        ratings?: {
+        ratings: {
             label: string;
             rating: number;
         }[];
-        ratings2?: {
+        ratings2: {
             label: string;
             rating: number;
         }[];
         headerLabel: {
-            desc1: string;
-            desc2: string;
-            desc3: string;
-            link: {
+            desc1?: string;
+            desc2?: string;
+            desc3?: string;
+            link?: {
                 label: string;
                 url: string;
             };
@@ -36,16 +36,15 @@ export type ScoreRatingSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let ratings: { label: string;
- * @prop export let ratings2: { label: string;
- * @prop export let headerLabel: {
- * desc1: string;
- * @prop export let desc1Class: string = 'bg-primary-100 w-8 text-primary-800 text-sm font-semibold inline-flex items-center p-1.5 rounded dark:bg-primary-200 dark:text-primary-800';
- * @prop export let desc2Class: string = 'ms-2 w-24 font-medium text-gray-900 dark:text-white';
- * @prop export let desc3spanClass: string = 'mx-2 w-1 h-1 bg-gray-900 rounded-full dark:bg-gray-500';
- * @prop export let desc3pClass: string = 'text-sm  w-24 font-medium text-gray-500 dark:text-gray-400';
- * @prop export let linkClass: string = 'ms-auto w-32 text-sm font-medium text-primary-600 hover:underline dark:text-primary-500';
- * @prop export let barColor: string = 'bg-primary-600 h-2.5 rounded dark:bg-primary-500';
+ * @prop export let ratings: $$Props['ratings'] = [];
+ * @prop export let ratings2: $$Props['ratings2'] = [];
+ * @prop export let headerLabel: $$Props['headerLabel'];
+ * @prop export let desc1Class: $$Props['desc1Class'] = 'bg-primary-100 w-8 text-primary-800 text-sm font-semibold inline-flex items-center p-1.5 rounded dark:bg-primary-200 dark:text-primary-800';
+ * @prop export let desc2Class: $$Props['desc2Class'] = 'ms-2 w-24 font-medium text-gray-900 dark:text-white';
+ * @prop export let desc3spanClass: $$Props['desc3spanClass'] = 'mx-2 w-1 h-1 bg-gray-900 rounded-full dark:bg-gray-500';
+ * @prop export let desc3pClass: $$Props['desc3pClass'] = 'text-sm  w-24 font-medium text-gray-500 dark:text-gray-400';
+ * @prop export let linkClass: $$Props['linkClass'] = 'ms-auto w-32 text-sm font-medium text-primary-600 hover:underline dark:text-primary-500';
+ * @prop export let barColor: $$Props['barColor'] = 'bg-primary-600 h-2.5 rounded dark:bg-primary-500';
  */
 export default class ScoreRating extends SvelteComponentTyped<ScoreRatingProps, ScoreRatingEvents, ScoreRatingSlots> {
 }

package/dist/rating/Star.svelte

@@ -35,11 +35,11 @@ export let role = "img";
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let fillPercent: number = 100;
-@prop export let fillColor: string = '#F5CA14';
-@prop export let strokeColor: string = '#F5CA14';
-@prop export let size: number = 24;
-@prop export let ariaLabel: string = 'star';
-@prop export let id: string = generateId();
-@prop export let role = 'img';
+@prop export let fillPercent: $$Props['fillPercent'] = 100;
+@prop export let fillColor: $$Props['fillColor'] = '#F5CA14';
+@prop export let strokeColor: $$Props['strokeColor'] = '#F5CA14';
+@prop export let size: $$Props['size'] = 24;
+@prop export let ariaLabel: $$Props['ariaLabel'] = 'star';
+@prop export let id: $$Props['id'] = generateId();
+@prop export let role: $$Props['role'] = 'img';
 -->

package/dist/rating/Star.svelte.d.ts

@@ -1,14 +1,14 @@
 import { SvelteComponentTyped } from "svelte";
+import type { SVGAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        fillPercent?: number | undefined;
-        fillColor?: string | undefined;
-        strokeColor?: string | undefined;
-        size?: number | undefined;
-        ariaLabel?: string | undefined;
-        id?: string | undefined;
-        role?: string | undefined;
+    props: SVGAttributes<SVGSVGElement> & {
+        fillPercent?: number;
+        fillColor?: string;
+        strokeColor?: string;
+        size?: number;
+        ariaLabel?: string;
+        id?: string;
+        role?: string;
     };
     events: {
         click: MouseEvent;
@@ -23,13 +23,13 @@ export type StarSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let fillPercent: number = 100;
- * @prop export let fillColor: string = '#F5CA14';
- * @prop export let strokeColor: string = '#F5CA14';
- * @prop export let size: number = 24;
- * @prop export let ariaLabel: string = 'star';
- * @prop export let id: string = generateId();
- * @prop export let role = 'img';
+ * @prop export let fillPercent: $$Props['fillPercent'] = 100;
+ * @prop export let fillColor: $$Props['fillColor'] = '#F5CA14';
+ * @prop export let strokeColor: $$Props['strokeColor'] = '#F5CA14';
+ * @prop export let size: $$Props['size'] = 24;
+ * @prop export let ariaLabel: $$Props['ariaLabel'] = 'star';
+ * @prop export let id: $$Props['id'] = generateId();
+ * @prop export let role: $$Props['role'] = 'img';
  */
 export default class Star extends SvelteComponentTyped<StarProps, StarEvents, StarSlots> {
 }

package/dist/rating/Thumbup.svelte

@@ -28,11 +28,11 @@ export let role = "img";
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let fillPercent: number = 100;
-@prop export let fillColor: string = '#00b500';
-@prop export let strokeColor: string = '#00b500';
-@prop export let size: number = 24;
-@prop export let ariaLabel: string = 'thumbup';
-@prop export let id: string = 'thumbup';
-@prop export let role = 'img';
+@prop export let fillPercent: $$Props['fillPercent'] = 100;
+@prop export let fillColor: $$Props['fillColor'] = '#00b500';
+@prop export let strokeColor: $$Props['strokeColor'] = '#00b500';
+@prop export let size: $$Props['size'] = 24;
+@prop export let ariaLabel: $$Props['ariaLabel'] = 'thumbup';
+@prop export let id: $$Props['id'] = 'thumbup';
+@prop export let role: $$Props['role'] = 'img';
 -->