flowbite-svelte 2.0.0-next.0 → 2.0.0-next.2

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 (245) hide show
  1. package/dist/accordion/theme.js +1 -1
  2. package/dist/command-palette/CommandPalette.svelte +1 -1
  3. package/dist/command-palette/CommandPalette.svelte.d.ts +1 -1
  4. package/dist/context.d.ts +3 -1
  5. package/dist/context.js +3 -0
  6. package/dist/datepicker/Datepicker.svelte +6 -2
  7. package/dist/datepicker/theme.js +5 -5
  8. package/dist/footer/theme.js +1 -1
  9. package/dist/forms/floating-label/FloatingLabelInput.svelte +6 -3
  10. package/dist/forms/input-addon/InputAddon.svelte +1 -1
  11. package/dist/forms/input-addon/InputAddon.svelte.d.ts +1 -1
  12. package/dist/forms/input-field/Input.svelte +14 -33
  13. package/dist/forms/label/Label.svelte +1 -1
  14. package/dist/forms/label/Label.svelte.d.ts +1 -1
  15. package/dist/forms/radio/Radio.svelte +4 -15
  16. package/dist/forms/range/Range.svelte +1 -1
  17. package/dist/forms/range/Range.svelte.d.ts +1 -1
  18. package/dist/forms/search/Search.svelte +8 -21
  19. package/dist/forms/search/Search.svelte.d.ts +1 -4
  20. package/dist/forms/select/MultiSelect.svelte +4 -11
  21. package/dist/forms/select/Select.svelte +4 -14
  22. package/dist/forms/tags/Tags.svelte +13 -32
  23. package/dist/forms/tags/Tags.svelte.d.ts +2 -4
  24. package/dist/forms/textarea/Textarea.svelte +12 -46
  25. package/dist/forms/textarea/Textarea.svelte.d.ts +1 -9
  26. package/dist/forms/timepicker/Timepicker.svelte +4 -4
  27. package/dist/forms/timepicker/Timepicker.svelte.d.ts +1 -1
  28. package/dist/forms/toggle/Toggle.svelte +6 -15
  29. package/dist/forms/toggle/Toggle.svelte.d.ts +1 -3
  30. package/dist/gallery/Gallery.svelte +5 -13
  31. package/dist/gallery/Gallery.svelte.d.ts +1 -2
  32. package/dist/gallery/theme.js +1 -1
  33. package/dist/indicator/Indicator.svelte +1 -1
  34. package/dist/indicator/Indicator.svelte.d.ts +1 -1
  35. package/dist/kanban/KanbanCard.svelte +1 -1
  36. package/dist/kanban/KanbanCard.svelte.d.ts +1 -1
  37. package/dist/kbd/Kbd.svelte +1 -1
  38. package/dist/kbd/Kbd.svelte.d.ts +1 -1
  39. package/dist/list-group/Listgroup.svelte +20 -8
  40. package/dist/list-group/Listgroup.svelte.d.ts +2 -3
  41. package/dist/list-group/ListgroupItem.svelte +14 -10
  42. package/dist/list-group/ListgroupItem.svelte.d.ts +4 -2
  43. package/dist/list-group/theme.d.ts +87 -29
  44. package/dist/list-group/theme.js +17 -18
  45. package/dist/mega-menu/MegaMenu.svelte +7 -16
  46. package/dist/mega-menu/MegaMenu.svelte.d.ts +1 -3
  47. package/dist/modal/Modal.svelte +7 -22
  48. package/dist/modal/Modal.svelte.d.ts +1 -5
  49. package/dist/modal/theme.d.ts +1 -0
  50. package/dist/modal/theme.js +2 -1
  51. package/dist/navbar/Menu.svelte +3 -4
  52. package/dist/navbar/Menu.svelte.d.ts +1 -2
  53. package/dist/navbar/NavBrand.svelte +1 -1
  54. package/dist/navbar/NavBrand.svelte.d.ts +1 -1
  55. package/dist/navbar/NavContainer.svelte +1 -1
  56. package/dist/navbar/NavContainer.svelte.d.ts +1 -1
  57. package/dist/navbar/NavHamburger.svelte +10 -16
  58. package/dist/navbar/NavHamburger.svelte.d.ts +1 -3
  59. package/dist/navbar/NavLi.svelte +8 -4
  60. package/dist/navbar/NavLi.svelte.d.ts +1 -1
  61. package/dist/navbar/NavUl.svelte +14 -31
  62. package/dist/navbar/NavUl.svelte.d.ts +1 -4
  63. package/dist/navbar/Navbar.svelte +9 -5
  64. package/dist/navbar/Navbar.svelte.d.ts +2 -2
  65. package/dist/navbar/index.d.ts +1 -0
  66. package/dist/navbar/index.js +1 -0
  67. package/dist/navbar/theme.d.ts +32 -1
  68. package/dist/navbar/theme.js +4 -1
  69. package/dist/pagination/Pagination.svelte +1 -1
  70. package/dist/pagination/Pagination.svelte.d.ts +1 -1
  71. package/dist/pagination/PaginationButton.svelte +1 -1
  72. package/dist/pagination/PaginationButton.svelte.d.ts +1 -1
  73. package/dist/pagination/PaginationItem.svelte +1 -1
  74. package/dist/pagination/PaginationItem.svelte.d.ts +1 -1
  75. package/dist/pagination/PaginationNav.svelte +10 -25
  76. package/dist/pagination/PaginationNav.svelte.d.ts +1 -5
  77. package/dist/popover/Popover.svelte +6 -15
  78. package/dist/popover/Popover.svelte.d.ts +1 -2
  79. package/dist/progress/Progressbar.svelte +1 -1
  80. package/dist/progress/Progressbar.svelte.d.ts +1 -1
  81. package/dist/progress/Progressradial.svelte +1 -1
  82. package/dist/progress/Progressradial.svelte.d.ts +1 -1
  83. package/dist/rating/AdvancedRating.svelte +8 -27
  84. package/dist/rating/AdvancedRating.svelte.d.ts +1 -6
  85. package/dist/rating/CustomIcon.svelte +4 -4
  86. package/dist/rating/CustomIcon.svelte.d.ts +2 -2
  87. package/dist/rating/Heart.svelte +4 -4
  88. package/dist/rating/Heart.svelte.d.ts +2 -2
  89. package/dist/rating/Rating.svelte +5 -13
  90. package/dist/rating/Rating.svelte.d.ts +1 -2
  91. package/dist/rating/RatingComment.svelte +1 -1
  92. package/dist/rating/RatingComment.svelte.d.ts +1 -1
  93. package/dist/rating/Review.svelte +13 -37
  94. package/dist/rating/Review.svelte.d.ts +1 -8
  95. package/dist/rating/ScoreRating.svelte +9 -8
  96. package/dist/rating/ScoreRating.svelte.d.ts +1 -1
  97. package/dist/rating/Star.svelte +4 -4
  98. package/dist/rating/Star.svelte.d.ts +2 -2
  99. package/dist/rating/Thumbup.svelte +4 -4
  100. package/dist/rating/Thumbup.svelte.d.ts +2 -2
  101. package/dist/scroll-spy/ScrollSpy.svelte +1 -1
  102. package/dist/scroll-spy/ScrollSpy.svelte.d.ts +1 -1
  103. package/dist/sidebar/Sidebar.svelte +9 -31
  104. package/dist/sidebar/Sidebar.svelte.d.ts +1 -5
  105. package/dist/sidebar/SidebarBrand.svelte +6 -20
  106. package/dist/sidebar/SidebarBrand.svelte.d.ts +1 -3
  107. package/dist/sidebar/SidebarButton.svelte +3 -2
  108. package/dist/sidebar/SidebarButton.svelte.d.ts +1 -1
  109. package/dist/sidebar/SidebarCta.svelte +6 -20
  110. package/dist/sidebar/SidebarCta.svelte.d.ts +1 -3
  111. package/dist/sidebar/SidebarDropdownWrapper.svelte +9 -44
  112. package/dist/sidebar/SidebarDropdownWrapper.svelte.d.ts +1 -5
  113. package/dist/sidebar/SidebarGroup.svelte +3 -4
  114. package/dist/sidebar/SidebarGroup.svelte.d.ts +1 -2
  115. package/dist/sidebar/SidebarItem.svelte +12 -10
  116. package/dist/sidebar/SidebarItem.svelte.d.ts +2 -5
  117. package/dist/sidebar/index.d.ts +1 -1
  118. package/dist/sidebar/index.js +1 -1
  119. package/dist/sidebar/theme.d.ts +41 -0
  120. package/dist/sidebar/theme.js +23 -3
  121. package/dist/skeleton/CardPlaceholder.svelte +1 -1
  122. package/dist/skeleton/CardPlaceholder.svelte.d.ts +1 -1
  123. package/dist/skeleton/ImagePlaceholder.svelte +1 -1
  124. package/dist/skeleton/ImagePlaceholder.svelte.d.ts +1 -1
  125. package/dist/skeleton/ListPlaceholder.svelte +1 -1
  126. package/dist/skeleton/ListPlaceholder.svelte.d.ts +1 -1
  127. package/dist/skeleton/Skeleton.svelte +1 -1
  128. package/dist/skeleton/Skeleton.svelte.d.ts +1 -1
  129. package/dist/skeleton/TestimonialPlaceholder.svelte +1 -1
  130. package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts +1 -1
  131. package/dist/skeleton/TextPlaceholder.svelte +1 -1
  132. package/dist/skeleton/TextPlaceholder.svelte.d.ts +1 -1
  133. package/dist/skeleton/VideoPlaceholder.svelte +1 -1
  134. package/dist/skeleton/VideoPlaceholder.svelte.d.ts +1 -1
  135. package/dist/skeleton/WidgetPlaceholder.svelte +1 -1
  136. package/dist/skeleton/WidgetPlaceholder.svelte.d.ts +1 -1
  137. package/dist/speed-dial/SpeedDial.svelte +7 -19
  138. package/dist/speed-dial/SpeedDial.svelte.d.ts +1 -2
  139. package/dist/speed-dial/SpeedDialButton.svelte +12 -24
  140. package/dist/speed-dial/SpeedDialButton.svelte.d.ts +3 -4
  141. package/dist/speed-dial/SpeedDialTrigger.svelte +1 -1
  142. package/dist/speed-dial/SpeedDialTrigger.svelte.d.ts +1 -1
  143. package/dist/spinner/Spinner.svelte +1 -1
  144. package/dist/spinner/Spinner.svelte.d.ts +1 -1
  145. package/dist/split-pane/Divider.svelte +1 -1
  146. package/dist/split-pane/Divider.svelte.d.ts +1 -1
  147. package/dist/split-pane/Pane.svelte +1 -1
  148. package/dist/split-pane/Pane.svelte.d.ts +1 -1
  149. package/dist/split-pane/SplitPane.svelte +1 -1
  150. package/dist/split-pane/SplitPane.svelte.d.ts +1 -1
  151. package/dist/step-indicator/StepIndicator.svelte +1 -1
  152. package/dist/step-indicator/StepIndicator.svelte.d.ts +1 -1
  153. package/dist/stepper/BreadcrumbStepper.svelte +1 -1
  154. package/dist/stepper/BreadcrumbStepper.svelte.d.ts +1 -1
  155. package/dist/stepper/DetailedStepper.svelte +1 -1
  156. package/dist/stepper/DetailedStepper.svelte.d.ts +1 -1
  157. package/dist/stepper/ProgressStepper.svelte +1 -1
  158. package/dist/stepper/ProgressStepper.svelte.d.ts +1 -1
  159. package/dist/stepper/Stepper.svelte +1 -1
  160. package/dist/stepper/Stepper.svelte.d.ts +1 -1
  161. package/dist/stepper/TimelineStepper.svelte +1 -1
  162. package/dist/stepper/TimelineStepper.svelte.d.ts +1 -1
  163. package/dist/stepper/VerticalStepper.svelte +1 -1
  164. package/dist/stepper/VerticalStepper.svelte.d.ts +1 -1
  165. package/dist/table/Table.svelte +6 -17
  166. package/dist/table/Table.svelte.d.ts +1 -2
  167. package/dist/table/TableBody.svelte +1 -1
  168. package/dist/table/TableBody.svelte.d.ts +1 -1
  169. package/dist/table/TableBodyCell.svelte +1 -1
  170. package/dist/table/TableBodyCell.svelte.d.ts +1 -1
  171. package/dist/table/TableBodyRow.svelte +1 -1
  172. package/dist/table/TableBodyRow.svelte.d.ts +1 -1
  173. package/dist/table/TableHead.svelte +1 -1
  174. package/dist/table/TableHead.svelte.d.ts +1 -1
  175. package/dist/table/TableHeadCell.svelte +1 -1
  176. package/dist/table/TableHeadCell.svelte.d.ts +1 -1
  177. package/dist/table/TableSearch.svelte +10 -41
  178. package/dist/table/TableSearch.svelte.d.ts +1 -8
  179. package/dist/tabs/TabItem.svelte +1 -1
  180. package/dist/tabs/TabItem.svelte.d.ts +1 -1
  181. package/dist/tabs/Tabs.svelte +8 -15
  182. package/dist/tabs/Tabs.svelte.d.ts +1 -3
  183. package/dist/theme/themeUtils.d.ts +0 -10
  184. package/dist/theme/themeUtils.js +0 -67
  185. package/dist/theme/themes.d.ts +1 -1
  186. package/dist/theme/themes.js +1 -1
  187. package/dist/timeline/Activity.svelte +1 -1
  188. package/dist/timeline/Activity.svelte.d.ts +1 -1
  189. package/dist/timeline/ActivityItem.svelte +12 -46
  190. package/dist/timeline/ActivityItem.svelte.d.ts +1 -9
  191. package/dist/timeline/Group.svelte +7 -24
  192. package/dist/timeline/Group.svelte.d.ts +1 -4
  193. package/dist/timeline/GroupItem.svelte +11 -36
  194. package/dist/timeline/GroupItem.svelte.d.ts +1 -6
  195. package/dist/timeline/Timeline.svelte +1 -1
  196. package/dist/timeline/Timeline.svelte.d.ts +1 -1
  197. package/dist/timeline/TimelineItem.svelte +13 -60
  198. package/dist/timeline/TimelineItem.svelte.d.ts +1 -8
  199. package/dist/toast/Toast.svelte +6 -25
  200. package/dist/toast/Toast.svelte.d.ts +1 -3
  201. package/dist/toast/ToastContainer.svelte +1 -1
  202. package/dist/toast/ToastContainer.svelte.d.ts +1 -1
  203. package/dist/toolbar/Toolbar.svelte +1 -1
  204. package/dist/toolbar/Toolbar.svelte.d.ts +1 -1
  205. package/dist/toolbar/ToolbarButton.svelte +5 -4
  206. package/dist/toolbar/ToolbarButton.svelte.d.ts +2 -1
  207. package/dist/toolbar/ToolbarGroup.svelte +1 -1
  208. package/dist/toolbar/ToolbarGroup.svelte.d.ts +1 -1
  209. package/dist/toolbar/theme.js +1 -1
  210. package/dist/tooltip/Tooltip.svelte +1 -1
  211. package/dist/tooltip/Tooltip.svelte.d.ts +1 -1
  212. package/dist/types.d.ts +9 -144
  213. package/dist/typography/a/A.svelte +1 -1
  214. package/dist/typography/a/A.svelte.d.ts +1 -1
  215. package/dist/typography/blockquote/Blockquote.svelte +1 -1
  216. package/dist/typography/blockquote/Blockquote.svelte.d.ts +1 -1
  217. package/dist/typography/descriptionlist/DescriptionList.svelte +1 -1
  218. package/dist/typography/descriptionlist/DescriptionList.svelte.d.ts +1 -1
  219. package/dist/typography/heading/Heading.svelte +1 -1
  220. package/dist/typography/heading/Heading.svelte.d.ts +1 -1
  221. package/dist/typography/hr/Hr.svelte +11 -29
  222. package/dist/typography/hr/Hr.svelte.d.ts +2 -3
  223. package/dist/typography/img/Img.svelte +6 -21
  224. package/dist/typography/img/Img.svelte.d.ts +1 -3
  225. package/dist/typography/layout/Layout.svelte +1 -1
  226. package/dist/typography/layout/Layout.svelte.d.ts +1 -1
  227. package/dist/typography/list/Li.svelte +1 -1
  228. package/dist/typography/list/Li.svelte.d.ts +1 -1
  229. package/dist/typography/list/List.svelte +1 -1
  230. package/dist/typography/list/List.svelte.d.ts +1 -1
  231. package/dist/typography/mark/Mark.svelte +1 -1
  232. package/dist/typography/mark/Mark.svelte.d.ts +1 -1
  233. package/dist/typography/paragraph/P.svelte +1 -1
  234. package/dist/typography/paragraph/P.svelte.d.ts +1 -1
  235. package/dist/typography/secondary/Secondary.svelte +1 -1
  236. package/dist/typography/secondary/Secondary.svelte.d.ts +1 -1
  237. package/dist/typography/span/Span.svelte +1 -1
  238. package/dist/typography/span/Span.svelte.d.ts +1 -1
  239. package/dist/utils/Arrow.svelte +1 -1
  240. package/dist/utils/Arrow.svelte.d.ts +1 -1
  241. package/dist/utils/Popper.svelte +33 -4
  242. package/dist/utils/Popper.svelte.d.ts +1 -1
  243. package/dist/video/Video.svelte +1 -1
  244. package/dist/video/Video.svelte.d.ts +1 -1
  245. package/package.json +9 -7
