flowbite-svelte 1.1.4 → 1.2.1

package/dist/progress/theme.d.ts

@@ -281,3 +281,286 @@ export declare const progressbar: import("tailwind-variants").TVReturnType<{
     oustsideSpan: string;
     outsideProgress: string;
 }, undefined, unknown, unknown, undefined>>;
+export declare const progressradial: import("tailwind-variants").TVReturnType<{
+    color: {
+        primary: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        secondary: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        gray: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        red: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        orange: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        amber: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        yellow: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        lime: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        green: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        emerald: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        teal: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        cyan: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        sky: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        blue: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        indigo: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        violet: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        purple: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        fuchsia: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        pink: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        rose: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+    };
+    labelInside: {
+        true: {};
+    };
+}, {
+    base: string;
+    labelInsideDiv: string;
+    circleBackground: string;
+    circleForeground: string;
+    outsideDiv: string;
+    outsideSpan: string;
+    outsideProgress: string;
+}, undefined, {
+    color: {
+        primary: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        secondary: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        gray: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        red: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        orange: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        amber: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        yellow: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        lime: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        green: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        emerald: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        teal: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        cyan: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        sky: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        blue: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        indigo: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        violet: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        purple: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        fuchsia: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        pink: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        rose: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+    };
+    labelInside: {
+        true: {};
+    };
+}, {
+    base: string;
+    labelInsideDiv: string;
+    circleBackground: string;
+    circleForeground: string;
+    outsideDiv: string;
+    outsideSpan: string;
+    outsideProgress: string;
+}, import("tailwind-variants").TVReturnType<{
+    color: {
+        primary: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        secondary: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        gray: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        red: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        orange: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        amber: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        yellow: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        lime: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        green: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        emerald: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        teal: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        cyan: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        sky: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        blue: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        indigo: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        violet: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        purple: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        fuchsia: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        pink: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+        rose: {
+            circleBackground: string;
+            circleForeground: string;
+        };
+    };
+    labelInside: {
+        true: {};
+    };
+}, {
+    base: string;
+    labelInsideDiv: string;
+    circleBackground: string;
+    circleForeground: string;
+    outsideDiv: string;
+    outsideSpan: string;
+    outsideProgress: string;
+}, undefined, unknown, unknown, undefined>>;

package/dist/progress/theme.js

@@ -114,3 +114,101 @@ export const progressbar = tv({
         labelInside: false
     }
 });
