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

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 (488) hide show
  1. package/dist/accordion/Accordion.svelte +8 -4
  2. package/dist/accordion/Accordion.svelte.d.ts +2 -1
  3. package/dist/accordion/AccordionItem.svelte +20 -11
  4. package/dist/accordion/AccordionItem.svelte.d.ts +1 -1
  5. package/dist/accordion/theme.d.ts +4 -4
  6. package/dist/accordion/theme.js +1 -1
  7. package/dist/alert/Alert.svelte +24 -7
  8. package/dist/alert/Alert.svelte.d.ts +2 -2
  9. package/dist/alert/theme.d.ts +6 -66
  10. package/dist/alert/theme.js +6 -27
  11. package/dist/avatar/Avatar.svelte +4 -4
  12. package/dist/avatar/Avatar.svelte.d.ts +1 -1
  13. package/dist/badge/Badge.svelte +27 -9
  14. package/dist/badge/Badge.svelte.d.ts +2 -2
  15. package/dist/badge/theme.d.ts +4 -175
  16. package/dist/badge/theme.js +2 -164
  17. package/dist/banner/Banner.svelte +25 -8
  18. package/dist/banner/Banner.svelte.d.ts +2 -2
  19. package/dist/banner/theme.d.ts +4 -4
  20. package/dist/banner/theme.js +1 -1
  21. package/dist/bottom-navigation/BottomNav.svelte +6 -6
  22. package/dist/bottom-navigation/BottomNav.svelte.d.ts +1 -1
  23. package/dist/bottom-navigation/BottomNavHeader.svelte +5 -5
  24. package/dist/bottom-navigation/BottomNavHeader.svelte.d.ts +1 -1
  25. package/dist/bottom-navigation/BottomNavHeaderItem.svelte +3 -3
  26. package/dist/bottom-navigation/BottomNavHeaderItem.svelte.d.ts +1 -1
  27. package/dist/bottom-navigation/BottomNavItem.svelte +9 -20
  28. package/dist/bottom-navigation/BottomNavItem.svelte.d.ts +1 -4
  29. package/dist/bottom-navigation/theme.d.ts +10 -10
  30. package/dist/bottom-navigation/theme.js +2 -2
  31. package/dist/breadcrumb/Breadcrumb.svelte +6 -6
  32. package/dist/breadcrumb/Breadcrumb.svelte.d.ts +1 -1
  33. package/dist/breadcrumb/BreadcrumbItem.svelte +17 -8
  34. package/dist/breadcrumb/BreadcrumbItem.svelte.d.ts +1 -1
  35. package/dist/breadcrumb/theme.d.ts +7 -7
  36. package/dist/breadcrumb/theme.js +2 -2
  37. package/dist/button-group/ButtonGroup.svelte +3 -3
  38. package/dist/button-group/ButtonGroup.svelte.d.ts +1 -1
  39. package/dist/buttons/Button.svelte +5 -5
  40. package/dist/buttons/GradientButton.svelte +2 -2
  41. package/dist/buttons/GradientButton.svelte.d.ts +1 -1
  42. package/dist/buttons/theme.d.ts +21 -288
  43. package/dist/buttons/theme.js +31 -109
  44. package/dist/card/Card.svelte +5 -4
  45. package/dist/card/Card.svelte.d.ts +1 -1
  46. package/dist/card/theme.d.ts +9 -1
  47. package/dist/card/theme.js +8 -0
  48. package/dist/carousel/Carousel.svelte +5 -3
  49. package/dist/carousel/Carousel.svelte.d.ts +1 -1
  50. package/dist/carousel/CarouselIndicators.svelte +5 -5
  51. package/dist/carousel/CarouselIndicators.svelte.d.ts +1 -1
  52. package/dist/carousel/ControlButton.svelte +6 -6
  53. package/dist/carousel/ControlButton.svelte.d.ts +1 -1
  54. package/dist/carousel/Controls.svelte +2 -2
  55. package/dist/carousel/Controls.svelte.d.ts +1 -1
  56. package/dist/carousel/Slide.svelte +10 -6
  57. package/dist/carousel/Slide.svelte.d.ts +1 -1
  58. package/dist/carousel/Thumbnail.svelte +3 -3
  59. package/dist/carousel/Thumbnail.svelte.d.ts +1 -1
  60. package/dist/carousel/Thumbnails.svelte +4 -4
  61. package/dist/carousel/Thumbnails.svelte.d.ts +1 -1
  62. package/dist/carousel/theme.d.ts +50 -1
  63. package/dist/carousel/theme.js +49 -0
  64. package/dist/clipboard/Clipboard.svelte +3 -3
  65. package/dist/clipboard/Clipboard.svelte.d.ts +1 -1
  66. package/dist/context.d.ts +1 -1
  67. package/dist/darkmode/DarkMode.svelte +11 -6
  68. package/dist/darkmode/DarkMode.svelte.d.ts +2 -1
  69. package/dist/darkmode/theme.d.ts +34 -1
  70. package/dist/darkmode/theme.js +4 -1
  71. package/dist/datepicker/Datepicker.svelte +32 -18
  72. package/dist/datepicker/theme.d.ts +16 -256
  73. package/dist/datepicker/theme.js +6 -27
  74. package/dist/device-mockups/Android.svelte +9 -9
  75. package/dist/device-mockups/Android.svelte.d.ts +1 -1
  76. package/dist/device-mockups/DefaultMockup.svelte +8 -8
  77. package/dist/device-mockups/DefaultMockup.svelte.d.ts +1 -1
  78. package/dist/device-mockups/Desktop.svelte +6 -6
  79. package/dist/device-mockups/Desktop.svelte.d.ts +1 -1
  80. package/dist/device-mockups/DeviceMockup.svelte +1 -1
  81. package/dist/device-mockups/DeviceMockup.svelte.d.ts +1 -1
  82. package/dist/device-mockups/Ios.svelte +8 -8
  83. package/dist/device-mockups/Ios.svelte.d.ts +1 -1
  84. package/dist/device-mockups/Laptop.svelte +6 -6
  85. package/dist/device-mockups/Laptop.svelte.d.ts +1 -1
  86. package/dist/device-mockups/Smartwatch.svelte +8 -8
  87. package/dist/device-mockups/Smartwatch.svelte.d.ts +1 -1
  88. package/dist/device-mockups/Tablet.svelte +8 -8
  89. package/dist/device-mockups/Tablet.svelte.d.ts +1 -1
  90. package/dist/device-mockups/theme.d.ts +1 -1
  91. package/dist/dialog/Dialog.svelte +27 -4
  92. package/dist/dialog/Dialog.svelte.d.ts +2 -1
  93. package/dist/dialog/theme.d.ts +1 -1
  94. package/dist/drawer/Drawer.svelte +10 -3
  95. package/dist/drawer/Drawer.svelte.d.ts +1 -1
  96. package/dist/drawer/DrawerHandle.svelte +4 -4
  97. package/dist/drawer/DrawerHandle.svelte.d.ts +1 -1
  98. package/dist/drawer/Drawerhead.svelte +5 -5
  99. package/dist/drawer/Drawerhead.svelte.d.ts +1 -1
  100. package/dist/drawer/theme.d.ts +1 -1
  101. package/dist/drawer/theme.js +1 -1
  102. package/dist/dropdown/Dropdown.svelte +2 -2
  103. package/dist/dropdown/Dropdown.svelte.d.ts +1 -1
  104. package/dist/dropdown/DropdownDivider.svelte +2 -2
  105. package/dist/dropdown/DropdownDivider.svelte.d.ts +1 -1
  106. package/dist/dropdown/DropdownGroup.svelte +2 -2
  107. package/dist/dropdown/DropdownGroup.svelte.d.ts +1 -1
  108. package/dist/dropdown/DropdownHeader.svelte +2 -2
  109. package/dist/dropdown/DropdownHeader.svelte.d.ts +1 -1
  110. package/dist/dropdown/DropdownItem.svelte +2 -2
  111. package/dist/dropdown/DropdownItem.svelte.d.ts +1 -1
  112. package/dist/dropdown/theme.d.ts +1 -1
  113. package/dist/{forms → extend}/button-toggle/ButtonToggle.svelte +2 -2
  114. package/dist/{forms → extend}/button-toggle/ButtonToggle.svelte.d.ts +1 -1
  115. package/dist/{forms → extend}/button-toggle/ButtonToggleGroup.svelte +1 -1
  116. package/dist/{forms → extend}/button-toggle/CheckIcon.svelte +1 -1
  117. package/dist/{forms → extend}/button-toggle/CheckIcon.svelte.d.ts +1 -1
  118. package/dist/{forms → extend}/button-toggle/theme.d.ts +1 -1
  119. package/dist/{clipboard-manager → extend/clipboard-manager}/ClipboardManager.svelte +4 -4
  120. package/dist/{clipboard-manager → extend/clipboard-manager}/ClipboardManager.svelte.d.ts +1 -1
  121. package/dist/{clipboard-manager → extend/clipboard-manager}/theme.d.ts +1 -1
  122. package/dist/{command-palette → extend/command-palette}/CommandPalette.svelte +5 -5
  123. package/dist/{command-palette → extend/command-palette}/CommandPalette.svelte.d.ts +2 -2
  124. package/dist/{command-palette → extend/command-palette}/theme.d.ts +1 -1
  125. package/dist/{kanban → extend/kanban}/KanbanBoard.svelte +2 -2
  126. package/dist/{kanban → extend/kanban}/KanbanBoard.svelte.d.ts +1 -1
  127. package/dist/{kanban → extend/kanban}/KanbanCard.svelte +3 -3
  128. package/dist/{kanban → extend/kanban}/KanbanCard.svelte.d.ts +2 -2
  129. package/dist/{kanban → extend/kanban}/theme.d.ts +1 -1
  130. package/dist/{scroll-spy → extend/scroll-spy}/ScrollSpy.svelte +3 -3
  131. package/dist/{scroll-spy → extend/scroll-spy}/ScrollSpy.svelte.d.ts +2 -2
  132. package/dist/{scroll-spy → extend/scroll-spy}/theme.d.ts +1 -1
  133. package/dist/{split-pane → extend/split-pane}/Divider.svelte +4 -4
  134. package/dist/{split-pane → extend/split-pane}/Divider.svelte.d.ts +2 -2
  135. package/dist/{split-pane → extend/split-pane}/Pane.svelte +4 -4
  136. package/dist/{split-pane → extend/split-pane}/Pane.svelte.d.ts +2 -2
  137. package/dist/{split-pane → extend/split-pane}/SplitPane.svelte +4 -4
  138. package/dist/{split-pane → extend/split-pane}/SplitPane.svelte.d.ts +2 -2
  139. package/dist/{step-indicator → extend/step-indicator}/StepIndicator.svelte +3 -3
  140. package/dist/{step-indicator → extend/step-indicator}/StepIndicator.svelte.d.ts +2 -2
  141. package/dist/{step-indicator → extend/step-indicator}/theme.d.ts +1 -1
  142. package/dist/{forms → extend}/tags/Tags.svelte +14 -4
  143. package/dist/{forms → extend}/tags/Tags.svelte.d.ts +0 -1
  144. package/dist/{forms → extend}/tags/theme.d.ts +1 -1
  145. package/dist/{forms → extend}/tags/theme.js +2 -2
  146. package/dist/{tour → extend/tour}/Tour.svelte +2 -2
  147. package/dist/{tour → extend/tour}/Tour.svelte.d.ts +1 -1
  148. package/dist/{tour → extend/tour}/theme.d.ts +1 -1
  149. package/dist/{virtual-masonry → extend/virtual-masonry}/VirtualMasonry.svelte +2 -2
  150. package/dist/{virtual-masonry → extend/virtual-masonry}/VirtualMasonry.svelte.d.ts +1 -1
  151. package/dist/{virtual-masonry → extend/virtual-masonry}/theme.d.ts +1 -1
  152. package/dist/{virtuallist → extend/virtuallist}/VirtualList.svelte +2 -2
  153. package/dist/{virtuallist → extend/virtuallist}/VirtualList.svelte.d.ts +1 -1
  154. package/dist/{virtuallist → extend/virtuallist}/theme.d.ts +1 -1
  155. package/dist/footer/Footer.svelte +2 -2
  156. package/dist/footer/Footer.svelte.d.ts +1 -1
  157. package/dist/footer/FooterBrand.svelte +2 -2
  158. package/dist/footer/FooterBrand.svelte.d.ts +1 -1
  159. package/dist/footer/FooterCopyright.svelte +2 -2
  160. package/dist/footer/FooterCopyright.svelte.d.ts +1 -1
  161. package/dist/footer/FooterIcon.svelte +2 -2
  162. package/dist/footer/FooterIcon.svelte.d.ts +1 -1
  163. package/dist/footer/FooterLink.svelte +2 -2
  164. package/dist/footer/FooterLink.svelte.d.ts +1 -1
  165. package/dist/footer/FooterLinkGroup.svelte +2 -2
  166. package/dist/footer/FooterLinkGroup.svelte.d.ts +1 -1
  167. package/dist/footer/theme.d.ts +4 -4
  168. package/dist/forms/checkbox/Checkbox.svelte +1 -1
  169. package/dist/forms/checkbox/CheckboxButton.svelte +2 -2
  170. package/dist/forms/checkbox/CheckboxButton.svelte.d.ts +1 -1
  171. package/dist/forms/checkbox/theme.d.ts +1 -1
  172. package/dist/forms/dropzone/Dropzone.svelte +2 -2
  173. package/dist/forms/dropzone/Dropzone.svelte.d.ts +1 -1
  174. package/dist/forms/fileupload/Fileupload.svelte +15 -5
  175. package/dist/forms/fileupload/Fileupload.svelte.d.ts +2 -2
  176. package/dist/forms/fileupload/theme.d.ts +1 -1
  177. package/dist/forms/floating-label/FloatingLabelInput.svelte +15 -5
  178. package/dist/forms/floating-label/FloatingLabelInput.svelte.d.ts +2 -2
  179. package/dist/forms/floating-label/theme.d.ts +1 -1
  180. package/dist/forms/helper/Helper.svelte +2 -2
  181. package/dist/forms/helper/Helper.svelte.d.ts +1 -1
  182. package/dist/forms/helper/theme.d.ts +6 -0
  183. package/dist/forms/helper/theme.js +2 -0
  184. package/dist/forms/input-addon/InputAddon.svelte +2 -2
  185. package/dist/forms/input-addon/InputAddon.svelte.d.ts +1 -1
  186. package/dist/forms/input-addon/theme.d.ts +1 -1
  187. package/dist/forms/input-field/Input.svelte +13 -3
  188. package/dist/forms/input-field/theme.d.ts +1 -1
  189. package/dist/forms/label/Label.svelte +2 -2
  190. package/dist/forms/label/Label.svelte.d.ts +1 -1
  191. package/dist/forms/phoneinput/PhoneInput.svelte +26 -4
  192. package/dist/forms/phoneinput/PhoneInput.svelte.d.ts +17 -1
  193. package/dist/forms/phoneinput/theme.d.ts +1 -1
  194. package/dist/forms/radio/Radio.svelte +1 -1
  195. package/dist/forms/radio/RadioButton.svelte +1 -1
  196. package/dist/forms/radio/theme.d.ts +1 -28
  197. package/dist/forms/radio/theme.js +1 -10
  198. package/dist/forms/range/Range.svelte +3 -3
  199. package/dist/forms/range/Range.svelte.d.ts +1 -1
  200. package/dist/forms/search/Search.svelte +20 -10
  201. package/dist/forms/search/Search.svelte.d.ts +2 -2
  202. package/dist/forms/search/theme.d.ts +1 -1
  203. package/dist/forms/select/MultiSelect.svelte +14 -2
  204. package/dist/forms/select/Select.svelte +14 -3
  205. package/dist/forms/select/theme.d.ts +1 -1
  206. package/dist/forms/textarea/Textarea.svelte +15 -5
  207. package/dist/forms/textarea/Textarea.svelte.d.ts +2 -2
  208. package/dist/forms/textarea/theme.d.ts +1 -1
  209. package/dist/forms/timepicker/Timepicker.svelte +5 -5
  210. package/dist/forms/timepicker/Timepicker.svelte.d.ts +2 -2
  211. package/dist/forms/timepicker/theme.d.ts +1 -1
  212. package/dist/forms/toggle/Toggle.svelte +2 -2
  213. package/dist/forms/toggle/Toggle.svelte.d.ts +1 -1
  214. package/dist/forms/toggle/theme.d.ts +1 -1
  215. package/dist/gallery/Gallery.svelte +2 -2
  216. package/dist/gallery/Gallery.svelte.d.ts +1 -1
  217. package/dist/gallery/theme.d.ts +1 -1
  218. package/dist/index.d.ts +14 -13
  219. package/dist/index.js +14 -13
  220. package/dist/indicator/Indicator.svelte +2 -2
  221. package/dist/indicator/Indicator.svelte.d.ts +1 -1
  222. package/dist/kbd/Kbd.svelte +2 -2
  223. package/dist/kbd/Kbd.svelte.d.ts +1 -1
  224. package/dist/list-group/Listgroup.svelte +2 -2
  225. package/dist/list-group/Listgroup.svelte.d.ts +1 -1
  226. package/dist/list-group/ListgroupItem.svelte +2 -2
  227. package/dist/list-group/ListgroupItem.svelte.d.ts +1 -1
  228. package/dist/list-group/theme.d.ts +1 -1
  229. package/dist/mega-menu/MegaMenu.svelte +2 -2
  230. package/dist/mega-menu/MegaMenu.svelte.d.ts +1 -1
  231. package/dist/mega-menu/theme.d.ts +1 -1
  232. package/dist/modal/Modal.svelte +25 -5
  233. package/dist/modal/Modal.svelte.d.ts +2 -1
  234. package/dist/modal/theme.d.ts +1 -1
  235. package/dist/navbar/Menu.svelte +1 -1
  236. package/dist/navbar/Menu.svelte.d.ts +1 -1
  237. package/dist/navbar/NavBrand.svelte +2 -2
  238. package/dist/navbar/NavBrand.svelte.d.ts +1 -1
  239. package/dist/navbar/NavContainer.svelte +2 -2
  240. package/dist/navbar/NavContainer.svelte.d.ts +1 -1
  241. package/dist/navbar/NavHamburger.svelte +2 -2
  242. package/dist/navbar/NavHamburger.svelte.d.ts +2 -2
  243. package/dist/navbar/NavLi.svelte +2 -2
  244. package/dist/navbar/NavLi.svelte.d.ts +1 -1
  245. package/dist/navbar/NavUl.svelte +2 -2
  246. package/dist/navbar/NavUl.svelte.d.ts +1 -1
  247. package/dist/navbar/Navbar.svelte +2 -2
  248. package/dist/navbar/Navbar.svelte.d.ts +1 -1
  249. package/dist/navbar/theme.d.ts +1 -1
  250. package/dist/pagination/Pagination.svelte +2 -2
  251. package/dist/pagination/Pagination.svelte.d.ts +1 -1
  252. package/dist/pagination/PaginationButton.svelte +2 -2
  253. package/dist/pagination/PaginationButton.svelte.d.ts +1 -1
  254. package/dist/pagination/PaginationItem.svelte +2 -2
  255. package/dist/pagination/PaginationItem.svelte.d.ts +1 -1
  256. package/dist/pagination/PaginationNav.svelte +2 -2
  257. package/dist/pagination/PaginationNav.svelte.d.ts +1 -1
  258. package/dist/pagination/theme.d.ts +1 -1
  259. package/dist/popover/Popover.svelte +2 -2
  260. package/dist/popover/Popover.svelte.d.ts +1 -1
  261. package/dist/popover/theme.d.ts +1 -1
  262. package/dist/progress/Progressbar.svelte +2 -2
  263. package/dist/progress/Progressbar.svelte.d.ts +1 -1
  264. package/dist/progress/Progressradial.svelte +2 -2
  265. package/dist/progress/Progressradial.svelte.d.ts +1 -1
  266. package/dist/progress/theme.d.ts +1 -1
  267. package/dist/rating/AdvancedRating.svelte +2 -2
  268. package/dist/rating/AdvancedRating.svelte.d.ts +1 -1
  269. package/dist/rating/CustomIcon.svelte +1 -1
  270. package/dist/rating/CustomIcon.svelte.d.ts +1 -1
  271. package/dist/rating/Heart.svelte +1 -1
  272. package/dist/rating/Heart.svelte.d.ts +1 -1
  273. package/dist/rating/Rating.svelte +2 -2
  274. package/dist/rating/Rating.svelte.d.ts +1 -1
  275. package/dist/rating/RatingComment.svelte +1 -1
  276. package/dist/rating/RatingComment.svelte.d.ts +1 -1
  277. package/dist/rating/Review.svelte +2 -2
  278. package/dist/rating/Review.svelte.d.ts +1 -1
  279. package/dist/rating/ScoreRating.svelte +2 -2
  280. package/dist/rating/ScoreRating.svelte.d.ts +1 -1
  281. package/dist/rating/Star.svelte +1 -1
  282. package/dist/rating/Star.svelte.d.ts +1 -1
  283. package/dist/rating/Thumbup.svelte +1 -1
  284. package/dist/rating/Thumbup.svelte.d.ts +1 -1
  285. package/dist/rating/theme.d.ts +4 -4
  286. package/dist/sidebar/Sidebar.svelte +8 -3
  287. package/dist/sidebar/Sidebar.svelte.d.ts +1 -1
  288. package/dist/sidebar/SidebarBrand.svelte +2 -2
  289. package/dist/sidebar/SidebarBrand.svelte.d.ts +1 -1
  290. package/dist/sidebar/SidebarButton.svelte +2 -2
  291. package/dist/sidebar/SidebarButton.svelte.d.ts +1 -1
  292. package/dist/sidebar/SidebarCta.svelte +2 -2
  293. package/dist/sidebar/SidebarCta.svelte.d.ts +1 -1
  294. package/dist/sidebar/SidebarDropdownWrapper.svelte +8 -3
  295. package/dist/sidebar/SidebarDropdownWrapper.svelte.d.ts +1 -1
  296. package/dist/sidebar/SidebarGroup.svelte +1 -1
  297. package/dist/sidebar/SidebarGroup.svelte.d.ts +1 -1
  298. package/dist/sidebar/SidebarItem.svelte +2 -2
  299. package/dist/sidebar/SidebarItem.svelte.d.ts +1 -1
  300. package/dist/sidebar/theme.d.ts +4 -4
  301. package/dist/skeleton/CardPlaceholder.svelte +2 -2
  302. package/dist/skeleton/CardPlaceholder.svelte.d.ts +1 -1
  303. package/dist/skeleton/ImagePlaceholder.svelte +2 -2
  304. package/dist/skeleton/ImagePlaceholder.svelte.d.ts +1 -1
  305. package/dist/skeleton/ListPlaceholder.svelte +2 -2
  306. package/dist/skeleton/ListPlaceholder.svelte.d.ts +1 -1
  307. package/dist/skeleton/Skeleton.svelte +2 -2
  308. package/dist/skeleton/Skeleton.svelte.d.ts +1 -1
  309. package/dist/skeleton/TestimonialPlaceholder.svelte +2 -2
  310. package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts +1 -1
  311. package/dist/skeleton/TextPlaceholder.svelte +2 -2
  312. package/dist/skeleton/TextPlaceholder.svelte.d.ts +1 -1
  313. package/dist/skeleton/VideoPlaceholder.svelte +2 -2
  314. package/dist/skeleton/VideoPlaceholder.svelte.d.ts +1 -1
  315. package/dist/skeleton/WidgetPlaceholder.svelte +2 -2
  316. package/dist/skeleton/WidgetPlaceholder.svelte.d.ts +1 -1
  317. package/dist/skeleton/theme.d.ts +1 -1
  318. package/dist/speed-dial/SpeedDial.svelte +2 -2
  319. package/dist/speed-dial/SpeedDial.svelte.d.ts +1 -1
  320. package/dist/speed-dial/SpeedDialButton.svelte +4 -4
  321. package/dist/speed-dial/SpeedDialButton.svelte.d.ts +2 -2
  322. package/dist/speed-dial/SpeedDialTrigger.svelte +1 -1
  323. package/dist/speed-dial/SpeedDialTrigger.svelte.d.ts +1 -1
  324. package/dist/speed-dial/theme.d.ts +1 -1
  325. package/dist/spinner/Spinner.svelte +2 -2
  326. package/dist/spinner/Spinner.svelte.d.ts +1 -1
  327. package/dist/stepper/BreadcrumbStepper.svelte +2 -2
  328. package/dist/stepper/BreadcrumbStepper.svelte.d.ts +1 -1
  329. package/dist/stepper/DetailedStepper.svelte +2 -2
  330. package/dist/stepper/DetailedStepper.svelte.d.ts +1 -1
  331. package/dist/stepper/ProgressStepper.svelte +2 -2
  332. package/dist/stepper/ProgressStepper.svelte.d.ts +1 -1
  333. package/dist/stepper/Stepper.svelte +2 -2
  334. package/dist/stepper/Stepper.svelte.d.ts +1 -1
  335. package/dist/stepper/TimelineStepper.svelte +2 -2
  336. package/dist/stepper/TimelineStepper.svelte.d.ts +1 -1
  337. package/dist/stepper/VerticalStepper.svelte +2 -2
  338. package/dist/stepper/VerticalStepper.svelte.d.ts +1 -1
  339. package/dist/stepper/theme.d.ts +1 -1
  340. package/dist/table/Table.svelte +2 -2
  341. package/dist/table/Table.svelte.d.ts +1 -1
  342. package/dist/table/TableBody.svelte +1 -1
  343. package/dist/table/TableBody.svelte.d.ts +1 -1
  344. package/dist/table/TableBodyCell.svelte +2 -2
  345. package/dist/table/TableBodyCell.svelte.d.ts +1 -1
  346. package/dist/table/TableBodyRow.svelte +2 -2
  347. package/dist/table/TableBodyRow.svelte.d.ts +1 -1
  348. package/dist/table/TableHead.svelte +2 -2
  349. package/dist/table/TableHead.svelte.d.ts +1 -1
  350. package/dist/table/TableHeadCell.svelte +2 -2
  351. package/dist/table/TableHeadCell.svelte.d.ts +1 -1
  352. package/dist/table/TableSearch.svelte +2 -2
  353. package/dist/table/TableSearch.svelte.d.ts +1 -1
  354. package/dist/table/theme.d.ts +1 -1
  355. package/dist/tabs/TabItem.svelte +2 -2
  356. package/dist/tabs/TabItem.svelte.d.ts +1 -1
  357. package/dist/tabs/Tabs.svelte +2 -2
  358. package/dist/tabs/Tabs.svelte.d.ts +1 -1
  359. package/dist/tabs/theme.d.ts +1 -1
  360. package/dist/{theme → theme-provider}/themes.d.ts +12 -11
  361. package/dist/{theme → theme-provider}/themes.js +13 -11
  362. package/dist/theme-selector/ThemeIcon.svelte +9 -0
  363. package/dist/theme-selector/ThemeIcon.svelte.d.ts +26 -0
  364. package/dist/theme-selector/ThemeSelector.svelte +56 -0
  365. package/dist/theme-selector/ThemeSelector.svelte.d.ts +3 -0
  366. package/dist/theme-selector/index.d.ts +4 -0
  367. package/dist/theme-selector/index.js +3 -0
  368. package/dist/theme-selector/theme.d.ts +85 -0
  369. package/dist/theme-selector/theme.js +35 -0
  370. package/dist/theme-selector/themeStore.svelte.d.ts +6 -0
  371. package/dist/theme-selector/themeStore.svelte.js +88 -0
  372. package/dist/theme-selector/themes/default-runtime.css +229 -0
  373. package/dist/theme-selector/themes/enterprise-runtime.css +210 -0
  374. package/dist/theme-selector/themes/minimal-runtime.css +213 -0
  375. package/dist/theme-selector/themes/mono-runtime.css +206 -0
  376. package/dist/theme-selector/themes/playful-runtime.css +206 -0
  377. package/dist/theme-selector/themes/themes-runtime.css +1106 -0
  378. package/dist/theme-selector/themes.d.ts +39 -0
  379. package/dist/theme-selector/themes.js +43 -0
  380. package/dist/timeline/Activity.svelte +2 -2
  381. package/dist/timeline/Activity.svelte.d.ts +1 -1
  382. package/dist/timeline/ActivityItem.svelte +2 -2
  383. package/dist/timeline/ActivityItem.svelte.d.ts +1 -1
  384. package/dist/timeline/Group.svelte +2 -2
  385. package/dist/timeline/Group.svelte.d.ts +1 -1
  386. package/dist/timeline/GroupItem.svelte +2 -2
  387. package/dist/timeline/GroupItem.svelte.d.ts +1 -1
  388. package/dist/timeline/Timeline.svelte +2 -2
  389. package/dist/timeline/Timeline.svelte.d.ts +1 -1
  390. package/dist/timeline/TimelineItem.svelte +2 -2
  391. package/dist/timeline/TimelineItem.svelte.d.ts +1 -1
  392. package/dist/timeline/theme.d.ts +7 -7
  393. package/dist/toast/Toast.svelte +23 -4
  394. package/dist/toast/Toast.svelte.d.ts +2 -1
  395. package/dist/toast/ToastContainer.svelte +2 -2
  396. package/dist/toast/ToastContainer.svelte.d.ts +1 -1
  397. package/dist/toast/theme.d.ts +1 -1
  398. package/dist/toolbar/Toolbar.svelte +2 -2
  399. package/dist/toolbar/Toolbar.svelte.d.ts +1 -1
  400. package/dist/toolbar/ToolbarButton.svelte +2 -2
  401. package/dist/toolbar/ToolbarButton.svelte.d.ts +1 -1
  402. package/dist/toolbar/ToolbarGroup.svelte +2 -2
  403. package/dist/toolbar/ToolbarGroup.svelte.d.ts +1 -1
  404. package/dist/toolbar/theme.d.ts +1 -1
  405. package/dist/toolbar/theme.js +1 -1
  406. package/dist/tooltip/Tooltip.svelte +1 -1
  407. package/dist/tooltip/Tooltip.svelte.d.ts +1 -1
  408. package/dist/types.d.ts +42 -29
  409. package/dist/typography/a/A.svelte +2 -2
  410. package/dist/typography/a/A.svelte.d.ts +1 -1
  411. package/dist/typography/blockquote/Blockquote.svelte +2 -2
  412. package/dist/typography/blockquote/Blockquote.svelte.d.ts +1 -1
  413. package/dist/typography/descriptionlist/DescriptionList.svelte +2 -2
  414. package/dist/typography/descriptionlist/DescriptionList.svelte.d.ts +1 -1
  415. package/dist/typography/heading/Heading.svelte +2 -2
  416. package/dist/typography/heading/Heading.svelte.d.ts +1 -1
  417. package/dist/typography/hr/Hr.svelte +1 -1
  418. package/dist/typography/hr/theme.d.ts +1 -1
  419. package/dist/typography/img/Img.svelte +2 -2
  420. package/dist/typography/img/Img.svelte.d.ts +1 -1
  421. package/dist/typography/img/theme.d.ts +1 -1
  422. package/dist/typography/layout/Layout.svelte +2 -2
  423. package/dist/typography/layout/Layout.svelte.d.ts +1 -1
  424. package/dist/typography/list/Li.svelte +1 -1
  425. package/dist/typography/list/Li.svelte.d.ts +1 -1
  426. package/dist/typography/list/List.svelte +2 -2
  427. package/dist/typography/list/List.svelte.d.ts +1 -1
  428. package/dist/typography/mark/Mark.svelte +2 -2
  429. package/dist/typography/mark/Mark.svelte.d.ts +1 -1
  430. package/dist/typography/paragraph/P.svelte +2 -2
  431. package/dist/typography/paragraph/P.svelte.d.ts +1 -1
  432. package/dist/typography/secondary/Secondary.svelte +2 -2
  433. package/dist/typography/secondary/Secondary.svelte.d.ts +1 -1
  434. package/dist/typography/span/Span.svelte +2 -2
  435. package/dist/typography/span/Span.svelte.d.ts +1 -1
  436. package/dist/utils/Arrow.svelte +1 -1
  437. package/dist/utils/Arrow.svelte.d.ts +1 -1
  438. package/dist/utils/CloseButton.svelte +11 -7
  439. package/dist/utils/CloseButton.svelte.d.ts +2 -2
  440. package/dist/utils/Popper.svelte +9 -3
  441. package/dist/utils/Popper.svelte.d.ts +1 -1
  442. package/dist/utils/theme.d.ts +60 -81
  443. package/dist/utils/theme.js +10 -36
  444. package/dist/video/Video.svelte +2 -2
  445. package/dist/video/Video.svelte.d.ts +1 -1
  446. package/package.json +2 -735
  447. package/dist/bottom-navigation/CHANGES-SUMMARY.svelte +0 -175
  448. package/dist/bottom-navigation/MIGRATION-GUIDE.svelte +0 -142
  449. /package/dist/{forms → extend}/button-toggle/ButtonToggleGroup.svelte.d.ts +0 -0
  450. /package/dist/{forms → extend}/button-toggle/index.d.ts +0 -0
  451. /package/dist/{forms → extend}/button-toggle/index.js +0 -0
  452. /package/dist/{forms → extend}/button-toggle/theme.js +0 -0
  453. /package/dist/{clipboard-manager → extend/clipboard-manager}/index.d.ts +0 -0
  454. /package/dist/{clipboard-manager → extend/clipboard-manager}/index.js +0 -0
  455. /package/dist/{clipboard-manager → extend/clipboard-manager}/theme.js +0 -0
  456. /package/dist/{command-palette → extend/command-palette}/index.d.ts +0 -0
  457. /package/dist/{command-palette → extend/command-palette}/index.js +0 -0
  458. /package/dist/{command-palette → extend/command-palette}/theme.js +0 -0
  459. /package/dist/{kanban → extend/kanban}/index.d.ts +0 -0
  460. /package/dist/{kanban → extend/kanban}/index.js +0 -0
  461. /package/dist/{kanban → extend/kanban}/theme.js +0 -0
  462. /package/dist/{scroll-spy → extend/scroll-spy}/index.d.ts +0 -0
  463. /package/dist/{scroll-spy → extend/scroll-spy}/index.js +0 -0
  464. /package/dist/{scroll-spy → extend/scroll-spy}/theme.js +0 -0
  465. /package/dist/{split-pane → extend/split-pane}/index.d.ts +0 -0
  466. /package/dist/{split-pane → extend/split-pane}/index.js +0 -0
  467. /package/dist/{split-pane → extend/split-pane}/theme.d.ts +0 -0
  468. /package/dist/{split-pane → extend/split-pane}/theme.js +0 -0
  469. /package/dist/{step-indicator → extend/step-indicator}/index.d.ts +0 -0
  470. /package/dist/{step-indicator → extend/step-indicator}/index.js +0 -0
  471. /package/dist/{step-indicator → extend/step-indicator}/theme.js +0 -0
  472. /package/dist/{forms → extend}/tags/index.d.ts +0 -0
  473. /package/dist/{forms → extend}/tags/index.js +0 -0
  474. /package/dist/{tour → extend/tour}/index.d.ts +0 -0
  475. /package/dist/{tour → extend/tour}/index.js +0 -0
  476. /package/dist/{tour → extend/tour}/theme.js +0 -0
  477. /package/dist/{virtual-masonry → extend/virtual-masonry}/index.d.ts +0 -0
  478. /package/dist/{virtual-masonry → extend/virtual-masonry}/index.js +0 -0
  479. /package/dist/{virtual-masonry → extend/virtual-masonry}/theme.js +0 -0
  480. /package/dist/{virtuallist → extend/virtuallist}/index.d.ts +0 -0
  481. /package/dist/{virtuallist → extend/virtuallist}/index.js +0 -0
  482. /package/dist/{virtuallist → extend/virtuallist}/theme.js +0 -0
  483. /package/dist/{theme → theme-provider}/ThemeProvider.svelte +0 -0
  484. /package/dist/{theme → theme-provider}/ThemeProvider.svelte.d.ts +0 -0
  485. /package/dist/{theme → theme-provider}/index.d.ts +0 -0
  486. /package/dist/{theme → theme-provider}/index.js +0 -0
  487. /package/dist/{theme → theme-provider}/themeUtils.d.ts +0 -0
  488. /package/dist/{theme → theme-provider}/themeUtils.js +0 -0