@@ -24,7 +24,7 @@
24
24
  @component
25
25
  [Go to docs](https://flowbite-svelte.com/)
26
26
  ## Type
27
- [VideoPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1502)
27
+ [VideoPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1411)
28
28
  ## Props
29
29
  @prop size = "sm"
30
30
  @prop class: className
@@ -2,7 +2,7 @@ import type { VideoPlaceholderProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [VideoPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1502)
5
+ * [VideoPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1411)
6
6
  * ## Props
7
7
  * @prop size = "sm"
8
8
  * @prop class: className
@@ -30,7 +30,7 @@
30
30
  @component
31
31
  [Go to docs](https://flowbite-svelte.com/)
32
32
  ## Type
33
- [WidgetPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1506)
33
+ [WidgetPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1415)
34
34
  ## Props
35
35
  @prop class: className
36
36
  @prop classes
@@ -2,7 +2,7 @@ import type { WidgetPlaceholderProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [WidgetPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1506)
5
+ * [WidgetPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1415)
6
6
  * ## Props
7
7
  * @prop class: className
8
8
  * @prop classes
@@ -2,14 +2,13 @@
2
2
  import clsx from "clsx";
3
3
  import Popper from "../utils/Popper.svelte";
4
4
  import { getSideAxis } from "@floating-ui/utils";
5
- import { setContext, untrack } from "svelte";
5
+ import { setSpeedDialContext } from "../context";
6
6
  import { speedDial } from "./theme";
7
- import type { SpeedDialProps, SpeedCtxType } from "../types";
8
- import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
7
+ import type { SpeedDialProps } from "../types";
8
+ import { getTheme } from "../theme/themeUtils";
9
9
 
10
10
  let {
11
11
  children,
12
- popperClass,
13
12
  placement = "top",
14
13
  pill = true,
15
14
  tooltip = "left",
@@ -21,22 +20,12 @@
21
20
  ...restProps
22
21
  }: SpeedDialProps = $props();
23
22
 
24
- warnThemeDeprecation(
25
- "SpeedDial",
26
- untrack(() => ({ popperClass })),
27
- { popperClass: "popper" }
28
- );
29
-
30
- const styling = $derived(
31
- classes ?? {
32
- popper: popperClass
33
- }
34
- );
23
+ const styling = $derived(classes);
35
24
 
36
25
  const theme = $derived(getTheme("speedDial"));
37
26
 
38
27
  $effect(() => {
39
- setContext<SpeedCtxType>("speed-dial", { pill, tooltip, textOutside });
28
+ setSpeedDialContext({ pill, tooltip, textOutside });
40
29
  });
41
30
 
42
31
  let vertical: boolean = $derived(getSideAxis(placement) === "y");
@@ -45,7 +34,7 @@
45
34
  </script>
46
35
 
47
36
  <Popper {...restProps} bind:isOpen {trigger} arrow={false} {placement} class={base({ class: clsx(theme?.base, className) })}>
48
- <div class={popper({ class: clsx(theme?.popper, styling.popper) })}>
37
+ <div class={popper({ class: clsx(theme?.popper, styling?.popper) })}>
49
38
  {@render children()}
50
39
  </div>
51
40
  </Popper>
@@ -54,10 +43,9 @@
54
43
  @component
55
44
  [Go to docs](https://flowbite-svelte.com/)
56
45
  ## Type
57
- [SpeedDialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1538)
46
+ [SpeedDialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1447)
58
47
  ## Props
59
48
  @prop children
60
- @prop popperClass
61
49
  @prop placement = "top"
62
50
  @prop pill = true
63
51
  @prop tooltip = "left"
@@ -2,10 +2,9 @@ import type { SpeedDialProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [SpeedDialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1538)
5
+ * [SpeedDialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1447)
6
6
  * ## Props
7
7
  * @prop children
8
- * @prop popperClass
9
8
  * @prop placement = "top"
10
9
  * @prop pill = true
11
10
  * @prop tooltip = "left"
@@ -2,45 +2,34 @@
2
2
  import Button from "../buttons/Button.svelte";
3
3
  import Tooltip from "../tooltip/Tooltip.svelte";
4
4
  import type { Placement } from "@floating-ui/dom";
5
- import { getContext, untrack } from "svelte";
6
5
  import { speedDialButton } from "./theme";
7
- import type { SpeedCtxType, SpeedDialButtonProps } from "../types";
6
+ import type { SpeedDialButtonProps } from "../types";
8
7
  import clsx from "clsx";
9
- import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
8
+ import { getTheme } from "../theme/themeUtils";
9
+ import { getSpeedDialContext } from "../context";
10
10
 
11
- const context = getContext<SpeedCtxType>("speed-dial");
11
+ const context = getSpeedDialContext();
12
12
 
13
13
  let {
14
14
  children,
15
15
  name = "",
16
16
  color = "light",
17
17
  tooltip: _tooltip,
18
- pill = context.pill,
19
- textOutside = context.textOutside,
20
- textClass,
18
+ pill = context?.pill ?? true,
19
+ textOutside = context?.textOutside ?? false,
21
20
  class: className,
22
21
  classes,
23
22
  ...restProps
24
23
  }: SpeedDialButtonProps = $props();
25
24
 
26
- warnThemeDeprecation(
27
- "SpeedDialButton",
28
- untrack(() => ({ textClass })),
29
- { textClass: "span" }
30
- );
25
+ const styling = $derived(classes);
31
26
 
32
- const styling = $derived(
33
- classes ?? {
34
- span: textClass
35
- }
36
- );
37
-
38
- let tooltip = $derived<Placement | "none">(_tooltip ?? context.tooltip);
27
+ let tooltip = $derived<Placement | "none">(_tooltip ?? context?.tooltip ?? "left");
39
28
 
40
29
  const theme = $derived(getTheme("speedDialButton"));
41
30
 
42
31
  let { base, span } = $derived(speedDialButton({ textOutside, noTooltip: tooltip === "none" }));
43
- let spanCls = $derived(tooltip === "none" || textOutside ? span({ class: clsx(theme?.span, styling.span) }) : "sr-only");
32
+ let spanCls = $derived(tooltip === "none" || textOutside ? span({ class: clsx(theme?.span, styling?.span) }) : "sr-only");
44
33
 
45
34
  let buttonCls = $derived(base({ class: clsx(theme?.base, className) }));
46
35
  </script>
@@ -58,15 +47,14 @@
58
47
  @component
59
48
  [Go to docs](https://flowbite-svelte.com/)
60
49
  ## Type
61
- [SpeedDialButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1553)
50
+ [SpeedDialButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1461)
62
51
  ## Props
63
52
  @prop children
64
53
  @prop name = ""
65
54
  @prop color = "light"
66
55
  @prop tooltip: _tooltip
67
- @prop pill = context.pill
68
- @prop textOutside = context.textOutside
69
- @prop textClass
56
+ @prop pill = context?.pill ?? true
57
+ @prop textOutside = context?.textOutside ?? false
70
58
  @prop class: className
71
59
  @prop classes
72
60
  @prop ...restProps
@@ -2,15 +2,14 @@ import type { SpeedDialButtonProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [SpeedDialButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1553)
5
+ * [SpeedDialButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1461)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop name = ""
9
9
  * @prop color = "light"
10
10
  * @prop tooltip: _tooltip
11
- * @prop pill = context.pill
12
- * @prop textOutside = context.textOutside
13
- * @prop textClass
11
+ * @prop pill = context?.pill ?? true
12
+ * @prop textOutside = context?.textOutside ?? false
14
13
  * @prop class: className
15
14
  * @prop classes
16
15
  * @prop ...restProps
@@ -44,7 +44,7 @@
44
44
  @component
45
45
  [Go to docs](https://flowbite-svelte.com/)
46
46
  ## Type
47
- [SpeedDialTriggerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1536)
47
+ [SpeedDialTriggerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1445)
48
48
  ## Props
49
49
  @prop children
50
50
  @prop name = "Open actions menu"
@@ -2,7 +2,7 @@ import type { SpeedDialTriggerProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [SpeedDialTriggerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1536)
5
+ * [SpeedDialTriggerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1445)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop name = "Open actions menu"
@@ -83,7 +83,7 @@
83
83
  @component
84
84
  [Go to docs](https://flowbite-svelte.com/)
85
85
  ## Type
86
- [SpinnerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1563)
86
+ [SpinnerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1470)
87
87
  ## Props
88
88
  @prop type = "default"
89
89
  @prop color = "primary"
@@ -2,7 +2,7 @@ import type { SpinnerProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [SpinnerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1563)
5
+ * [SpinnerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1470)
6
6
  * ## Props
7
7
  * @prop type = "default"
8
8
  * @prop color = "primary"
@@ -37,7 +37,7 @@
37
37
  @component
38
38
  [Go to docs](https://flowbite-svelte.com/)
39
39
  ## Type
40
- [DividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2199)
40
+ [DividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2065)
41
41
  ## Props
42
42
  @prop direction
43
43
  @prop index
@@ -2,7 +2,7 @@ import type { DividerProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [DividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2199)
5
+ * [DividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2065)
6
6
  * ## Props
7
7
  * @prop direction
8
8
  * @prop index
@@ -47,7 +47,7 @@
47
47
  @component
48
48
  [Go to docs](https://flowbite-svelte.com/)
49
49
  ## Type
50
- [PaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2193)
50
+ [PaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2059)
51
51
  ## Props
52
52
  @prop children
53
53
  @prop class: className = ""
@@ -2,7 +2,7 @@ import type { PaneProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [PaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2193)
5
+ * [PaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2059)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className = ""
@@ -385,7 +385,7 @@
385
385
  @component
386
386
  [Go to docs](https://flowbite-svelte.com/)
387
387
  ## Type
388
- [SplitPaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2179)
388
+ [SplitPaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2045)
389
389
  ## Props
390
390
  @prop direction = "horizontal"
391
391
  @prop minSize = 100
@@ -2,7 +2,7 @@ import type { SplitPaneProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [SplitPaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2179)
5
+ * [SplitPaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2045)
6
6
  * ## Props
7
7
  * @prop direction = "horizontal"
8
8
  * @prop minSize = 100
@@ -116,7 +116,7 @@
116
116
  @component
117
117
  [Go to docs](https://flowbite-svelte.com/)
118
118
  ## Type
119
- [StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1572)
119
+ [StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1479)
120
120
  ## Props
121
121
  @prop steps = ["Step 1", "Step 2", "Step 3", "Step 4", "Step 5"]
122
122
  @prop currentStep = $bindable(1)
@@ -2,7 +2,7 @@ import type { StepIndicatorProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1572)
5
+ * [StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1479)
6
6
  * ## Props
7
7
  * @prop steps = ["Step 1", "Step 2", "Step 3", "Step 4", "Step 5"]
8
8
  * @prop currentStep = $bindable(1)
@@ -134,7 +134,7 @@ The `current` prop is 1-based:
134
134
  @component
135
135
  [Go to docs](https://flowbite-svelte.com/)
136
136
  ## Type
137
- [BreadcrumbStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1669)
137
+ [BreadcrumbStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1576)
138
138
  ## Props
139
139
  @prop steps = []
140
140
  @prop class: className
@@ -2,7 +2,7 @@ import type { BreadcrumbStepperProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [BreadcrumbStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1669)
5
+ * [BreadcrumbStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1576)
6
6
  * ## Props
7
7
  * @prop steps = []
8
8
  * @prop class: className
@@ -142,7 +142,7 @@ The `current` prop is 1-based:
142
142
  @component
143
143
  [Go to docs](https://flowbite-svelte.com/)
144
144
  ## Type
145
- [DetailedStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1632)
145
+ [DetailedStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1539)
146
146
  ## Props
147
147
  @prop steps = []
148
148
  @prop contentClass
@@ -2,7 +2,7 @@ import type { DetailedStepperProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [DetailedStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1632)
5
+ * [DetailedStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1539)
6
6
  * ## Props
7
7
  * @prop steps = []
8
8
  * @prop contentClass
@@ -149,7 +149,7 @@ The `current` prop is 1-based:
149
149
  @component
150
150
  [Go to docs](https://flowbite-svelte.com/)
151
151
  ## Type
152
- [ProgressStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1614)
152
+ [ProgressStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1521)
153
153
  ## Props
154
154
  @prop steps = []
155
155
  @prop class: className
@@ -2,7 +2,7 @@ import type { ProgressStepperProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ProgressStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1614)
5
+ * [ProgressStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1521)
6
6
  * ## Props
7
7
  * @prop steps = []
8
8
  * @prop class: className
@@ -106,7 +106,7 @@
106
106
  @component
107
107
  [Go to docs](https://flowbite-svelte.com/)
108
108
  ## Type
109
- [StepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1598)
109
+ [StepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1505)
110
110
  ## Props
111
111
  @prop steps = []
112
112
  @prop class: className
@@ -2,7 +2,7 @@ import type { StepperProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [StepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1598)
5
+ * [StepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1505)
6
6
  * ## Props
7
7
  * @prop steps = []
8
8
  * @prop class: className
@@ -108,7 +108,7 @@ The `current` prop is 1-based:
108
108
  @component
109
109
  [Go to docs](https://flowbite-svelte.com/)
110
110
  ## Type
111
- [TimelineStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1687)
111
+ [TimelineStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1594)
112
112
  ## Props
113
113
  @prop steps = []
114
114
  @prop class: className
@@ -2,7 +2,7 @@ import type { TimelineStepperProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TimelineStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1687)
5
+ * [TimelineStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1594)
6
6
  * ## Props
7
7
  * @prop steps = []
8
8
  * @prop class: className
@@ -108,7 +108,7 @@ The `current` prop is 1-based:
108
108
  @component
109
109
  [Go to docs](https://flowbite-svelte.com/)
110
110
  ## Type
111
- [VerticalStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1650)
111
+ [VerticalStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1557)
112
112
  ## Props
113
113
  @prop steps = []
114
114
  @prop liClass
@@ -2,7 +2,7 @@ import type { VerticalStepperProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [VerticalStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1650)
5
+ * [VerticalStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1557)
6
6
  * ## Props
7
7
  * @prop steps = []
8
8
  * @prop liClass
@@ -5,22 +5,12 @@
5
5
  import TableBody from "./TableBody.svelte";
6
6
  import clsx from "clsx";
7
7
  import type { TableProps, TableContextType } from "../types";
8
- import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
9
- import { untrack } from "svelte";
8
+ import { getTheme } from "../theme/themeUtils";
10
9
 
11
- let { children, footerSlot, captionSlot, items, divClass, striped, hoverable, border = true, shadow, color = "default", class: className, classes, ...restProps }: TableProps = $props();
10
+ let { children, footerSlot, captionSlot, items, striped, hoverable, border = true, shadow, color = "default", class: className, classes, ...restProps }: TableProps = $props();
12
11
 
13
- warnThemeDeprecation(
14
- "Table",
15
- untrack(() => ({ divClass })),
16
- { divClass: "div" }
17
- );
12
+ const styling = $derived(classes);
18
13
 
19
- const styling = $derived(
20
- classes ?? {
21
- div: divClass
22
- }
23
- );
24
14
  const theme = $derived(getTheme("table"));
25
15
 
26
16
  const { div, table } = $derived(tableCls({ color, shadow }));
@@ -46,8 +36,8 @@
46
36
  let bodyItems = $derived(items && items.length > 0 ? items.map((item) => Object.values(item)) : []);
47
37
  </script>
48
38
 
49
- <div class={div({ class: clsx(theme?.div, styling.div) })}>
50
- <table {...restProps} class={table({ class: clsx(theme?.table, className) })}>
39
+ <div class={div({ class: clsx(theme?.div, className) })}>
40
+ <table {...restProps} class={table({ class: clsx(theme?.table, styling?.table) })}>
51
41
  {#if captionSlot}
52
42
  {@render captionSlot()}
53
43
  {/if}
@@ -67,13 +57,12 @@
67
57
  @component
68
58
  [Go to docs](https://flowbite-svelte.com/)
69
59
  ## Type
70
- [TableProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1722)
60
+ [TableProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1629)
71
61
  ## Props
72
62
  @prop children
73
63
  @prop footerSlot
74
64
  @prop captionSlot
75
65
  @prop items
76
- @prop divClass
77
66
  @prop striped
78
67
  @prop hoverable
79
68
  @prop border = true
@@ -2,13 +2,12 @@ import type { TableProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TableProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1722)
5
+ * [TableProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1629)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop footerSlot
9
9
  * @prop captionSlot
10
10
  * @prop items
11
- * @prop divClass
12
11
  * @prop striped
13
12
  * @prop hoverable
14
13
  * @prop border = true
@@ -33,7 +33,7 @@
33
33
  @component
34
34
  [Go to docs](https://flowbite-svelte.com/)
35
35
  ## Type
36
- [TableBodyProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1754)
36
+ [TableBodyProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1660)
37
37
  ## Props
38
38
  @prop children
39
39
  @prop bodyItems
@@ -2,7 +2,7 @@ import type { TableBodyProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TableBodyProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1754)
5
+ * [TableBodyProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1660)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop bodyItems
@@ -25,7 +25,7 @@
25
25
  @component
26
26
  [Go to docs](https://flowbite-svelte.com/)
27
27
  ## Type
28
- [TableBodyCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1743)
28
+ [TableBodyCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1649)
29
29
  ## Props
30
30
  @prop children
31
31
  @prop class: className
@@ -2,7 +2,7 @@ import type { TableBodyCellProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TableBodyCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1743)
5
+ * [TableBodyCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1649)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -29,7 +29,7 @@
29
29
  @component
30
30
  [Go to docs](https://flowbite-svelte.com/)
31
31
  ## Type
32
- [TableBodyRowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1735)
32
+ [TableBodyRowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1641)
33
33
  ## Props
34
34
  @prop children
35
35
  @prop class: className
@@ -2,7 +2,7 @@ import type { TableBodyRowProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TableBodyRowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1735)
5
+ * [TableBodyRowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1641)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -53,7 +53,7 @@
53
53
  @component
54
54
  [Go to docs](https://flowbite-svelte.com/)
55
55
  ## Type
56
- [TableHeadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1710)
56
+ [TableHeadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1617)
57
57
  ## Props
58
58
  @prop children
59
59
  @prop headerSlot
@@ -2,7 +2,7 @@ import type { TableHeadProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TableHeadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1710)
5
+ * [TableHeadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1617)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop headerSlot
@@ -19,7 +19,7 @@
19
19
  @component
20
20
  [Go to docs](https://flowbite-svelte.com/)
21
21
  ## Type
22
- [TableHeadCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1759)
22
+ [TableHeadCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1665)
23
23
  ## Props
24
24
  @prop children
25
25
  @prop class: className
@@ -2,7 +2,7 @@ import type { TableHeadCellProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TableHeadCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1759)
5
+ * [TableHeadCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1665)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className