flowbite-svelte 1.14.6 → 1.15.0

package/dist/timeline/TimelineItem.svelte

@@ -5,31 +5,33 @@
   import clsx from "clsx";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
 
-  let { children, orientationSlot, title, date, dateFormat = "month-year", svgClass, liClass, divClass, timeClass, h3Class, class: className, classes, ...restProps }: TimelineItemProps = $props();
+  let { children, orientationSlot, title, date, dateFormat = "month-year", color = "primary", isLast = false, svgClass, liClass, divClass, timeClass, h3Class, connectorClass, datePrefix, class: className, classes, ...restProps }: TimelineItemProps = $props();
 
   warnThemeDeprecation(
     "TimelineItem",
-    { svgClass, liClass, divClass, timeClass, h3Class },
+    { svgClass, liClass, divClass, timeClass, h3Class, connectorClass },
     {
       liClass: "class",
       svgClass: "svg",
       divClass: "div",
       timeClass: "time",
-      h3Class: "h3"
+      h3Class: "h3",
+      connectorClass: "connector"
     }
   );
+
   const styling = $derived({
     svg: svgClass,
     div: divClass,
     time: timeClass,
-    h3: h3Class
+    h3: h3Class,
+    connector: connectorClass
   });
 
   const theme = getTheme("timelineItem");
-
   let order = getContext<TimelineVariants["order"]>("order");
 
