flowbite-svelte 1.10.20 → 1.10.21

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#L1663)
+[TableBodyCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1664)
 ## 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#L1663)
+ * [TableBodyCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1664)
  * ## 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#L1655)
+[TableBodyRowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1656)
 ## 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#L1655)
+ * [TableBodyRowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1656)
  * ## Props
  * @prop children
  * @prop class: className

package/dist/table/TableHead.svelte

@@ -52,7 +52,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TableHeadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1630)
+[TableHeadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1631)
 ## 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#L1630)
+ * [TableHeadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1631)
  * ## 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#L1679)
+[TableHeadCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1680)
 ## 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#L1679)
+ * [TableHeadCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1680)
  * ## Props
  * @prop children
  * @prop class: className

package/dist/table/TableSearch.svelte

@@ -2,7 +2,7 @@
   import { setContext } from "svelte";
   import type { TableSearchProps, TableSearchType } from "../types";
   import clsx from "clsx";
-  import { tableSearch, type TableSearchTheme } from ".";
+  import { tableSearch } from ".";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
 
   let { children, header, footer, divClass, inputValue = $bindable(), striped = false, hoverable = false, customColor = "", color = "default", innerDivClass, inputClass, searchClass, svgDivClass, svgClass, tableClass, class: className, classes, placeholder = "Search", ...restProps }: TableSearchProps = $props();
@@ -27,7 +27,7 @@
 
   const { root, inner, search, svgDiv, svg, input, table } = $derived(tableSearch({ color: themeColor, striped, hoverable }));
 
-  const tableCls = $derived(table({ class: clsx(tableClass, (theme as TableSearchTheme)?.table, className) }));
+  const tableCls = $derived(table({ class: clsx(tableClass, theme?.table, className) }));
 
   // Handle custom color
   const finalTableClass = $derived(color === "custom" && customColor ? clsx(tableCls, customColor) : tableCls);
@@ -41,16 +41,16 @@
   setContext("tableCtx", tableSearchCtx);
 </script>
 
-<div class={root({ class: clsx((theme as TableSearchTheme)?.root, styling.root) })}>
-  <div class={inner({ class: clsx((theme as TableSearchTheme)?.inner, styling.inner) })}>
+<div class={root({ class: clsx(theme?.root, styling.root) })}>
+  <div class={inner({ class: clsx(theme?.inner, styling.inner) })}>
     <label for="table-search" class="sr-only">Search</label>
-    <div class={search({ class: clsx((theme as TableSearchTheme)?.search, styling.search) })}>
-      <div class={svgDiv({ class: clsx((theme as TableSearchTheme)?.svgDiv, styling.svgDiv) })}>
-        <svg class={svg({ class: clsx((theme as TableSearchTheme)?.svg, styling.svg) })} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <div class={search({ class: clsx(theme?.search, styling.search) })}>
+      <div class={svgDiv({ class: clsx(theme?.svgDiv, styling.svgDiv) })}>
+        <svg class={svg({ class: clsx(theme?.svg, styling.svg) })} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
           <path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd" />
         </svg>
       </div>