+export const progressradial = tv({
+    slots: {
+        base: "relative inline-flex",
+        labelInsideDiv: "absolute inset-0 flex items-center justify-center text-sm font-medium",
+        circleBackground: "opacity-25",
+        circleForeground: "transition-all",
+        outsideDiv: "flex flex-col items-center mb-2 text-center",
+        outsideSpan: "text-base font-medium",
+        outsideProgress: "text-sm font-medium ml-1"
+    },
+    variants: {
+        color: {
+            primary: {
+                circleBackground: "stroke-primary-600",
+                circleForeground: "stroke-primary-600"
+            },
+            secondary: {
+                circleBackground: "stroke-secondary-600",
+                circleForeground: "stroke-secondary-600"
+            },
+            gray: {
+                circleBackground: "stroke-gray-600 dark:stroke-gray-300",
+                circleForeground: "stroke-gray-600 dark:stroke-gray-300"
+            },
+            red: {
+                circleBackground: "stroke-red-600 dark:stroke-red-500",
+                circleForeground: "stroke-red-600 dark:stroke-red-500"
+            },
+            orange: {
+                circleBackground: "stroke-orange-600 dark:stroke-orange-500",
+                circleForeground: "stroke-orange-600 dark:stroke-orange-500"
+            },
+            amber: {
+                circleBackground: "stroke-amber-600 dark:stroke-amber-500",
+                circleForeground: "stroke-amber-600 dark:stroke-amber-500"
+            },
+            yellow: {
+                circleBackground: "stroke-yellow-400",
+                circleForeground: "stroke-yellow-400"
+            },
+            lime: {
+                circleBackground: "stroke-lime-600 dark:stroke-lime-500",
+                circleForeground: "stroke-lime-600 dark:stroke-lime-500"
+            },
+            green: {
+                circleBackground: "stroke-green-600 dark:stroke-green-500",
+                circleForeground: "stroke-green-600 dark:stroke-green-500"
+            },
+            emerald: {
+                circleBackground: "stroke-emerald-600 dark:stroke-emerald-500",
+                circleForeground: "stroke-emerald-600 dark:stroke-emerald-500"
+            },
+            teal: {
+                circleBackground: "stroke-teal-600 dark:stroke-teal-500",
+                circleForeground: "stroke-teal-600 dark:stroke-teal-500"
+            },
+            cyan: {
+                circleBackground: "stroke-cyan-600 dark:stroke-cyan-500",
+                circleForeground: "stroke-cyan-600 dark:stroke-cyan-500"
+            },
+            sky: {
+                circleBackground: "stroke-sky-600 dark:stroke-sky-500",
+                circleForeground: "stroke-sky-600 dark:stroke-sky-500"
+            },
+            blue: {
+                circleBackground: "stroke-blue-600",
+                circleForeground: "stroke-blue-600"
+            },
+            indigo: {
+                circleBackground: "stroke-indigo-600 dark:stroke-indigo-500",
+                circleForeground: "stroke-indigo-600 dark:stroke-indigo-500"
+            },
+            violet: {
+                circleBackground: "stroke-violet-600 dark:stroke-violet-500",
+                circleForeground: "stroke-violet-600 dark:stroke-violet-500"
+            },
+            purple: {
+                circleBackground: "stroke-purple-600 dark:stroke-purple-500",
+                circleForeground: "stroke-purple-600 dark:stroke-purple-500"
+            },
+            fuchsia: {
+                circleBackground: "stroke-fuchsia-600 dark:stroke-fuchsia-500",
+                circleForeground: "stroke-fuchsia-600 dark:stroke-fuchsia-500"
+            },
+            pink: {
+                circleBackground: "stroke-pink-600 dark:stroke-pink-500",
+                circleForeground: "stroke-pink-600 dark:stroke-pink-500"
+            },
+            rose: {
+                circleBackground: "stroke-rose-600 dark:stroke-rose-500",
+                circleForeground: "stroke-rose-600 dark:stroke-rose-500"
+            }
+        },
+        labelInside: {
+            true: {}
+        }
+    }
+});

package/dist/rating/AdvancedRating.svelte

@@ -27,7 +27,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[AdvancedRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1111)
+[AdvancedRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1139)
 ## Props
 @prop rating
 @prop globalText

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

@@ -2,7 +2,7 @@ import type { AdvancedRatingProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [AdvancedRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1111)
+ * [AdvancedRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1139)
  * ## Props
  * @prop rating
  * @prop globalText

package/dist/rating/CustomIcon.svelte

@@ -28,7 +28,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1197)
+[RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1225)
 ## Props
 @prop fillPercent = 100
 @prop fillColor = "#00ff00"

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

@@ -2,7 +2,7 @@ import type { RatingIconProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1197)
+ * [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1225)
  * ## Props
  * @prop fillPercent = 100
  * @prop fillColor = "#00ff00"

package/dist/rating/Heart.svelte

@@ -27,7 +27,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1197)
+[RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1225)
 ## Props
 @prop fillPercent = 100
 @prop fillColor = "#ff0000"

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

@@ -2,7 +2,7 @@ import type { RatingIconProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1197)
+ * [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1225)
  * ## Props
  * @prop fillPercent = 100
  * @prop fillColor = "#ff0000"

package/dist/rating/Rating.svelte

@@ -41,7 +41,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[RatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1123)
+[RatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1151)
 ## Props
 @prop children
 @prop text

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