@@ -0,0 +1,39 @@
1
+ export type ThemeId = "default" | "minimal" | "enterprise" | "playful" | "mono";
2
+ export interface FlowbiteTheme {
3
+ id: ThemeId;
4
+ name: string;
5
+ cssPath: string;
6
+ fontUrl: string;
7
+ colors: string[];
8
+ }
9
+ export declare const themeConfigs: readonly [{
10
+ readonly id: "default";
11
+ readonly name: "Default";
12
+ readonly cssPath: any;
13
+ readonly fontUrl: "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
14
+ readonly colors: ["bg-gray-100 dark:bg-gray-700", "bg-blue-50 dark:bg-blue-900", "bg-blue-200 dark:bg-blue-800", "bg-blue-700 dark:bg-blue-700"];
15
+ }, {
16
+ readonly id: "minimal";
17
+ readonly name: "Minimal";
18
+ readonly cssPath: any;
19
+ readonly fontUrl: "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";
20
+ readonly colors: ["bg-stone-50 dark:bg-stone-600", "bg-stone-100 dark:bg-stone-700", "bg-stone-300 dark:bg-stone-800", "bg-stone-900 dark:bg-stone-900"];
21
+ }, {
22
+ readonly id: "enterprise";
23
+ readonly name: "Enterprise";
24
+ readonly cssPath: any;
25
+ readonly fontUrl: "https://fonts.googleapis.com/css2?family=STIX+Two+Text:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap";
26
+ readonly colors: ["bg-zinc-100 dark:bg-zinc-700", "bg-cyan-50 dark:bg-cyan-900", "bg-cyan-100 dark:bg-cyan-800", "bg-cyan-700 dark:bg-cyan-700"];
27
+ }, {
28
+ readonly id: "playful";
29
+ readonly name: "Playful";
30
+ readonly cssPath: any;
31
+ readonly fontUrl: "https://fonts.googleapis.com/css2?family=Shantell+Sans:ital,wght@0,300..800;1,300..800&display=swap";
32
+ readonly colors: ["bg-slate-100 dark:bg-slate-700", "bg-pink-50 dark:bg-pink-900", "bg-pink-100 dark:bg-pink-800", "bg-pink-700 dark:bg-pink-700"];
33
+ }, {
34
+ readonly id: "mono";
35
+ readonly name: "Mono";
36
+ readonly cssPath: any;
37
+ readonly fontUrl: "https://fonts.googleapis.com/css2?family=Google+Sans+Code:wght@300;400;500;600;700&display=swap";
38
+ readonly colors: ["bg-neutral-100 dark:bg-neutral-700", "bg-indigo-50 dark:bg-indigo-900", "bg-indigo-100 dark:bg-indigo-800", "bg-indigo-700 dark:bg-indigo-700"];
39
+ }];
@@ -0,0 +1,43 @@
1
+ // Import CSS files as URLs - Vite will process these and give us the actual URLs
2
+ import defaultCss from "./themes/default-runtime.css?url";
3
+ import minimalCss from "./themes/minimal-runtime.css?url";
4
+ import enterpriseCss from "./themes/enterprise-runtime.css?url";
5
+ import playfulCss from "./themes/playful-runtime.css?url";
6
+ import monoCss from "./themes/mono-runtime.css?url";
7
+ export const themeConfigs = [
8
+ {
9
+ id: "default",
10
+ name: "Default",
11
+ cssPath: defaultCss, // Now this is a real URL
12
+ fontUrl: "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap",
13
+ colors: ["bg-gray-100 dark:bg-gray-700", "bg-blue-50 dark:bg-blue-900", "bg-blue-200 dark:bg-blue-800", "bg-blue-700 dark:bg-blue-700"]
14
+ },
15
+ {
16
+ id: "minimal",
17
+ name: "Minimal",
18
+ cssPath: minimalCss, // Now this is a real URL
19
+ fontUrl: "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap",
20
+ colors: ["bg-stone-50 dark:bg-stone-600", "bg-stone-100 dark:bg-stone-700", "bg-stone-300 dark:bg-stone-800", "bg-stone-900 dark:bg-stone-900"]
21
+ },
22
+ {
23
+ id: "enterprise",
24
+ name: "Enterprise",
25
+ cssPath: enterpriseCss, // Now this is a real URL
26
+ fontUrl: "https://fonts.googleapis.com/css2?family=STIX+Two+Text:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap",
27
+ colors: ["bg-zinc-100 dark:bg-zinc-700", "bg-cyan-50 dark:bg-cyan-900", "bg-cyan-100 dark:bg-cyan-800", "bg-cyan-700 dark:bg-cyan-700"]
28
+ },
29
+ {
30
+ id: "playful",
31
+ name: "Playful",
32
+ cssPath: playfulCss, // Now this is a real URL
33
+ fontUrl: "https://fonts.googleapis.com/css2?family=Shantell+Sans:ital,wght@0,300..800;1,300..800&display=swap",
34
+ colors: ["bg-slate-100 dark:bg-slate-700", "bg-pink-50 dark:bg-pink-900", "bg-pink-100 dark:bg-pink-800", "bg-pink-700 dark:bg-pink-700"]
35
+ },
36
+ {
37
+ id: "mono",
38
+ name: "Mono",
39
+ cssPath: monoCss, // Now this is a real URL
40
+ fontUrl: "https://fonts.googleapis.com/css2?family=Google+Sans+Code:wght@300;400;500;600;700&display=swap",
41
+ colors: ["bg-neutral-100 dark:bg-neutral-700", "bg-indigo-50 dark:bg-indigo-900", "bg-indigo-100 dark:bg-indigo-800", "bg-indigo-700 dark:bg-indigo-700"]
42
+ }
43
+ ];
@@ -2,7 +2,7 @@
2
2
  import clsx from "clsx";
