flowbite-svelte 1.30.1 → 1.32.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (190) hide show
  1. package/dist/accordion/Accordion.svelte +1 -1
  2. package/dist/accordion/AccordionItem.svelte +4 -3
  3. package/dist/alert/Alert.svelte +1 -1
  4. package/dist/avatar/Avatar.svelte +1 -1
  5. package/dist/badge/Badge.svelte +1 -1
  6. package/dist/banner/Banner.svelte +1 -1
  7. package/dist/bottom-navigation/BottomNav.svelte +1 -1
  8. package/dist/bottom-navigation/BottomNavHeader.svelte +1 -1
  9. package/dist/bottom-navigation/BottomNavHeaderItem.svelte +1 -1
  10. package/dist/bottom-navigation/BottomNavItem.svelte +1 -1
  11. package/dist/breadcrumb/Breadcrumb.svelte +1 -1
  12. package/dist/breadcrumb/BreadcrumbItem.svelte +1 -1
  13. package/dist/button-group/ButtonGroup.svelte +1 -1
  14. package/dist/buttons/Button.svelte +1 -1
  15. package/dist/buttons/GradientButton.svelte +1 -1
  16. package/dist/card/Card.svelte +1 -1
  17. package/dist/carousel/Carousel.svelte +1 -1
  18. package/dist/carousel/CarouselIndicators.svelte +1 -1
  19. package/dist/carousel/ControlButton.svelte +1 -1
  20. package/dist/carousel/Controls.svelte +1 -1
  21. package/dist/carousel/Slide.svelte +1 -1
  22. package/dist/carousel/Thumbnail.svelte +1 -1
  23. package/dist/carousel/Thumbnails.svelte +1 -1
  24. package/dist/clipboard/Clipboard.svelte +1 -1
  25. package/dist/clipboard-manager/ClipboardManager.svelte +1 -1
  26. package/dist/command-palette/CommandPalette.svelte +2 -2
  27. package/dist/command-palette/CommandPalette.svelte.d.ts +1 -1
  28. package/dist/context.d.ts +4 -1
  29. package/dist/context.js +0 -1
  30. package/dist/darkmode/DarkMode.svelte +1 -1
  31. package/dist/datepicker/Datepicker.svelte +9 -16
  32. package/dist/drawer/Drawer.svelte +1 -1
  33. package/dist/drawer/DrawerHandle.svelte +1 -1
  34. package/dist/drawer/Drawerhead.svelte +1 -1
  35. package/dist/dropdown/Dropdown.svelte +1 -1
  36. package/dist/dropdown/DropdownDivider.svelte +1 -1
  37. package/dist/dropdown/DropdownGroup.svelte +1 -1
  38. package/dist/dropdown/DropdownHeader.svelte +1 -1
  39. package/dist/dropdown/DropdownItem.svelte +1 -1
  40. package/dist/footer/Footer.svelte +1 -1
  41. package/dist/footer/FooterBrand.svelte +1 -1
  42. package/dist/footer/FooterCopyright.svelte +1 -1
  43. package/dist/footer/FooterIcon.svelte +1 -1
  44. package/dist/footer/FooterLink.svelte +1 -1
  45. package/dist/footer/FooterLinkGroup.svelte +1 -1
  46. package/dist/forms/button-toggle/ButtonToggle.svelte +1 -1
  47. package/dist/forms/button-toggle/ButtonToggleGroup.svelte +1 -1
  48. package/dist/forms/checkbox/Checkbox.svelte +1 -1
  49. package/dist/forms/checkbox/CheckboxButton.svelte +1 -1
  50. package/dist/forms/dropzone/Dropzone.svelte +1 -1
  51. package/dist/forms/fileupload/Fileupload.svelte +1 -1
  52. package/dist/forms/floating-label/FloatingLabelInput.svelte +1 -1
  53. package/dist/forms/helper/Helper.svelte +1 -1
  54. package/dist/forms/input-field/Input.svelte +1 -1
  55. package/dist/forms/label/Label.svelte +1 -1
  56. package/dist/forms/phoneinput/PhoneInput.svelte +1 -1
  57. package/dist/forms/radio/Radio.svelte +1 -1
  58. package/dist/forms/radio/RadioButton.svelte +1 -1
  59. package/dist/forms/range/Range.svelte +1 -1
  60. package/dist/forms/search/Search.svelte +1 -1
  61. package/dist/forms/select/MultiSelect.svelte +9 -7
  62. package/dist/forms/select/Select.svelte +1 -1
  63. package/dist/forms/tags/Tags.svelte +2 -2
  64. package/dist/forms/tags/theme.js +3 -3
  65. package/dist/forms/textarea/Textarea.svelte +1 -1
  66. package/dist/forms/timepicker/Timepicker.svelte +1 -1
  67. package/dist/forms/toggle/Toggle.svelte +1 -1
  68. package/dist/gallery/Gallery.svelte +1 -1
  69. package/dist/indicator/Indicator.svelte +1 -1
  70. package/dist/kanban/KanbanBoard.svelte +1 -1
  71. package/dist/kanban/KanbanCard.svelte +2 -2
  72. package/dist/kanban/KanbanCard.svelte.d.ts +1 -1
  73. package/dist/kbd/Kbd.svelte +1 -1
  74. package/dist/list-group/Listgroup.svelte +1 -1
  75. package/dist/list-group/ListgroupItem.svelte +1 -1
  76. package/dist/mega-menu/MegaMenu.svelte +1 -1
  77. package/dist/modal/Modal.svelte +1 -1
  78. package/dist/navbar/NavBrand.svelte +1 -1
  79. package/dist/navbar/NavContainer.svelte +1 -1
  80. package/dist/navbar/NavHamburger.svelte +1 -1
  81. package/dist/navbar/NavLi.svelte +1 -1
  82. package/dist/navbar/NavUl.svelte +1 -1
  83. package/dist/navbar/Navbar.svelte +1 -1
  84. package/dist/pagination/Pagination.svelte +1 -1
  85. package/dist/pagination/PaginationButton.svelte +1 -1
  86. package/dist/pagination/PaginationItem.svelte +1 -1
  87. package/dist/pagination/PaginationNav.svelte +1 -1
  88. package/dist/popover/Popover.svelte +1 -1
  89. package/dist/progress/Progressbar.svelte +1 -1
  90. package/dist/progress/Progressradial.svelte +1 -1
  91. package/dist/rating/AdvancedRating.svelte +1 -1
  92. package/dist/rating/Rating.svelte +1 -1
  93. package/dist/rating/Review.svelte +1 -1
  94. package/dist/rating/ScoreRating.svelte +1 -1
  95. package/dist/scroll-spy/ScrollSpy.svelte +2 -2
  96. package/dist/scroll-spy/ScrollSpy.svelte.d.ts +1 -1
  97. package/dist/sidebar/Sidebar.svelte +1 -1
  98. package/dist/sidebar/SidebarBrand.svelte +1 -1
  99. package/dist/sidebar/SidebarButton.svelte +1 -1
  100. package/dist/sidebar/SidebarCta.svelte +1 -1
  101. package/dist/sidebar/SidebarDropdownWrapper.svelte +1 -1
  102. package/dist/skeleton/CardPlaceholder.svelte +1 -1
  103. package/dist/skeleton/ImagePlaceholder.svelte +1 -1
  104. package/dist/skeleton/ListPlaceholder.svelte +1 -1
  105. package/dist/skeleton/Skeleton.svelte +1 -1
  106. package/dist/skeleton/TestimonialPlaceholder.svelte +1 -1
  107. package/dist/skeleton/TextPlaceholder.svelte +1 -1
  108. package/dist/skeleton/VideoPlaceholder.svelte +1 -1
  109. package/dist/skeleton/WidgetPlaceholder.svelte +1 -1
  110. package/dist/speed-dial/SpeedDial.svelte +1 -1
  111. package/dist/speed-dial/SpeedDialButton.svelte +1 -1
  112. package/dist/spinner/Spinner.svelte +1 -1
  113. package/dist/split-pane/Divider.svelte +4 -4
  114. package/dist/split-pane/Divider.svelte.d.ts +1 -1
  115. package/dist/split-pane/Pane.svelte +2 -2
  116. package/dist/split-pane/Pane.svelte.d.ts +1 -1
  117. package/dist/split-pane/SplitPane.svelte +2 -2
  118. package/dist/split-pane/SplitPane.svelte.d.ts +1 -1
  119. package/dist/step-indicator/StepIndicator.svelte +1 -1
  120. package/dist/stepper/BreadcrumbStepper.svelte +1 -1
  121. package/dist/stepper/DetailedStepper.svelte +1 -1
  122. package/dist/stepper/ProgressStepper.svelte +1 -1
  123. package/dist/stepper/Stepper.svelte +1 -1
  124. package/dist/stepper/TimelineStepper.svelte +1 -1
  125. package/dist/stepper/VerticalStepper.svelte +1 -1
  126. package/dist/table/Table.svelte +1 -1
  127. package/dist/table/TableBodyCell.svelte +1 -1
  128. package/dist/table/TableBodyRow.svelte +1 -1
  129. package/dist/table/TableHead.svelte +1 -1
  130. package/dist/table/TableHeadCell.svelte +1 -1
  131. package/dist/table/TableSearch.svelte +1 -1
  132. package/dist/tabs/TabItem.svelte +1 -1
  133. package/dist/tabs/Tabs.svelte +1 -1
  134. package/dist/theme/ThemeProvider.svelte +11 -6
  135. package/dist/theme/themeUtils.js +4 -2
  136. package/dist/timeline/Activity.svelte +1 -1
  137. package/dist/timeline/ActivityItem.svelte +1 -1
  138. package/dist/timeline/Group.svelte +1 -1
  139. package/dist/timeline/GroupItem.svelte +1 -1
  140. package/dist/timeline/Timeline.svelte +3 -5
  141. package/dist/timeline/TimelineItem.svelte +7 -2
  142. package/dist/timeline/TimelineItem.svelte.d.ts +1 -0
  143. package/dist/timeline/theme.d.ts +3 -0
  144. package/dist/timeline/theme.js +2 -1
  145. package/dist/toast/Toast.svelte +2 -2
  146. package/dist/toast/Toast.svelte.d.ts +1 -1
  147. package/dist/toast/ToastContainer.svelte +2 -2
  148. package/dist/toast/ToastContainer.svelte.d.ts +1 -1
  149. package/dist/toolbar/Toolbar.svelte +1 -1
  150. package/dist/toolbar/ToolbarButton.svelte +1 -1
  151. package/dist/toolbar/ToolbarGroup.svelte +1 -1
  152. package/dist/tooltip/Tooltip.svelte +1 -1
  153. package/dist/tooltip/Tooltip.svelte.d.ts +1 -1
  154. package/dist/tour/Tour.svelte +1 -1
  155. package/dist/types.d.ts +2 -0
  156. package/dist/typography/a/A.svelte +2 -2
  157. package/dist/typography/a/A.svelte.d.ts +1 -1
  158. package/dist/typography/blockquote/Blockquote.svelte +2 -2
  159. package/dist/typography/blockquote/Blockquote.svelte.d.ts +1 -1
  160. package/dist/typography/descriptionlist/DescriptionList.svelte +2 -2
  161. package/dist/typography/descriptionlist/DescriptionList.svelte.d.ts +1 -1
  162. package/dist/typography/heading/Heading.svelte +2 -2
  163. package/dist/typography/heading/Heading.svelte.d.ts +1 -1
  164. package/dist/typography/hr/Hr.svelte +1 -1
  165. package/dist/typography/img/Img.svelte +2 -2
  166. package/dist/typography/img/Img.svelte.d.ts +1 -1
  167. package/dist/typography/layout/Layout.svelte +2 -2
  168. package/dist/typography/layout/Layout.svelte.d.ts +1 -1
  169. package/dist/typography/list/Li.svelte +1 -1
  170. package/dist/typography/list/Li.svelte.d.ts +1 -1
  171. package/dist/typography/list/List.svelte +2 -2
  172. package/dist/typography/list/List.svelte.d.ts +1 -1
  173. package/dist/typography/mark/Mark.svelte +2 -2
  174. package/dist/typography/mark/Mark.svelte.d.ts +1 -1
  175. package/dist/typography/paragraph/P.svelte +2 -2
  176. package/dist/typography/paragraph/P.svelte.d.ts +1 -1
  177. package/dist/typography/secondary/Secondary.svelte +2 -2
  178. package/dist/typography/secondary/Secondary.svelte.d.ts +1 -1
  179. package/dist/typography/span/Span.svelte +2 -2
  180. package/dist/typography/span/Span.svelte.d.ts +1 -1
  181. package/dist/utils/Arrow.svelte +1 -1
  182. package/dist/utils/Arrow.svelte.d.ts +1 -1
  183. package/dist/utils/Popper.svelte +1 -1
  184. package/dist/utils/Popper.svelte.d.ts +1 -1
  185. package/dist/video/Video.svelte +2 -2
  186. package/dist/video/Video.svelte.d.ts +1 -1
  187. package/dist/virtual-masonry/VirtualMasonry.svelte +1 -1
  188. package/dist/virtuallist/VirtualList.svelte +1 -1
  189. package/package.json +41 -41
  190. /package/{License → LICENSE} +0 -0