@@ -2,7 +2,7 @@ import type { RatingProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [RatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1123)
+ * [RatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1151)
  * ## Props
  * @prop children
  * @prop text

package/dist/rating/RatingComment.svelte

@@ -63,7 +63,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[RatingCommentProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1134)
+[RatingCommentProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1162)
 ## Props
 @prop children
 @prop evaluation

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

@@ -2,7 +2,7 @@ import type { RatingCommentProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [RatingCommentProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1134)
+ * [RatingCommentProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1162)
  * ## Props
  * @prop children
  * @prop evaluation

package/dist/rating/Review.svelte

@@ -78,7 +78,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ReviewProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1170)
+[ReviewProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1198)
 ## Props
 @prop children
 @prop address

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

@@ -2,7 +2,7 @@ import type { ReviewProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [ReviewProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1170)
+ * [ReviewProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1198)
  * ## Props
  * @prop children
  * @prop address

package/dist/rating/ScoreRating.svelte

@@ -65,7 +65,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ScoreRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1186)
+[ScoreRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1214)
 ## Props
 @prop ratings
 @prop ratings2

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

@@ -2,7 +2,7 @@ import type { ScoreRatingProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [ScoreRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1186)
+ * [ScoreRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1214)
  * ## Props
  * @prop ratings
  * @prop ratings2

package/dist/rating/Star.svelte

@@ -34,7 +34,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1197)
+[RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1225)
 ## Props
 @prop fillPercent = 100
 @prop fillColor = "#F5CA14"

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

@@ -2,7 +2,7 @@ import type { RatingIconProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1197)
+ * [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1225)
  * ## Props
  * @prop fillPercent = 100
  * @prop fillColor = "#F5CA14"

package/dist/rating/Thumbup.svelte

@@ -27,7 +27,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1197)
+[RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1225)
 ## Props
 @prop fillPercent = 100
 @prop fillColor = "#00b500"

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

@@ -2,7 +2,7 @@ import type { RatingIconProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1197)
+ * [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1225)
  * ## Props
  * @prop fillPercent = 100
  * @prop fillColor = "#00b500"

package/dist/sidebar/Sidebar.svelte

@@ -77,7 +77,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1220)
+[SidebarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1248)
 ## Props
 @prop children
 @prop isOpen = false

package/dist/sidebar/Sidebar.svelte.d.ts

@@ -2,7 +2,7 @@ import type { SidebarProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SidebarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1220)
+ * [SidebarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1248)
  * ## Props
  * @prop children
  * @prop isOpen = false

package/dist/sidebar/SidebarBrand.svelte

@@ -21,7 +21,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1254)
+[SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1282)
 ## Props
 @prop children
 @prop site

package/dist/sidebar/SidebarBrand.svelte.d.ts

@@ -2,7 +2,7 @@ import type { SidebarBrandProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1254)
+ * [SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1282)
  * ## Props
  * @prop children
  * @prop site

package/dist/sidebar/SidebarButton.svelte

@@ -18,7 +18,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1237)
+[SidebarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1265)
 ## Props
 @prop breakpoint = "md"
 @prop class: className

package/dist/sidebar/SidebarButton.svelte.d.ts

@@ -2,7 +2,7 @@ import type { SidebarButtonProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SidebarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1237)
+ * [SidebarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1265)
  * ## Props
  * @prop breakpoint = "md"
  * @prop class: className

package/dist/sidebar/SidebarCta.svelte

@@ -21,7 +21,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1241)
+[SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1269)
 ## Props
 @prop children
 @prop icon

package/dist/sidebar/SidebarCta.svelte.d.ts

@@ -2,7 +2,7 @@ import type { SidebarCtaProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1241)
+ * [SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1269)
  * ## Props
  * @prop children
  * @prop icon

package/dist/sidebar/SidebarDropdownWrapper.svelte

@@ -81,7 +81,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1260)
+[SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1288)
 ## Props
 @prop children
 @prop arrowup