-      <input bind:value={inputValue} type="text" id="table-search" class={input({ class: clsx((theme as TableSearchTheme)?.input, styling.input) })} {placeholder} />
+      <input bind:value={inputValue} type="text" id="table-search" class={input({ class: clsx(theme?.input, styling.input) })} {placeholder} />
     </div>
     {#if header}
       {@render header()}
@@ -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#L1694)
+[TableSearchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1695)
 ## 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#L1694)
+ * [TableSearchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1695)
  * ## Props
  * @prop children
  * @prop header

package/dist/table/index.d.ts

@@ -5,4 +5,4 @@ export { default as TableBodyRow } from "./TableBodyRow.svelte";
 export { default as TableHeadCell } from "./TableHeadCell.svelte";
 export { default as TableHead } from "./TableHead.svelte";
 export { default as TableSearch } from "./TableSearch.svelte";
-export { table, tableBodyRow, tableHead, tableBodyCell, tableHeadCell, tableSearch, type TableTheme, type TableBodyRowTheme, type TableHeadTheme, type TableBodyCellTheme, type TableHeadCellTheme, type TableSearchTheme } from "./theme";
+export { table, tableBodyRow, tableHead, tableBodyCell, tableHeadCell, tableSearch } from "./theme";

package/dist/table/theme.d.ts

@@ -1,16 +1,7 @@
 import { type VariantProps } from "tailwind-variants";
-import type { ClassValue } from "clsx";
 import type { Classes } from "../theme/themeUtils";
 export type TableVariants = VariantProps<typeof table> & Classes<typeof table>;
 export type TableSearchVariants = Omit<VariantProps<typeof tableSearch>, "color"> & Classes<typeof tableSearch>;
-export type TableSlots = keyof typeof table.slots;
-export type TableTheme = Partial<Record<TableSlots, ClassValue>>;
-export type TableBodyRowTheme = ClassValue;
-export type TableHeadTheme = ClassValue;
-export type TableBodyCellTheme = ClassValue;
-export type TableHeadCellTheme = ClassValue;
-export type TableSearchSlots = keyof typeof tableSearch.slots;
-export type TableSearchTheme = Partial<Record<TableSearchSlots, ClassValue>>;
 export type TableSearchColor = "default" | "blue" | "green" | "red" | "yellow" | "purple" | "indigo" | "pink" | "custom" | undefined;
 export declare const table: import("tailwind-variants").TVReturnType<{
     color: {

package/dist/tabs/TabItem.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { getContext } from "svelte";
   import { writable } from "svelte/store";
-  import { tabItem, tabs, type TabItemTheme } from ".";
+  import { tabItem, tabs } from ".";
   import clsx from "clsx";
   import { type TabitemProps, type TabCtxType } from "..";
   import { getTheme } from "../theme/themeUtils";
@@ -33,8 +33,8 @@
   const { base, button, content } = $derived(tabItem({ open, disabled }));
 </script>
 
-<li {...restProps} class={base({ class: clsx((theme as TabItemTheme)?.base, className) })} role="presentation">
-  <button type="button" onclick={() => (open = true)} role="tab" id={tabId} aria-controls={ctx.panelId} aria-selected={open} {disabled} class={button({ class: clsx(open ? (activeClass ?? active()) : (inactiveClass ?? inactive()), (theme as TabItemTheme)?.button, classes?.button) })}>
+<li {...restProps} class={base({ class: clsx(theme?.base, className) })} role="presentation">
+  <button type="button" onclick={() => (open = true)} role="tab" id={tabId} aria-controls={ctx.panelId} aria-selected={open} {disabled} class={button({ class: clsx(open ? (activeClass ?? active()) : (inactiveClass ?? inactive()), theme?.button, classes?.button) })}>
     {#if titleSlot}
       {@render titleSlot()}
     {:else}
@@ -43,7 +43,7 @@
   </button>
 
   {#if open && children}
-    <div class={content({ class: clsx((theme as TabItemTheme)?.content, classes?.content) })}>
+    <div class={content({ class: clsx(theme?.content, classes?.content) })}>
       <div use:init>
         {@render children()}
       </div>
@@ -55,7 +55,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TabitemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1722)
+[TabitemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1723)
 ## Props
 @prop children
 @prop titleSlot

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

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

package/dist/tabs/Tabs.svelte

@@ -2,7 +2,7 @@
   import clsx from "clsx";
   import { writable } from "svelte/store";
   import { setContext } from "svelte";
-  import { tabs, type TabsTheme } from ".";
+  import { tabs } from ".";
   import type { TabsProps, TabCtxType } from "../types";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
 
@@ -39,26 +39,26 @@
   }
 </script>
 
-<ul role="tablist" {...restProps} class={base({ class: clsx((theme as TabsTheme)?.base, className ?? ulClass) })}>
+<ul role="tablist" {...restProps} class={base({ class: clsx(theme?.base, className ?? ulClass) })}>
   {@render children()}
 </ul>
 {#if dividerBool}
-  <div class={dividerClass({ class: clsx((theme as TabsTheme)?.divider, classes?.divider) })}></div>
+  <div class={dividerClass({ class: clsx(theme?.divider, classes?.divider) })}></div>
 {/if}
-<div id={panelId} class={content({ class: clsx((theme as TabsTheme)?.content, styling.content) })} role="tabpanel" aria-labelledby={panelId} use:init></div>
+<div id={panelId} class={content({ class: clsx(theme?.content, styling.content) })} role="tabpanel" aria-labelledby={panelId} use:init></div>
 
 <!--
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TabsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1714)
+[TabsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1715)
 ## Props
 @prop children
 @prop tabStyle = "none"
 @prop ulClass
 @prop contentClass
 @prop divider = true
-@prop class:className
+@prop class: className
 @prop classes
 @prop ...restProps
 -->

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

@@ -2,14 +2,14 @@ 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#L1714)
+ * [TabsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1715)
  * ## Props
  * @prop children
  * @prop tabStyle = "none"
  * @prop ulClass
  * @prop contentClass
  * @prop divider = true
- * @prop class:className
+ * @prop class: className
  * @prop classes
  * @prop ...restProps
  */

package/dist/tabs/index.d.ts

@@ -1,3 +1,3 @@
 export { default as TabItem } from "./TabItem.svelte";
 export { default as Tabs } from "./Tabs.svelte";
-export { tabs, tabItem, type TabsTheme, type TabItemTheme } from "./theme";
+export { tabs, tabItem } from "./theme";

package/dist/tabs/theme.d.ts

@@ -1,12 +1,7 @@
 import { type VariantProps } from "tailwind-variants";
-import type { ClassValue } from "svelte/elements";
 import type { Classes } from "../theme/themeUtils";
 export type TabsVaraints = VariantProps<typeof tabs> & Classes<typeof tabs>;
 export type TabItemVariants = VariantProps<typeof tabItem> & Classes<typeof tabItem>;
-export type TabsSlots = keyof typeof tabs.slots;
-export type TabsTheme = Partial<Record<TabsSlots, ClassValue>>;
-export type TabItemSlots = keyof typeof tabItem.slots;
-export type TabItemTheme = Partial<Record<TabItemSlots, ClassValue>>;
 export declare const tabs: import("tailwind-variants").TVReturnType<{
     tabStyle: {
         full: {

package/dist/theme/index.d.ts

@@ -0,0 +1,7 @@
+import type { ClassValue } from "clsx";
+import * as themes from "./themes";
+export type ThemeConfig = {
+    [K in keyof typeof themes]?: (typeof themes)[K]["slots"] extends undefined ? ClassValue : Partial<{
+        [L in keyof (typeof themes)[K]["slots"]]: ClassValue;
+    }>;
+};

package/dist/theme/index.js

@@ -1,2 +1 @@
-"use strict";
-// export {getTheme} from './themeUtils'
+import * as themes from "./themes";

package/dist/theme/themes.d.ts

@@ -0,0 +1,70 @@
+export { accordion, accordionItem } from "../accordion";
+export { alert } from "../alert";
+export { avatar } from "../avatar";
+export { badge } from "../badge";
+export { banner } from "../banner";
+export { bottomNav, bottomNavHeader, bottomNavHeaderItem, bottomNavItem } from "../bottom-navigation";
+export { breadcrumb, breadcrumbItem } from "../breadcrumb";
+export { buttonGroup } from "../button-group";
+export { button, gradientButton } from "../buttons";
+export { card } from "../card";
+export { carousel, carouselIndicators, controlButton, slide, thumbnail, thumbnails } from "../carousel";
+export { clipboard } from "../clipboard";
+export { darkmode } from "../darkmode";
+export { datepicker } from "../datepicker";
+export { android, desktop, ios, tablet } from "../device-mockups";
+export { drawer } from "../drawer";
+export { dropdown, dropdownDivider, dropdownGroup, dropdownHeader, dropdownItem } from "../dropdown";
+export { footer, footerBrand, footerCopyright, footerIcon, footerLink, footerLinkGroup } from "../footer";
+export { gallery } from "../gallery";
+export { indicator } from "../indicator";
+export { kbd } from "../kbd";
+export { listGroup, listGroupItem } from "../list-group";
+export { megamenu } from "../mega-menu";
+export { modal } from "../modal";
+export { navbar, navbarBrand, navbarHamburger, navbarLi, navbarUl, navbarContainer } from "../navbar";
+export { pagination, paginationButton, paginationItem, paginationNav } from "../pagination";
+export { popover } from "../popover";
+export { progressbar, progressradial } from "../progress";
+export { advancedRating, rating, review, scoreRating } from "../rating";
+export { sidebar, sidebarBrand, sidebarButton, sidebarCta, sidebarDropdownWrapper } from "../sidebar";
+export { cardPlaceholder, imagePlaceholder, listPlaceholder, skeleton, testimonialPlaceholder, textPlaceholder, videoPlaceholder, widgetPlaceholder } from "../skeleton";
+export { speedDial, speedDialButton } from "../speed-dial";
+export { spinner } from "../spinner";
+export { stepIndicator } from "../stepindicator";
+export { stepper, progressStepper, verticalStepper, detailedStepper, breadcrumbStepper, timelineStepper } from "../stepper";
+export { table, tableBodyCell, tableBodyRow, tableHead, tableHeadCell, tableSearch } from "../table";
+export { tabs, tabItem } from "../tabs";
+export { timeline, activity, activityItem, group, groupItem, timelineItem } from "../timeline";
+export { toast } from "../toast";
+export { toolbar, toolbarButton, toolbarGroup } from "../toolbar";
+export { tooltip } from "../tooltip";
+export { buttonToggle, buttonToggleGroup } from "../forms/button-toggle";
+export { checkbox, checkboxButton } from "../forms/checkbox";
+export { dropzone } from "../forms/dropzone";
+export { fileupload } from "../forms/fileupload";
+export { floatingLabelInput } from "../forms/floating-label";
+export { helper } from "../forms/helper";
+export { input } from "../forms/input-field";
+export { label } from "../forms/label";
+export { phoneInput } from "../forms/phoneinput";
+export { radio, radioButton } from "../forms/radio";
+export { range } from "../forms/range";
+export { search } from "../forms/search";
+export { select, multiSelect } from "../forms/select";
+export { tags } from "../forms/tags";
+export { textarea } from "../forms/textarea";
+export { timepicker } from "../forms/timepicker";
+export { toggle } from "../forms/toggle";
+export { anchor } from "../typography/anchor";
+export { blockquote } from "../typography/blockquote";
+export { descriptionList } from "../typography/descriptionlist";
+export { heading } from "../typography/heading";
+export { hr } from "../typography/hr";
+export { img } from "../typography/img";
+export { layout } from "../typography/layout";
+export { list } from "../typography/list";
+export { mark } from "../typography/mark";
+export { paragraph } from "../typography/paragraph";
+export { secondary } from "../typography/secondary";
+export { span } from "../typography/span";

package/dist/theme/themes.js

@@ -0,0 +1,75 @@
+export { accordion, accordionItem } from "../accordion";
+export { alert } from "../alert";
+export { avatar } from "../avatar";
+export { badge } from "../badge";
+export { banner } from "../banner";
+export { bottomNav, bottomNavHeader, bottomNavHeaderItem, bottomNavItem } from "../bottom-navigation";
+export { breadcrumb, breadcrumbItem } from "../breadcrumb";
+export { buttonGroup } from "../button-group";
+export { button, gradientButton } from "../buttons";
+export { card } from "../card";
+export { carousel, carouselIndicators, controlButton, slide, thumbnail, thumbnails } from "../carousel";
+export { clipboard } from "../clipboard";
+export { darkmode } from "../darkmode";
+export { datepicker } from "../datepicker";
+export { android, desktop, ios, tablet } from "../device-mockups";
+export { drawer } from "../drawer";
+export { dropdown, dropdownDivider, dropdownGroup, dropdownHeader, dropdownItem } from "../dropdown";
+export { footer, footerBrand, footerCopyright, footerIcon, footerLink, footerLinkGroup } from "../footer";
+export { gallery } from "../gallery";
+export { indicator } from "../indicator";
+export { kbd } from "../kbd";
+export { listGroup, listGroupItem } from "../list-group";
+export { megamenu } from "../mega-menu";
+export { modal } from "../modal";
+export { navbar, navbarBrand, navbarHamburger, navbarLi, navbarUl, navbarContainer } from "../navbar";
+export { pagination, paginationButton, paginationItem, paginationNav } from "../pagination";
+export { popover } from "../popover";
+export { progressbar, progressradial } from "../progress";
+export { advancedRating, rating, review, scoreRating } from "../rating";
+export { sidebar, sidebarBrand, sidebarButton, sidebarCta, sidebarDropdownWrapper } from "../sidebar";
+export { cardPlaceholder, imagePlaceholder, listPlaceholder, skeleton, testimonialPlaceholder, textPlaceholder, videoPlaceholder, widgetPlaceholder } from "../skeleton";
+export { speedDial, speedDialButton } from "../speed-dial";
+export { spinner } from "../spinner";
+export { stepIndicator } from "../stepindicator";
+export { stepper, progressStepper, verticalStepper, detailedStepper, breadcrumbStepper, timelineStepper } from "../stepper";
+export { table, tableBodyCell, tableBodyRow, tableHead, tableHeadCell, tableSearch } from "../table";
+export { tabs, tabItem } from "../tabs";
+export { timeline, activity, activityItem, group, groupItem, timelineItem } from "../timeline";
+export { toast } from "../toast";
+export { toolbar, toolbarButton, toolbarGroup } from "../toolbar";
+export { tooltip } from "../tooltip";
+// export {utils} from "../utils";
+// export {} from "../video";
+// forms
+// export {addon} from "../forms/input-addon";
+export { buttonToggle, buttonToggleGroup } from "../forms/button-toggle";
+export { checkbox, checkboxButton } from "../forms/checkbox";
+export { dropzone } from "../forms/dropzone";
+export { fileupload } from "../forms/fileupload";
+export { floatingLabelInput } from "../forms/floating-label";
+export { helper } from "../forms/helper";
+export { input } from "../forms/input-field";
+export { label } from "../forms/label";
+export { phoneInput } from "../forms/phoneinput";
+export { radio, radioButton } from "../forms/radio";
+export { range } from "../forms/range";
+export { search } from "../forms/search";
+export { select, multiSelect } from "../forms/select";
+export { tags } from "../forms/tags";
+export { textarea } from "../forms/textarea";
+export { timepicker } from "../forms/timepicker";
+export { toggle } from "../forms/toggle";
+// typography
+export { anchor } from "../typography/anchor";
+export { blockquote } from "../typography/blockquote";
+export { descriptionList } from "../typography/descriptionlist";
+export { heading } from "../typography/heading";
+export { hr } from "../typography/hr";
+export { img } from "../typography/img";
+export { layout } from "../typography/layout";
+export { list } from "../typography/list";
+export { mark } from "../typography/mark";
+export { paragraph } from "../typography/paragraph";
+export { secondary } from "../typography/secondary";
+export { span } from "../typography/span";

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#L1755)
+[ActivityProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1758)
 ## 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#L1755)
+ * [ActivityProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1758)
  * ## Props
  * @prop children
  * @prop class: className

package/dist/timeline/ActivityItem.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { activityItem, type ActivityItemTheme } from "./index";
+  import { activityItem } from "./index";
   import type { ActivityItemProps } from "../types";
   import clsx from "clsx";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
@@ -38,19 +38,19 @@
 </script>
 
 {#each activities as { title: name, date, src, alt, text: activity }}
-  <li {...restProps} class={li({ class: clsx((theme as ActivityItemTheme)?.li, className ?? liClass) })}>
-    <span class={span({ class: clsx((theme as ActivityItemTheme)?.span, styling.span) })}>
-      <img class={img({ class: clsx((theme as ActivityItemTheme)?.img, styling.img) })} {src} {alt} />
+  <li {...restProps} class={li({ class: clsx(theme?.li, className ?? liClass) })}>
+    <span class={span({ class: clsx(theme?.span, styling.span) })}>
+      <img class={img({ class: clsx(theme?.img, styling.img) })} {src} {alt} />
     </span>
-    <div class={outer({ class: clsx((theme as ActivityItemTheme)?.outer, styling.outer) })}>
-      <div class={inner({ class: clsx((theme as ActivityItemTheme)?.inner, styling.inner) })}>
-        <time class={time({ class: clsx((theme as ActivityItemTheme)?.time, styling.time) })}>{date}</time>
-        <div class={title({ class: clsx((theme as ActivityItemTheme)?.title, styling.title) })}>
+    <div class={outer({ class: clsx(theme?.outer, styling.outer) })}>
+      <div class={inner({ class: clsx(theme?.inner, styling.inner) })}>
+        <time class={time({ class: clsx(theme?.time, styling.time) })}>{date}</time>
+        <div class={title({ class: clsx(theme?.title, styling.title) })}>
           {@html name}
         </div>
       </div>
       {#if activity}
-        <div class={text({ class: clsx((theme as ActivityItemTheme)?.text, styling.text) })}>
+        <div class={text({ class: clsx(theme?.text, styling.text) })}>
           {@html activity}
         </div>
       {/if}
@@ -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#L1759)
+[ActivityItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1762)
 ## Props
 @prop activities
 @prop liClass
@@ -73,7 +73,7 @@
 @prop timeClass
 @prop titleClass
 @prop textClass
-@prop class:className
+@prop class: className
 @prop classes
 @prop ...restProps
 -->

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#L1759)
+ * [ActivityItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1762)
  * ## Props
  * @prop activities
  * @prop liClass
@@ -13,7 +13,7 @@ import type { ActivityItemProps } from "../types";
  * @prop timeClass
  * @prop titleClass
  * @prop textClass
- * @prop class:className
+ * @prop class: className
  * @prop classes
  * @prop ...restProps
  */

package/dist/timeline/Group.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { group, type GroupTheme } from ".";
+  import { group } from ".";
   import type { GroupProps } from "../types";
   import clsx from "clsx";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
@@ -25,9 +25,9 @@
   const { div, time, ol } = $derived(group());
 </script>
 
-<div class={div({ class: clsx((theme as GroupTheme)?.div, className ?? divClass) })}>
-  <time class={time({ class: clsx((theme as GroupTheme)?.time, styling.time) })}>{date}</time>
-  <ol {...restProps} class={ol({ class: clsx((theme as GroupTheme)?.ol, styling.ol) })}>
+<div class={div({ class: clsx(theme?.div, className ?? divClass) })}>
+  <time class={time({ class: clsx(theme?.time, styling.time) })}>{date}</time>
+  <ol {...restProps} class={ol({ class: clsx(theme?.ol, styling.ol) })}>
     {@render children()}
   </ol>
 </div>
@@ -36,14 +36,14 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[GroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1771)
+[GroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1774)
 ## Props
 @prop children
 @prop divClass
 @prop timeClass
 @prop date
 @prop olClass
-@prop class:className
+@prop class: className
 @prop classes
 @prop ...restProps
 -->

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

@@ -2,14 +2,14 @@ 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#L1771)
+ * [GroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1774)
  * ## Props
  * @prop children
  * @prop divClass
  * @prop timeClass
  * @prop date
  * @prop olClass
- * @prop class:className
+ * @prop class: className
  * @prop classes
  * @prop ...restProps
  */