@@ -2,7 +2,7 @@ import type { AnchorProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [AnchorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2004)
5
+ * [AnchorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2005)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop color = "primary"
@@ -6,7 +6,7 @@
6
6
 
7
7
  let { children, class: className, border, italic = true, bg, alignment = "left", size = "lg", ...restProps }: BlockquoteProps = $props();
8
8
 
9
- const theme = getTheme("blockquote");
9
+ const theme = $derived(getTheme("blockquote"));
10
10
 
11
11
  let blockquoteCls = $derived(
12
12
  blockquote({
@@ -28,7 +28,7 @@
28
28
  @component
29
29
  [Go to docs](https://flowbite-svelte.com/)
30
30
  ## Type
31
- [BlockquoteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2033)
31
+ [BlockquoteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2034)
32
32
  ## Props
33
33
  @prop children
34
34
  @prop class: className
@@ -2,7 +2,7 @@ import type { BlockquoteProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [BlockquoteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2033)
5
+ * [BlockquoteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2034)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -6,7 +6,7 @@
6
6
 
7
7
  let { children, tag, class: className, ...restProps }: DescriptionListProps = $props();
8
8
 
9
- const theme = getTheme("descriptionList");
9
+ const theme = $derived(getTheme("descriptionList"));
10
10
 
11
11
  let descCls = $derived(
12
12
  descriptionList({
@@ -24,7 +24,7 @@
24
24
  @component
25
25
  [Go to docs](https://flowbite-svelte.com/)
26
26
  ## Type
27
- [DescriptionListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2043)
27
+ [DescriptionListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2044)
28
28
  ## Props
29
29
  @prop children
30
30
  @prop tag
@@ -2,7 +2,7 @@ import type { DescriptionListProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [DescriptionListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2043)
5
+ * [DescriptionListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2044)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop tag
@@ -6,7 +6,7 @@
6
6
 
7
7
  let { children, tag = "h1", class: className, ...restProps }: HeadingProps = $props();
8
8
 
9
- const theme = getTheme("heading");
9
+ const theme = $derived(getTheme("heading"));
10
10
 
11
11
  let headingCls = $derived(heading({ tag, class: clsx(theme, className) }));
12
12
  </script>
@@ -19,7 +19,7 @@
19
19
  @component
20
20
  [Go to docs](https://flowbite-svelte.com/)
21
21
  ## Type
22
- [HeadingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2049)
22
+ [HeadingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2050)
23
23
  ## Props
24
24
  @prop children
25
25
  @prop tag = "h1"
@@ -2,7 +2,7 @@ import type { HeadingProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [HeadingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2049)
5
+ * [HeadingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2050)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop tag = "h1"
@@ -23,7 +23,7 @@
23
23
  }
24
24
  );
25
25
 
26
- const theme = getTheme("hr");
26
+ const theme = $derived(getTheme("hr"));
27
27
  const bg = $derived(classes?.bg ?? "bg-gray-200 dark:bg-gray-700");
28
28
 
29
29
  // for backward compatibility and ...restPorps will be removed and use only ..divProps and ...hrProps in future
@@ -21,7 +21,7 @@
21
21
  caption: captionClass || classes?.caption
22
22
  });
23
23
 
24
- const theme = getTheme("img");
24
+ const theme = $derived(getTheme("img"));
25
25
 
26
26
  let { base, figure, caption: figureCaption } = $derived(img({ size, effect: imgEffect, align }));
27
27
 
@@ -62,7 +62,7 @@
62
62
  @component
63
63
  [Go to docs](https://flowbite-svelte.com/)
64
64
  ## Type
65
- [ImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2080)
65
+ [ImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2081)
66
66
  ## Props
67
67
  @prop children
68
68
  @prop size
@@ -2,7 +2,7 @@ import type { ImgProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2080)
5
+ * [ImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2081)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop size
@@ -6,7 +6,7 @@
6
6
 
7
7
  let { children, class: className, ...restProps }: LayoutProps = $props();
8
8
 
9
- const theme = getTheme("layout");
9
+ const theme = $derived(getTheme("layout"));
10
10
 
11
11
  let divCls = $derived(layout({ class: clsx(theme, className) }));
12
12
  </script>
@@ -19,7 +19,7 @@
19
19
  @component
20
20
  [Go to docs](https://flowbite-svelte.com/)
21
21
  ## Type
22
- [LayoutProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2104)
22
+ [LayoutProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2105)
23
23
  ## Props
24
24
  @prop children
25
25
  @prop class: className
@@ -2,7 +2,7 @@ import type { LayoutProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [LayoutProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2104)
5
+ * [LayoutProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2105)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -18,7 +18,7 @@
18
18
  @component
19
19
  [Go to docs](https://flowbite-svelte.com/)
20
20
  ## Type
21
- [LiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2117)
21
+ [LiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2118)
22
22
  ## Props
23
23
  @prop children
24
24
  @prop icon
@@ -2,7 +2,7 @@ import type { LiProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [LiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2117)
5
+ * [LiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2118)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop icon
@@ -7,7 +7,7 @@
7
7
 
8
8
  let { children, tag = "ul", isContenteditable = false, position = "inside", ctxClass, class: className, ...restProps }: ListProps = $props();
9
9
 
10
- const theme = getTheme("list");
10
+ const theme = $derived(getTheme("list"));
11
11
 
12
12
  let contextClass = $derived(ctxClass || "");
13
13
 
@@ -36,7 +36,7 @@
36
36
  @component
37
37
  [Go to docs](https://flowbite-svelte.com/)
38
38
  ## Type
39
- [ListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2109)
39
+ [ListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2110)
40
40
  ## Props
41
41
  @prop children
42
42
  @prop tag = "ul"
@@ -2,7 +2,7 @@ import type { ListProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2109)
5
+ * [ListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2110)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop tag = "ul"
@@ -6,7 +6,7 @@
6
6
 
7
7
  let { children, class: className, ...restProps }: MarkProps = $props();
8
8
 
9
- const theme = getTheme("mark");
9
+ const theme = $derived(getTheme("mark"));
10
10
  </script>
11
11
 
12
12
  <mark {...restProps} class={mark({ class: clsx(theme, className) })}>
@@ -17,7 +17,7 @@
17
17
  @component
18
18
  [Go to docs](https://flowbite-svelte.com/)
19
19
  ## Type
20
- [MarkProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2123)
20
+ [MarkProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2124)
21
21
  ## Props
22
22
  @prop children
23
23
  @prop class: className
@@ -2,7 +2,7 @@ import type { MarkProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [MarkProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2123)
5
+ * [MarkProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2124)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -19,7 +19,7 @@
19
19
  ...restProps
20
20
  }: ParagraphProps = $props();
21
21
 
22
- const theme = getTheme("paragraph");
22
+ const theme = $derived(getTheme("paragraph"));
23
23
 
24
24
  let classP = $derived(paragraph({ height, size, weight, space, align, justify, italic, firstUpper, whitespace, class: clsx(theme, className) }));
25
25
  </script>
@@ -32,7 +32,7 @@
32
32
  @component
33
33
  [Go to docs](https://flowbite-svelte.com/)
34
34
  ## Type
35
- [ParagraphProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2128)
35
+ [ParagraphProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2129)
36
36
  ## Props
37
37
  @prop children
38
38
  @prop class: className = "text-gray-900 dark:text-white"
@@ -2,7 +2,7 @@ import type { ParagraphProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ParagraphProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2128)
5
+ * [ParagraphProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2129)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className = "text-gray-900 dark:text-white"
@@ -6,7 +6,7 @@
6
6
 
7
7
  let { children, class: className, ...restProps }: SecondaryProps = $props();
8
8
 
9
- const theme = getTheme("secondary");
9
+ const theme = $derived(getTheme("secondary"));
10
10
  </script>
11
11
 
12
12
  <small {...restProps} class={secondary({ class: clsx(theme, className) })}>
@@ -17,7 +17,7 @@
17
17
  @component
18
18
  [Go to docs](https://flowbite-svelte.com/)
19
19
  ## Type
20
- [SecondaryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2136)
20
+ [SecondaryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2137)
21
21
  ## Props
22
22
  @prop children
23
23
  @prop class: className
@@ -2,7 +2,7 @@ import type { SecondaryProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [SecondaryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2136)
5
+ * [SecondaryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2137)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -6,7 +6,7 @@
6
6
 
7
7
  let { children, class: className, italic, underline, linethrough, uppercase, gradient, highlight, decoration, decorationColor, decorationThickness, ...restProps }: SpanProps = $props();
8
8
 
9
- const theme = getTheme("span");
9
+ const theme = $derived(getTheme("span"));
10
10
 
11
11
  let classSpan = $derived(
12
12
  span({
@@ -34,7 +34,7 @@
34
34
  @component
35
35
  [Go to docs](https://flowbite-svelte.com/)
36
36
  ## Type
37
- [SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2141)
37
+ [SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2142)
38
38
  ## Props
39
39
  @prop children
40
40
  @prop class: className
@@ -2,7 +2,7 @@ import type { SpanProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2141)
5
+ * [SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2142)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -49,7 +49,7 @@
49
49
  @component
50
50
  [Go to docs](https://flowbite-svelte.com/)
51
51
  ## Type
52
- [ArrowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2185)
52
+ [ArrowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2186)
53
53
  ## Props
54
54
  @prop placement = "top"
55
55
  @prop cords
@@ -2,7 +2,7 @@ import type { ArrowProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ArrowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2185)
5
+ * [ArrowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2186)
6
6
  * ## Props
7
7
  * @prop placement = "top"
8
8
  * @prop cords
@@ -263,7 +263,7 @@
263
263
  @component
264
264
  [Go to docs](https://flowbite-svelte.com/)
265
265
  ## Type
266
- [PopperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2163)
266
+ [PopperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2164)
267
267
  ## Props
268
268
  @prop triggeredBy
269
269
  @prop triggerDelay = DEFAULT_TRIGGER_DELAY
@@ -2,7 +2,7 @@ import type { PopperProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [PopperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2163)
5
+ * [PopperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2164)
6
6
  * ## Props
7
7
  * @prop triggeredBy
8
8
  * @prop triggerDelay = DEFAULT_TRIGGER_DELAY
@@ -5,7 +5,7 @@
5
5
 
6
6
  let { children, type = "video/mp4", trackSrc, src, srclang = "en", label = "english_captions", class: classname, ...restProps }: VideoProps = $props();
7
7
 
8
- const theme = getTheme("span");
8
+ const theme = $derived(getTheme("span"));
9
9
  </script>
10
10
 
11
11
  <video {...restProps} class={clsx(theme, classname)}>
@@ -21,7 +21,7 @@
21
21
  @component
22
22
  [Go to docs](https://flowbite-svelte.com/)
23
23
  ## Type
24
- [VideoProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2150)
24
+ [VideoProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2151)
25
25
  ## Props
26
26
  @prop children
27
27
  @prop type = "video/mp4"
@@ -2,7 +2,7 @@ import type { VideoProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [VideoProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2150)
5
+ * [VideoProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2151)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop type = "video/mp4"
@@ -19,7 +19,7 @@
19
19
  contained = false
20
20
  }: VirtualMasonryProps<T> = $props();
21
21
 
22
- const theme = getTheme("virtualMasonry");
22
+ const theme = $derived(getTheme("virtualMasonry"));
23
23
 
24
24
  let container: HTMLDivElement | undefined;
25
25
  let containerWidth = $state(0);
@@ -18,7 +18,7 @@
18
18
  contained = false
19
19
  }: VirtualListProps<T> = $props();
20
20
 
21
- const theme = getTheme("virtualList");
21
+ const theme = $derived(getTheme("virtualList"));
22
22
 
23
23
  let container: HTMLDivElement | undefined;
24
24
  let scrollTop = $state(0);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "flowbite-svelte",
3
- "version": "1.30.1",
3
+ "version": "1.32.0",
4
4
  "description": "Flowbite components for Svelte",
5
5
  "main": "dist/index.js",
6
6
  "author": {
@@ -12,70 +12,70 @@
12
12
  "homepage": "https://flowbite-svelte.com/",
13
13
  "license": "MIT",
14
14
  "devDependencies": {
15
- "@changesets/cli": "^2.29.8",
16
- "@docsearch/css": "^4.3.2",
17
- "@docsearch/js": "^4.3.2",
18
- "@eslint/compat": "^2.0.0",
19
- "@eslint/js": "^9.39.1",
15
+ "@changesets/cli": "^2.30.0",
16
+ "@docsearch/css": "^4.6.2",
17
+ "@docsearch/js": "^4.6.2",
18
+ "@eslint/compat": "^2.0.3",
19
+ "@eslint/js": "^10.0.1",
20
20
  "@flowbite-svelte-plugins/chart": "^0.2.4",
21
21
  "@flowbite-svelte-plugins/datatable": "^0.4.1",
22
22
  "@flowbite-svelte-plugins/texteditor": "^0.25.6",
23
- "@playwright/test": "^1.57.0",
23
+ "@playwright/test": "^1.58.2",
24
24
  "@resvg/resvg-js": "^2.6.2",
25
- "@sveltejs/adapter-vercel": "^6.2.0",
26
- "@sveltejs/kit": "^2.49.2",
25
+ "@sveltejs/adapter-vercel": "^6.3.3",
26
+ "@sveltejs/kit": "^2.55.0",
27
27
  "@sveltejs/package": "^2.5.7",
28
- "@sveltejs/vite-plugin-svelte": "^6.2.1",
28
+ "@sveltejs/vite-plugin-svelte": "^6.2.4",
29
29
  "@svitejs/changesets-changelog-github-compact": "^1.2.0",
30
- "@tailwindcss/vite": "^4.1.17",
30
+ "@tailwindcss/vite": "^4.2.2",
31
31
  "@testing-library/jest-dom": "^6.9.1",
32
- "@testing-library/svelte": "^5.2.9",
32
+ "@testing-library/svelte": "^5.3.1",
33
33
  "@testing-library/user-event": "^14.6.1",
34
34
  "@tiptap/core": "3.7.2",
35
- "@vitest/browser": "^4.0.15",
36
- "@vitest/browser-playwright": "^4.0.15",
37
- "dayjs": "^1.11.19",
35
+ "@vitest/browser": "^4.1.1",
36
+ "@vitest/browser-playwright": "^4.1.1",
37
+ "dayjs": "^1.11.20",
38
38
  "deepmerge": "^4.3.1",
39
- "eslint": "^9.39.1",
39
+ "eslint": "^10.1.0",
40
40
  "eslint-config-prettier": "^10.1.8",
41
- "eslint-plugin-svelte": "^3.13.1",
41
+ "eslint-plugin-svelte": "^3.16.0",
42
42
  "flowbite-svelte-admin-dashboard": "^2.1.1",
43
43
  "flowbite-svelte-blocks": "^2.1.0",
44
- "flowbite-svelte-icons": "^3.0.1",
44
+ "flowbite-svelte-icons": "^3.1.0",
45
45
  "flowbite-svelte-illustrations": "^1.0.6",
46
46
  "flowbite-typography": "^1.0.5",
47
47
  "globals": "^16.5.0",
48
48
  "highlight.js": "^11.11.1",
49
- "jsdom": "^27.3.0",
50
- "katex": "^0.16.27",
49
+ "jsdom": "^27.4.0",
50
+ "katex": "^0.16.43",
51
51
  "lowlight": "^3.3.0",
52
- "mdsvex": "^0.12.6",
53
- "mdsvexamples": "^0.5.0",
54
- "playwright": "^1.57.0",
55
- "prettier": "^3.7.4",
56
- "prettier-plugin-svelte": "^3.4.0",
52
+ "mdsvex": "^0.12.7",
53
+ "mdsvexamples": "^0.5.1",
54
+ "playwright": "^1.58.2",
55
+ "prettier": "^3.8.1",
56
+ "prettier-plugin-svelte": "^3.5.1",
57
57
  "prettier-plugin-tailwindcss": "^0.7.2",
58
58
  "prism-themes": "^1.9.0",
59
- "publint": "^0.3.16",
59
+ "publint": "^0.3.18",
60
60
  "runatics": "^0.2.0",
61
61
  "runes-meta-tags": "^0.5.0",
62
- "satori": "^0.18.3",
62
+ "satori": "^0.26.0",
63
63
  "satori-html": "^0.3.2",
64
- "super-sitemap": "^1.0.5",
65
- "svelte": "^5.45.8",
66
- "svelte-check": "^4.3.4",
64
+ "super-sitemap": "^1.0.7",
65
+ "svelte": "^5.55.0",
66
+ "svelte-check": "^4.4.5",
67
67
  "svelte-doc-llm": "^0.8.0",
68
68
  "svelte-lib-helpers": "^0.4.31",
69
- "svelte-meta-tags": "^4.5.0",
70
- "svelte-rune-highlight": "^0.11.3",
71
- "tailwindcss": "^4.1.17",
69
+ "svelte-meta-tags": "^4.5.1",
70
+ "svelte-rune-highlight": "^0.12.1",
71
+ "tailwindcss": "^4.2.2",
72
72
  "tsx": "^4.21.0",
73
73
  "typescript": "^5.9.3",
74
- "typescript-eslint": "^8.49.0",
75
- "vite": "^7.2.7",
74
+ "typescript-eslint": "^8.57.2",
75
+ "vite": "^7.3.1",
76
76
  "vite-plugin-devtools-json": "^1.0.0",
77
- "vitest": "^4.0.15",
78
- "vitest-browser-svelte": "^2.0.1"
77
+ "vitest": "^4.1.1",
78
+ "vitest-browser-svelte": "^2.1.0"
79
79
  },
80
80
  "peerDependencies": {
81
81
  "svelte": "^5.40.0",
@@ -125,14 +125,14 @@
125
125
  "url": "git+https://github.com/themesberg/flowbite-svelte.git"
126
126
  },
127
127
  "dependencies": {
128
- "@floating-ui/dom": "^1.7.4",
129
- "@floating-ui/utils": "^0.2.10",
130
- "apexcharts": "^5.3.6",
128
+ "@floating-ui/dom": "^1.7.6",
129
+ "@floating-ui/utils": "^0.2.11",
130
+ "apexcharts": "^5.10.4",
131
131
  "clsx": "^2.1.1",
132
132
  "date-fns": "^4.1.0",
133
133
  "esm-env": "^1.2.2",
134
134
  "flowbite": "^3.1.2",
135
- "tailwind-merge": "^3.4.0",
135
+ "tailwind-merge": "^3.5.0",
136
136
  "tailwind-variants": "^3.2.2"
137
137
  },
138
138
  "files": [
File without changes