flowbite-svelte 1.14.6 → 1.16.0

package/dist/stepper/Stepper.svelte.d.ts

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

package/dist/stepper/TimelineStepper.svelte

@@ -52,7 +52,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TimelineStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1617)
+[TimelineStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1624)
 ## Props
 @prop children
 @prop steps = []

package/dist/stepper/TimelineStepper.svelte.d.ts

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

package/dist/stepper/VerticalStepper.svelte

@@ -52,7 +52,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[VerticalStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1587)
+[VerticalStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1594)
 ## Props
 @prop children
 @prop steps = []

package/dist/stepper/VerticalStepper.svelte.d.ts

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

package/dist/table/Table.svelte

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

package/dist/table/Table.svelte.d.ts

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

package/dist/table/TableBody.svelte

@@ -33,7 +33,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TableBodyProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1681)
+[TableBodyProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1688)
 ## Props
 @prop children
 @prop bodyItems

package/dist/table/TableBody.svelte.d.ts

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

package/dist/table/TableBodyCell.svelte

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

package/dist/table/TableBodyCell.svelte.d.ts

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

package/dist/table/TableBodyRow.svelte

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

package/dist/table/TableBodyRow.svelte.d.ts

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

package/dist/table/TableHead.svelte

@@ -53,7 +53,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TableHeadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1637)
+[TableHeadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1644)
 ## Props
 @prop children
 @prop headerSlot

package/dist/table/TableHead.svelte.d.ts

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

package/dist/table/TableHeadCell.svelte

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

package/dist/table/TableHeadCell.svelte.d.ts

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

package/dist/table/TableSearch.svelte

@@ -70,7 +70,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TableSearchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1701)
+[TableSearchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1708)
 ## Props
 @prop children
 @prop header

package/dist/table/TableSearch.svelte.d.ts

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

package/dist/tabs/TabItem.svelte

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

package/dist/tabs/TabItem.svelte.d.ts

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

package/dist/tabs/Tabs.svelte

@@ -80,7 +80,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TabsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1721)
+[TabsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1728)
 ## Props
 @prop children
 @prop selected = $bindable()

package/dist/tabs/Tabs.svelte.d.ts

@@ -2,7 +2,7 @@ import type { TabsProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [TabsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1721)
+ * [TabsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1728)
  * ## Props
  * @prop children
  * @prop selected = $bindable()

package/dist/timeline/Activity.svelte

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

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

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

package/dist/timeline/ActivityItem.svelte

@@ -62,7 +62,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ActivityItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1771)
+[ActivityItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1778)
 ## Props
 @prop activities
 @prop liClass

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

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

package/dist/timeline/Group.svelte

@@ -36,7 +36,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[GroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1783)
+[GroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1790)
 ## Props
 @prop children
 @prop divClass

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

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

package/dist/timeline/GroupItem.svelte

@@ -66,7 +66,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[GroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1791)
+[GroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1798)
 ## Props
 @prop timelines
 @prop aClass

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

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

package/dist/timeline/Timeline.svelte

@@ -21,7 +21,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TimelineProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1811)
+[TimelineProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1818)
 ## Props
 @prop children
 @prop order = "default"

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

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

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#L1825)
 ## 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#L1825)
  * ## 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>>;