-  const { base, div, time, h3, svg } = $derived(timelineItem({ order }));
+  const { base, div, time, h3, svg, connector } = $derived(timelineItem({ order, color, isLast }));
 
   function formatDisplayDate(dateStr: string, format: DateFormat) {
     const date = new Date(dateStr);
@@ -61,6 +63,11 @@
 </script>
 
 <li {...restProps} class={base({ class: clsx(theme?.base, className ?? liClass) })}>
+  <!-- Individual connector line for vertical/activity layouts -->
+  {#if !isLast && (order === "vertical" || order === "activity")}
+    <div class={connector({ class: clsx(theme?.connector, styling.connector) })} aria-hidden="true"></div>
+  {/if}
+
   {#if order !== "default"}
     {#if orientationSlot && (order === "vertical" || order === "horizontal")}
       {@render orientationSlot()}
@@ -73,9 +80,11 @@
     {/if}
   {:else if date}
     <time datetime={date} class={time({ class: clsx(theme?.time, styling.time) })}>
+      {datePrefix}
       {formatDisplayDate(date, dateFormat)}
     </time>
   {/if}
+
   {#if title}
     <h3 class={h3({ class: clsx(theme?.h3, styling.h3) })}>
       {title}
@@ -84,7 +93,8 @@
 
   {#if order !== "default"}
     {#if date}
-      <time datetime={date} class={time({ class: clsx(theme?.time, timeClass) })}>
+      <time datetime={date} class={time({ class: clsx(theme?.time, styling.time) })}>
+        {datePrefix}
         {formatDisplayDate(date, dateFormat)}
       </time>
     {/if}
@@ -97,18 +107,22 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TimelineItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1816)
+[TimelineItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1818)
 ## Props
 @prop children
 @prop orientationSlot
 @prop title
 @prop date
 @prop dateFormat = "month-year"
+@prop color = "primary"
+@prop isLast = false
 @prop svgClass
 @prop liClass
 @prop divClass
 @prop timeClass
 @prop h3Class
+@prop connectorClass
+@prop datePrefix
 @prop class: className
 @prop classes
 @prop ...restProps

package/dist/timeline/TimelineItem.svelte.d.ts

@@ -2,18 +2,22 @@ import type { TimelineItemProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [TimelineItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1816)
+ * [TimelineItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1818)
  * ## Props
  * @prop children
  * @prop orientationSlot
  * @prop title
  * @prop date
  * @prop dateFormat = "month-year"
+ * @prop color = "primary"
+ * @prop isLast = false
  * @prop svgClass
  * @prop liClass
  * @prop divClass
  * @prop timeClass
  * @prop h3Class
+ * @prop connectorClass
+ * @prop datePrefix
  * @prop class: className
  * @prop classes
  * @prop ...restProps

package/dist/timeline/theme.d.ts

@@ -209,6 +209,7 @@ export declare const timelineItem: import("tailwind-variants").TVReturnType<{
             div: string;
             time: string;
             h3: string;
+            connector: string;
         };
         horizontal: {
             base: string;
@@ -221,6 +222,7 @@ export declare const timelineItem: import("tailwind-variants").TVReturnType<{
             div: string;
             time: string;
             h3: string;
+            connector: string;
         };
         group: {
             base: string;
@@ -229,12 +231,26 @@ export declare const timelineItem: import("tailwind-variants").TVReturnType<{
             h3: string;
         };
     };
+    color: {
+        primary: {};
+        green: {};
+        orange: {};
+        red: {};
+        blue: {};
+        purple: {};
+        gray: {};
+    };
+    isLast: {
+        true: {};
+        false: {};
+    };
 }, {
     base: string;
     div: string;
     time: string;
     h3: string;
     svg: string;
+    connector: string;
 }, undefined, {
     order: {
         default: {
@@ -248,6 +264,7 @@ export declare const timelineItem: import("tailwind-variants").TVReturnType<{
             div: string;
             time: string;
             h3: string;
+            connector: string;
         };
         horizontal: {
             base: string;
@@ -260,6 +277,7 @@ export declare const timelineItem: import("tailwind-variants").TVReturnType<{
             div: string;
             time: string;
             h3: string;
+            connector: string;
         };
         group: {
             base: string;
@@ -268,12 +286,26 @@ export declare const timelineItem: import("tailwind-variants").TVReturnType<{
             h3: string;
         };
     };
+    color: {
+        primary: {};
+        green: {};
+        orange: {};
+        red: {};
+        blue: {};
+        purple: {};
+        gray: {};
+    };
+    isLast: {
+        true: {};
+        false: {};
+    };
 }, {
     base: string;
     div: string;
     time: string;
     h3: string;
     svg: string;
+    connector: string;
 }, import("tailwind-variants").TVReturnType<{
     order: {
         default: {
@@ -287,6 +319,7 @@ export declare const timelineItem: import("tailwind-variants").TVReturnType<{
             div: string;
             time: string;
             h3: string;
+            connector: string;
         };
         horizontal: {
             base: string;
@@ -299,6 +332,7 @@ export declare const timelineItem: import("tailwind-variants").TVReturnType<{
             div: string;
             time: string;
             h3: string;
+            connector: string;
         };
         group: {
             base: string;
@@ -307,10 +341,24 @@ export declare const timelineItem: import("tailwind-variants").TVReturnType<{
             h3: string;
         };
     };
+    color: {
+        primary: {};
+        green: {};
+        orange: {};
+        red: {};
+        blue: {};
+        purple: {};
+        gray: {};
+    };
+    isLast: {
+        true: {};
+        false: {};
+    };
 }, {
     base: string;
     div: string;
     time: string;
     h3: string;
     svg: string;
+    connector: string;
 }, undefined, unknown, unknown, undefined>>;

package/dist/timeline/theme.js

@@ -32,13 +32,57 @@ export const groupItem = tv({
         svg: "me-1 h-3 w-3"
     }
 });
+const colorVariants = {
+    primary: {
+        dot: "bg-primary-200 dark:bg-primary-900",
+        ring: "ring-white dark:ring-gray-900",
+        icon: "text-primary-600 dark:text-primary-400",
+        connector: "border-primary-200 dark:border-primary-700"
+    },
+    green: {
+        dot: "bg-green-200 dark:bg-green-900",
+        ring: "ring-white dark:ring-gray-900",
+        icon: "text-green-600 dark:text-green-400",
+        connector: "border-green-200 dark:border-green-700"
+    },
+    orange: {
+        dot: "bg-orange-200 dark:bg-orange-900",
+        ring: "ring-white dark:ring-gray-900",
+        icon: "text-orange-600 dark:text-orange-400",
+        connector: "border-orange-200 dark:border-orange-700"
+    },
+    red: {
+        dot: "bg-red-200 dark:bg-red-900",
+        ring: "ring-white dark:ring-gray-900",
+        icon: "text-red-600 dark:text-red-400",
+        connector: "border-red-200 dark:border-red-700"
+    },
+    blue: {
+        dot: "bg-blue-200 dark:bg-blue-900",
+        ring: "ring-white dark:ring-gray-900",
+        icon: "text-blue-600 dark:text-blue-400",
+        connector: "border-blue-200 dark:border-blue-700"
+    },
+    purple: {
+        dot: "bg-purple-200 dark:bg-purple-900",
+        ring: "ring-white dark:ring-gray-900",
+        icon: "text-purple-600 dark:text-purple-400",
+        connector: "border-purple-200 dark:border-purple-700"
+    },
+    gray: {
+        dot: "bg-gray-200 dark:bg-gray-700",
+        ring: "ring-white dark:ring-gray-900",
+        icon: "text-gray-600 dark:text-gray-400",
+        connector: "border-gray-200 dark:border-gray-700"
+    }
+};
 export const timeline = tv({
     variants: {
         order: {
             group: "p-5 mb-4 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-800 dark:border-gray-700",
             horizontal: "sm:flex",
-            activity: "relative border-s border-gray-200 dark:border-gray-700",
-            vertical: "relative border-s border-gray-200 dark:border-gray-700",
+            activity: "relative",
+            vertical: "relative",
             default: "relative border-s border-gray-200 dark:border-gray-700"
         }
     },
@@ -48,25 +92,27 @@ export const timeline = tv({
 });
 export const timelineItem = tv({
     slots: {
-        base: "",
+        base: "relative",
         div: "",
         time: "",
         h3: "",
-        svg: "w-3 h-3 text-primary-600 dark:text-primary-400"
+        svg: "w-4 h-4",
+        connector: "absolute top-6 left-3 w-px h-full"
     },
     variants: {
         order: {
             default: {
                 base: "mb-10 ms-4",
-                div: "absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-white dark:border-gray-900 dark:bg-gray-700",
+                div: "absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -left-1.5 border border-white dark:border-gray-900 dark:bg-gray-700",
                 time: "mb-1 text-sm font-normal leading-none text-gray-400 dark:text-gray-500",
                 h3: "text-lg font-semibold text-gray-900 dark:text-white"
             },
             vertical: {
-                base: "mb-10 ms-6",
-                div: "flex absolute -start-3 justify-center items-center w-6 h-6 bg-primary-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-primary-900",
-                time: "mb-1 text-sm font-normal leading-none text-gray-400 dark:text-gray-500",
-                h3: "flex items-center mb-1 text-lg font-semibold text-gray-900 dark:text-white"
+                base: "mb-10 ms-6 relative",
+                div: "flex absolute -left-4 top-1.5 justify-center items-center w-6 h-6 rounded-full ring-8",
+                time: "mb-1 pl-4 text-sm font-normal leading-none text-gray-400 dark:text-gray-500",
+                h3: "flex ml-4 items-center mb-1 text-lg font-semibold text-gray-900 dark:text-white",
+                connector: "absolute top-7 -left-1.5 w-px h-full"
             },
             horizontal: {
                 base: "relative mb-6 sm:mb-0",
@@ -75,10 +121,11 @@ export const timelineItem = tv({
                 h3: "text-lg font-semibold text-gray-900 dark:text-white"
             },
             activity: {
-                base: "mb-10 ms-6",
-                div: "flex absolute -start-3 justify-center items-center w-6 h-6 bg-primary-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-primary-900",
+                base: "mb-10 ms-6 relative",
+                div: "flex absolute -left-4 top-1.5 justify-center items-center w-6 h-6 rounded-full ring-8",
                 time: "mb-1 text-sm font-normal leading-none text-gray-400 dark:text-gray-500",
-                h3: "text-lg font-semibold text-gray-900 dark:text-white"
+                h3: "text-lg font-semibold text-gray-900 dark:text-white",
+                connector: "absolute top-7 -left-4 w-px h-full"
             },
             group: {
                 base: "",
@@ -86,9 +133,154 @@ export const timelineItem = tv({
                 time: "text-lg font-semibold text-gray-900 dark:text-white",
                 h3: "text-lg font-semibold text-gray-900 dark:text-white"
             }
+        },
+        color: {
+            primary: {},
+            green: {},
+            orange: {},
+            red: {},
+            blue: {},
+            purple: {},
+            gray: {}
+        },
+        isLast: {
+            true: {},
+            false: {}
         }
     },
+    compoundVariants: [
+        // Vertical color variants
+        {
+            order: "vertical",
+            color: "primary",
+            class: {
+                div: colorVariants.primary.dot + " " + colorVariants.primary.ring,
+                svg: colorVariants.primary.icon,
+                connector: "bg-primary-200 dark:bg-primary-700"
+            }
+        },
+        {
+            order: "vertical",
+            color: "green",
+            class: {
+                div: colorVariants.green.dot + " " + colorVariants.green.ring,
+                svg: colorVariants.green.icon,
+                connector: "bg-green-200 dark:bg-green-700"
+            }
+        },
+        {
+            order: "vertical",
+            color: "orange",
+            class: {
+                div: colorVariants.orange.dot + " " + colorVariants.orange.ring,
+                svg: colorVariants.orange.icon,
+                connector: "bg-orange-200 dark:bg-orange-700"
+            }
+        },
+        {
+            order: "vertical",
+            color: "red",
+            class: {
+                div: colorVariants.red.dot + " " + colorVariants.red.ring,
+                svg: colorVariants.red.icon,
+                connector: "bg-red-200 dark:bg-red-700"
+            }
+        },
+        {
+            order: "vertical",
+            color: "blue",
+            class: {
+                div: colorVariants.blue.dot + " " + colorVariants.blue.ring,
+                svg: colorVariants.blue.icon,
+                connector: "bg-blue-200 dark:bg-blue-700"
+            }
+        },
+        {
+            order: "vertical",
+            color: "purple",
+            class: {
+                div: colorVariants.purple.dot + " " + colorVariants.purple.ring,
+                svg: colorVariants.purple.icon,
+                connector: "bg-purple-200 dark:bg-purple-700"
+            }
+        },
+        {
+            order: "vertical",
+            color: "gray",
+            class: {
+                div: colorVariants.gray.dot + " " + colorVariants.gray.ring,
+                svg: colorVariants.gray.icon,
+                connector: "bg-gray-200 dark:bg-gray-700"
+            }
+        },
+        // Horizontal color variants
+        {
+            order: "horizontal",
+            color: "primary",
+            class: {
+                div: colorVariants.primary.dot + " " + colorVariants.primary.ring,
+                svg: colorVariants.primary.icon
+            }
+        },
+        {
+            order: "horizontal",
+            color: "green",
+            class: {
+                div: colorVariants.green.dot + " " + colorVariants.green.ring,
+                svg: colorVariants.green.icon
+            }
+        },
+        {
+            order: "horizontal",
+            color: "orange",
+            class: {
+                div: colorVariants.orange.dot + " " + colorVariants.orange.ring,
+                svg: colorVariants.orange.icon
+            }
+        },
+        {
+            order: "horizontal",
+            color: "red",
+            class: {
+                div: colorVariants.red.dot + " " + colorVariants.red.ring,
+                svg: colorVariants.red.icon
+            }
+        },
+        {
+            order: "horizontal",
+            color: "blue",
+            class: {
+                div: colorVariants.blue.dot + " " + colorVariants.blue.ring,
+                svg: colorVariants.blue.icon
+            }
+        },
+        {
+            order: "horizontal",
+            color: "purple",
+            class: {
+                div: colorVariants.purple.dot + " " + colorVariants.purple.ring,
+                svg: colorVariants.purple.icon
+            }
+        },
+        {
+            order: "horizontal",
+            color: "gray",
+            class: {
+                div: colorVariants.gray.dot + " " + colorVariants.gray.ring,
+                svg: colorVariants.gray.icon
+            }
+        },
+        // Hide connector on last item
+        {
+            isLast: true,
+            class: {
+                connector: "hidden"
+            }
+        }
+    ],
     defaultVariants: {
-        order: "default"
+        order: "default",
+        color: "primary",
+        isLast: false
     }
 });

package/dist/toast/Toast.svelte

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

package/dist/toast/Toast.svelte.d.ts

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

package/dist/tooltip/Tooltip.svelte

@@ -28,7 +28,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TooltipProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1846)
+[TooltipProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1852)
 ## Props
 @prop type = "dark"
 @prop color = undefined

package/dist/tooltip/Tooltip.svelte.d.ts

@@ -2,7 +2,7 @@ import type { TooltipProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [TooltipProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1846)
+ * [TooltipProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1852)
  * ## Props
  * @prop type = "dark"
  * @prop color = undefined

package/dist/types.d.ts

@@ -1564,6 +1564,7 @@ export interface TimelineProps extends HTMLOlAttributes {
     children: Snippet;
     order?: TimelineVariants["order"];
 }
+type ColorVariant = "primary" | "green" | "orange" | "red" | "blue" | "purple" | "gray";
 export interface TimelineItemProps extends TimelineItemVariants, HTMLLiAttributes {
     children: Snippet;
     orientationSlot?: Snippet;
@@ -1575,6 +1576,10 @@ export interface TimelineItemProps extends TimelineItemVariants, HTMLLiAttribute
     timeClass?: string;
     h3Class?: string;
     dateFormat?: DateFormat;
+    color?: ColorVariant;
+    isLast?: boolean;
+    connectorClass?: string;
+    datePrefix?: string;
 }
 export interface ToastProps extends ToastVaraints, HTMLAttributes<HTMLDivElement> {
     children: Snippet;

package/dist/typography/a/A.svelte

@@ -43,7 +43,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[AnchorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1854)
+[AnchorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1860)
 ## Props
 @prop children
 @prop color = "primary"

package/dist/typography/a/A.svelte.d.ts

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

package/dist/typography/blockquote/Blockquote.svelte

@@ -28,7 +28,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[BlockquoteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1883)
+[BlockquoteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1889)
 ## Props
 @prop children
 @prop class: className

package/dist/typography/blockquote/Blockquote.svelte.d.ts

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

package/dist/typography/descriptionlist/DescriptionList.svelte

@@ -24,7 +24,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DescriptionListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1893)
+[DescriptionListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1899)
 ## Props
 @prop children
 @prop tag

package/dist/typography/descriptionlist/DescriptionList.svelte.d.ts

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

package/dist/typography/heading/Heading.svelte

@@ -19,7 +19,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[HeadingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1899)
+[HeadingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1905)
 ## Props
 @prop children
 @prop tag = "h1"

package/dist/typography/heading/Heading.svelte.d.ts

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

package/dist/typography/img/EnhancedImg.svelte

@@ -49,7 +49,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[EnhandedImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1939)
+[EnhandedImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1945)
 ## Props
 @prop src
 @prop href

package/dist/typography/img/EnhancedImg.svelte.d.ts

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

package/dist/typography/img/Img.svelte

@@ -49,7 +49,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1930)
+[ImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1936)
 ## Props
 @prop size = "none"
 @prop effect = "none"

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

@@ -2,7 +2,7 @@ import type { ImgProps } from "../../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [ImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1930)
+ * [ImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1936)
  * ## Props
  * @prop size = "none"
  * @prop effect = "none"

package/dist/typography/layout/Layout.svelte

@@ -19,7 +19,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[LayoutProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1952)
+[LayoutProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1958)
 ## Props
 @prop children
 @prop class: className

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

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

package/dist/typography/list/Li.svelte

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

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

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

package/dist/typography/list/List.svelte

@@ -28,7 +28,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1957)
+[ListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1963)
 ## Props
 @prop children
 @prop tag = "ul"

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

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

package/dist/typography/mark/Mark.svelte

@@ -17,7 +17,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[MarkProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1971)
+[MarkProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1977)
 ## Props
 @prop children
 @prop class: className

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

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

package/dist/typography/paragraph/P.svelte

@@ -19,7 +19,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ParagraphProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1976)
+[ParagraphProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1982)
 ## Props
 @prop children
 @prop class: className = "text-gray-900 dark:text-white"

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

@@ -2,7 +2,7 @@ import type { ParagraphProps } from "../../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [ParagraphProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1976)
+ * [ParagraphProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1982)
  * ## Props
  * @prop children
  * @prop class: className = "text-gray-900 dark:text-white"

package/dist/typography/secondary/Secondary.svelte

@@ -17,7 +17,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SecondaryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1984)
+[SecondaryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1990)
 ## Props
 @prop children
 @prop class: className

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

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

package/dist/typography/span/Span.svelte

@@ -34,7 +34,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1989)
+[SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1995)
 ## Props
 @prop children
 @prop class: className

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

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

package/dist/utils/Arrow.svelte

@@ -50,7 +50,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ArrowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2031)
+[ArrowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2037)
 ## Props
 @prop placement = "top"
 @prop cords

package/dist/utils/Arrow.svelte.d.ts

@@ -2,7 +2,7 @@ import type { ArrowProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [ArrowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2031)
+ * [ArrowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2037)
  * ## Props
  * @prop placement = "top"
  * @prop cords

package/dist/utils/Popper.svelte

@@ -213,7 +213,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[PopperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2011)
+[PopperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2017)
 ## Props
 @prop triggeredBy
 @prop triggerDelay = 200

package/dist/utils/Popper.svelte.d.ts

@@ -2,7 +2,7 @@ import type { PopperProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [PopperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2011)
+ * [PopperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2017)
  * ## Props
  * @prop triggeredBy
  * @prop triggerDelay = 200

package/dist/video/Video.svelte

@@ -21,7 +21,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[VideoProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1998)
+[VideoProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2004)
 ## Props
 @prop children
 @prop type = "video/mp4"

package/dist/video/Video.svelte.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "1.14.6",
+  "version": "1.15.0",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
   "author": {