3
3
  import { activity } from "./theme";
4
4
  import type { ActivityProps } from "../types";
5
- import { getTheme } from "../theme/themeUtils";
5
+ import { getTheme } from "../theme-provider/themeUtils";
6
6
 
7
7
  let { children, class: className, ...restProps }: ActivityProps = $props();
8
8
 
@@ -17,7 +17,7 @@
17
17
  @component
18
18
  [Go to docs](https://flowbite-svelte.com/)
19
19
  ## Type
20
- [ActivityProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1745)
20
+ [ActivityProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1756)
21
21
  ## Props
22
22
  @prop children
23
23
  @prop class: className
@@ -2,7 +2,7 @@ import type { ActivityProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ActivityProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1745)
5
+ * [ActivityProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1756)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -2,7 +2,7 @@
2
2
  import { activityItem } from "./theme";
3
3
  import type { ActivityItemProps } from "../types";
4
4
  import clsx from "clsx";
5
- import { getTheme } from "../theme/themeUtils";
5
+ import { getTheme } from "../theme-provider/themeUtils";
6
6
 
7
7
  let { activities, class: className, classes, ...restProps }: ActivityItemProps = $props();
8
8
 
@@ -38,7 +38,7 @@
38
38
  @component
39
39
  [Go to docs](https://flowbite-svelte.com/)
40
40
  ## Type
41
- [ActivityItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1749)
41
+ [ActivityItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1760)
42
42
  ## Props
43
43
  @prop activities
44
44
  @prop class: className
@@ -2,7 +2,7 @@ import type { ActivityItemProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ActivityItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1749)
5
+ * [ActivityItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1760)
6
6
  * ## Props
7
7
  * @prop activities
8
8
  * @prop class: className
@@ -2,7 +2,7 @@
2
2
  import { group } from "./theme";
3
3
  import type { GroupProps } from "../types";
4
4
  import clsx from "clsx";
5
- import { getTheme } from "../theme/themeUtils";
5
+ import { getTheme } from "../theme-provider/themeUtils";
6
6
 
7
7
  let { children, date, class: className, classes, ...restProps }: GroupProps = $props();
8
8
 
@@ -24,7 +24,7 @@
24
24
  @component
25
25
  [Go to docs](https://flowbite-svelte.com/)
26
26
  ## Type
27
- [GroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1753)
27
+ [GroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1764)
28
28
  ## Props
29
29
  @prop children
30
30
  @prop date
@@ -2,7 +2,7 @@ import type { GroupProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [GroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1753)
5
+ * [GroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1764)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop date
@@ -2,7 +2,7 @@
2
2
  import { groupItem } from "./theme";
3
3
  import type { GroupItemProps } from "../types";
4
4
  import clsx from "clsx";
5
- import { getTheme } from "../theme/themeUtils";
5
+ import { getTheme } from "../theme-provider/themeUtils";
6
6
 
7
7
  let { timelines, class: className, classes, ...restProps }: GroupItemProps = $props();
8
8
 
@@ -56,7 +56,7 @@
56
56
  @component
57
57
  [Go to docs](https://flowbite-svelte.com/)
58
58
  ## Type
59
- [GroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1758)
59
+ [GroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1769)
60
60
  ## Props
61
61
  @prop timelines
62
62
  @prop class: className
@@ -2,7 +2,7 @@ import type { GroupItemProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [GroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1758)
5
+ * [GroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1769)
6
6
  * ## Props
7
7
  * @prop timelines
8
8
  * @prop class: className
@@ -3,7 +3,7 @@
3
3
  import { timeline, type TimelineVariants } from "./theme";
4
4
  import clsx from "clsx";
5
5
  import type { TimelineProps } from "../types";
6
- import { getTheme } from "../theme/themeUtils";
6
+ import { getTheme } from "../theme-provider/themeUtils";
7
7
 
8
8
  let { children, order = "default", class: className, ...restProps }: TimelineProps = $props();
9
9
 
@@ -21,7 +21,7 @@
21
21
  @component
22
22
  [Go to docs](https://flowbite-svelte.com/)
23
23
  ## Type
24
- [TimelineProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1774)
24
+ [TimelineProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1785)
25
25
  ## Props
26
26
  @prop children
27
27
  @prop order = "default"
@@ -2,7 +2,7 @@ import type { TimelineProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TimelineProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1774)
5
+ * [TimelineProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1785)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop order = "default"
@@ -3,7 +3,7 @@
3
3
  import { timelineItem, type TimelineVariants } from "./theme";
4
4
  import type { TimelineItemProps, DateFormat } from "../types";
5
5
  import clsx from "clsx";
6
- import { getTheme } from "../theme/themeUtils";
6
+ import { getTheme } from "../theme-provider/themeUtils";
7
7
 
8
8
  let { children, orientationSlot, title, date, dateFormat = "month-year", color = "primary", isLast = false, datePrefix, class: className, classes, ...restProps }: TimelineItemProps = $props();
9
9
 
@@ -93,7 +93,7 @@
93
93
  @component
94
94
  [Go to docs](https://flowbite-svelte.com/)
95
95
  ## Type
96
- [TimelineItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1781)
96
+ [TimelineItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1792)
97
97
  ## Props
98
98
  @prop children
99
99
  @prop orientationSlot
@@ -2,7 +2,7 @@ import type { TimelineItemProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TimelineItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1781)
5
+ * [TimelineItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1792)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop orientationSlot
@@ -1,5 +1,5 @@
1
1
  import { type VariantProps } from "tailwind-variants";
2
- import type { Classes } from "../theme/themeUtils";
2
+ import type { Classes } from "../theme-provider/themeUtils";
3
3
  export type TimelineVariants = VariantProps<typeof timeline>;
4
4
  export type ActivityItemVariants = VariantProps<typeof activityItem> & Classes<typeof activityItem>;
5
5
  export type GroupVariants = VariantProps<typeof group> & Classes<typeof group>;
@@ -10,8 +10,8 @@ export declare const activityItem: import("tailwind-variants").TVReturnType<{
10
10
  [key: string]: {
11
11
  [key: string]: import("tailwind-merge").ClassNameValue | {
12
12
  title?: import("tailwind-merge").ClassNameValue;
13
- span?: import("tailwind-merge").ClassNameValue;
14
13
  img?: import("tailwind-merge").ClassNameValue;
14
+ span?: import("tailwind-merge").ClassNameValue;
15
15
  li?: import("tailwind-merge").ClassNameValue;
16
16
  time?: import("tailwind-merge").ClassNameValue;
17
17
  text?: import("tailwind-merge").ClassNameValue;
@@ -23,8 +23,8 @@ export declare const activityItem: import("tailwind-variants").TVReturnType<{
23
23
  [x: string]: {
24
24
  [x: string]: import("tailwind-merge").ClassNameValue | {
25
25
  title?: import("tailwind-merge").ClassNameValue;
26
- span?: import("tailwind-merge").ClassNameValue;
27
26
  img?: import("tailwind-merge").ClassNameValue;
27
+ span?: import("tailwind-merge").ClassNameValue;
28
28
  li?: import("tailwind-merge").ClassNameValue;
29
29
  time?: import("tailwind-merge").ClassNameValue;
30
30
  text?: import("tailwind-merge").ClassNameValue;
@@ -45,8 +45,8 @@ export declare const activityItem: import("tailwind-variants").TVReturnType<{
45
45
  [key: string]: {
46
46
  [key: string]: import("tailwind-merge").ClassNameValue | {
47
47
  title?: import("tailwind-merge").ClassNameValue;
48
- span?: import("tailwind-merge").ClassNameValue;
49
48
  img?: import("tailwind-merge").ClassNameValue;
49
+ span?: import("tailwind-merge").ClassNameValue;
50
50
  li?: import("tailwind-merge").ClassNameValue;
51
51
  time?: import("tailwind-merge").ClassNameValue;
52
52
  text?: import("tailwind-merge").ClassNameValue;
@@ -116,10 +116,10 @@ export declare const groupItem: import("tailwind-variants").TVReturnType<{
116
116
  base?: import("tailwind-merge").ClassNameValue;
117
117
  svg?: import("tailwind-merge").ClassNameValue;
118
118
  title?: import("tailwind-merge").ClassNameValue;
119
+ img?: import("tailwind-merge").ClassNameValue;
119
120
  span?: import("tailwind-merge").ClassNameValue;
120
121
  a?: import("tailwind-merge").ClassNameValue;
121
122
  div?: import("tailwind-merge").ClassNameValue;
122
- img?: import("tailwind-merge").ClassNameValue;
123
123
  };
124
124
  };
125
125
  } | {
@@ -128,10 +128,10 @@ export declare const groupItem: import("tailwind-variants").TVReturnType<{
128
128
  base?: import("tailwind-merge").ClassNameValue;
129
129
  svg?: import("tailwind-merge").ClassNameValue;
130
130
  title?: import("tailwind-merge").ClassNameValue;
131
+ img?: import("tailwind-merge").ClassNameValue;
131
132
  span?: import("tailwind-merge").ClassNameValue;
132
133
  a?: import("tailwind-merge").ClassNameValue;
133
134
  div?: import("tailwind-merge").ClassNameValue;
134
- img?: import("tailwind-merge").ClassNameValue;
135
135
  };
136
136
  };
137
137
  } | {}, {
@@ -148,10 +148,10 @@ export declare const groupItem: import("tailwind-variants").TVReturnType<{
148
148
  base?: import("tailwind-merge").ClassNameValue;
149
149
  svg?: import("tailwind-merge").ClassNameValue;
150
150
  title?: import("tailwind-merge").ClassNameValue;
151
+ img?: import("tailwind-merge").ClassNameValue;
151
152
  span?: import("tailwind-merge").ClassNameValue;
152
153
  a?: import("tailwind-merge").ClassNameValue;
153
154
  div?: import("tailwind-merge").ClassNameValue;
154
- img?: import("tailwind-merge").ClassNameValue;
155
155
  };
156
156
  };
157
157
  } | {}, {
@@ -3,8 +3,9 @@
3
3
  import type { ParamsType, ToastProps } from "../types";
4
4
  import { toast } from "./theme";
5
5
  import { fly } from "svelte/transition";
6
+ import { prefersReducedMotion } from "svelte/motion";
6
7
  import clsx from "clsx";
7
- import { getTheme } from "../theme/themeUtils";
8
+ import { getTheme } from "../theme-provider/themeUtils";
8
9
  import { createDismissableContext } from "../utils/dismissable";
9
10
 
10
11
  let {
@@ -19,6 +20,7 @@
19
20
  transition = fly,
20
21
  class: className,
21
22
  classes,
23
+ closeButtonProps,
22
24
  ...restProps
23
25
  }: ToastProps = $props();
24
26
 
@@ -28,6 +30,12 @@
28
30
 
29
31
  const { base, icon: iconVariants, content, close } = $derived(toast({ color, position, align }));
30
32
 
33
+ // Check if running in browser to avoid SSR issues
34
+ const isBrowser = typeof window !== "undefined";
35
+
36
+ // Respect reduced motion preference by setting duration to 0
37
+ const effectiveParams = $derived(isBrowser && prefersReducedMotion.current ? { ...params, duration: 0 } : params);
38
+
31
39
  let ref: HTMLDivElement | undefined = $state(undefined);
32
40
 
33
41
  function _close() {
@@ -37,10 +45,20 @@
37
45
  }
38
46
 
39
47
  createDismissableContext(_close);
48
+
49
+ const finalCloseProps = $derived({
50
+ class: close({ class: clsx(theme?.close, styling?.close) }),
51
+ color: closeButtonProps?.color ?? "gray",
52
+ ariaLabel: closeButtonProps?.ariaLabel ?? "Remove toast",
53
+ size: closeButtonProps?.size,
54
+ classes: closeButtonProps?.classes,
55
+ name: closeButtonProps?.name,
56
+ onclick: closeButtonProps?.onclick
57
+ });
40
58
  </script>
41
59
 
42
60
  {#if toastStatus}
43
- <div role="alert" bind:this={ref} transition:transition={params as ParamsType} {...restProps} class={base({ class: clsx(theme?.base, className) })}>
61
+ <div role="alert" bind:this={ref} transition:transition={effectiveParams as ParamsType} {...restProps} class={base({ class: clsx(theme?.base, className) })}>
44
62
  {#if icon}
45
63
  <div class={iconVariants({ class: clsx(theme?.icon, styling?.icon) })}>
46
64
  {@render icon()}
@@ -52,7 +70,7 @@
52
70
  </div>
53
71
 
54
72
  {#if dismissable}
55
- <CloseButton class={close({ class: clsx(theme?.close, styling?.close) })} ariaLabel="Remove toast" {color} />
73
+ <CloseButton {...finalCloseProps} />
56
74
  {/if}
57
75
  </div>
58
76
  {/if}
@@ -61,7 +79,7 @@
61
79
  @component
62
80
  [Go to docs](https://flowbite-svelte.com/)
63
81
  ## Type
64
- [ToastProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1793)
82
+ [ToastProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1804)
65
83
  ## Props
66
84
  @prop children
67
85
  @prop icon
@@ -74,5 +92,6 @@
74
92
  @prop transition = fly
75
93
  @prop class: className
76
94
  @prop classes
95
+ @prop closeButtonProps
77
96
  @prop ...restProps
78
97
  -->
@@ -2,7 +2,7 @@ import type { ToastProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ToastProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1793)
5
+ * [ToastProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1804)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop icon
@@ -15,6 +15,7 @@ import type { ToastProps } from "../types";
15
15
  * @prop transition = fly
16
16
  * @prop class: className
17
17
  * @prop classes
18
+ * @prop closeButtonProps
18
19
  * @prop ...restProps
19
20
  */
20
21
  declare const Toast: import("svelte").Component<ToastProps, {}, "toastStatus">;
@@ -2,7 +2,7 @@
2
2
  import type { ToastContainerProps } from "../types";
3
3
  import clsx from "clsx";
4
4
  import { toastContainer } from "./theme";
5
- import { getTheme } from "../theme/themeUtils";
5
+ import { getTheme } from "../theme-provider/themeUtils";
6
6
 
7
7
  let { children, position = "top-right", class: className, ...restProps }: ToastContainerProps = $props();
8
8
 
@@ -26,7 +26,7 @@
26
26
  @component
27
27
  [Go to docs](https://flowbite-svelte.com/)
28
28
  ## Type
29
- [ToastContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1806)
29
+ [ToastContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1818)
30
30
  ## Props
31
31
  @prop children
32
32
  @prop position = "top-right"
@@ -2,7 +2,7 @@ import type { ToastContainerProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ToastContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1806)
5
+ * [ToastContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1818)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop position = "top-right"
@@ -1,5 +1,5 @@
1
1
  import { type VariantProps } from "tailwind-variants";
2
- import type { Classes } from "../theme/themeUtils";
2
+ import type { Classes } from "../theme-provider/themeUtils";
3
3
  export type ToastVaraints = VariantProps<typeof toast> & Classes<typeof toast>;
4
4
  export declare const toast: import("tailwind-variants").TVReturnType<{
5
5
  position: {
@@ -1,5 +1,5 @@
1
1
  <script lang="ts">
2
- import { getTheme } from "../theme/themeUtils";
2
+ import { getTheme } from "../theme-provider/themeUtils";
3
3
  import type { ToolbarProps } from "../types";
4
4
  import clsx from "clsx";
5
5
  import { setToolbarContext } from "../context";
@@ -52,7 +52,7 @@
52
52
  @component
53
53
  [Go to docs](https://flowbite-svelte.com/)
54
54
  ## Type
55
- [ToolbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1115)
55
+ [ToolbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1126)
56
56
  ## Props
57
57
  @prop children
58
58
  @prop end
@@ -2,7 +2,7 @@ import type { ToolbarProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ToolbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1115)
5
+ * [ToolbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1126)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop end
@@ -2,7 +2,7 @@
2
2
  import { toolbarButton } from "./theme";
3
3
  import type { ToolbarButtonProps } from "../types";
4
4
  import clsx from "clsx";
5
- import { getTheme } from "../theme/themeUtils";
5
+ import { getTheme } from "../theme-provider/themeUtils";
6
6
 
7
7
  let { children, color, name, "aria-label": ariaLabel, "aria-expanded": ariaExpanded, size, class: className, ...restProps }: ToolbarButtonProps = $props();
8
8
 
@@ -34,7 +34,7 @@
34
34
  @component
35
35
  [Go to docs](https://flowbite-svelte.com/)
36
36
  ## Type
37
- [ToolbarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1121)
37
+ [ToolbarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1132)
38
38
  ## Props
39
39
  @prop children
40
40
  @prop color
@@ -2,7 +2,7 @@ import type { ToolbarButtonProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ToolbarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1121)
5
+ * [ToolbarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1132)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop color
@@ -1,5 +1,5 @@
1
1
  <script lang="ts">
2
- import { getTheme } from "../theme/themeUtils";
2
+ import { getTheme } from "../theme-provider/themeUtils";
3
3
  import type { ToolbarGroupProps } from "../types";
4
4
  import clsx from "clsx";
5
5
  import { getToolbarContext } from "../context";
@@ -24,7 +24,7 @@
24
24
  @component
25
25
  [Go to docs](https://flowbite-svelte.com/)
26
26
  ## Type
27
- [ToolbarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1119)
27
+ [ToolbarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1130)
28
28
  ## Props
29
29
  @prop children
30
30
  @prop spacing
@@ -2,7 +2,7 @@ import type { ToolbarGroupProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ToolbarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1119)
5
+ * [ToolbarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1130)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop spacing
@@ -1,5 +1,5 @@
1
1
  import { type VariantProps } from "tailwind-variants";
2
- import type { Classes } from "../theme/themeUtils";
2
+ import type { Classes } from "../theme-provider/themeUtils";
3
3
  export type ToolbarVariants = VariantProps<typeof toolbar> & Classes<typeof toolbar>;
4
4
  export type ToolbarGroupVariants = VariantProps<typeof toolbarGroup>;
5
5
  export declare const toolbar: import("tailwind-variants").TVReturnType<{
@@ -8,7 +8,7 @@ export const toolbar = tv({
8
8
  embedded: {
9
9
  true: {},
10
10
  false: {
11
- base: "py-2 px-3 rounded-lg dark:border"
11
+ base: "py-2 px-3 rounded-base dark:border"
12
12
  }
13
13
  },
14
14
  color: {
@@ -36,7 +36,7 @@
36
36
  @component
37
37
  [Go to docs](https://flowbite-svelte.com/)
38
38
  ## Type
39
- [TooltipProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1813)
39
+ [TooltipProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1825)
40
40
  ## Props
41
41
  @prop type = "dark"
42
42
  @prop color = undefined
@@ -2,7 +2,7 @@ import type { TooltipProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TooltipProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1813)
5
+ * [TooltipProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1825)
6
6
  * ## Props
7
7
  * @prop type = "dark"
8
8
  * @prop color = undefined