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
@@ -4,7 +4,7 @@
4
4
  import type { VariantProps } from "tailwind-variants";
5
5
  import clsx from "clsx";
6
6
  import type { ButtonToggleProps } from "../..";
7
- import { getTheme } from "../../theme/themeUtils";
7
+ import { getTheme } from "../../theme-provider/themeUtils";
8
8
  import { getButtonToggleContext } from "../../context";
9
9
 
10
10
  let { value, selected = false, children, iconSlot, color, class: className, classes, ...restProps }: ButtonToggleProps = $props();
@@ -74,7 +74,7 @@
74
74
  @component
75
75
  [Go to docs](https://flowbite-svelte.com/)
76
76
  ## Type
77
- [ButtonToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L441)
77
+ [ButtonToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L448)
78
78
  ## Props
79
79
  @prop value
80
80
  @prop selected = false
@@ -2,7 +2,7 @@ import type { ButtonToggleProps } from "../..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ButtonToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L441)
5
+ * [ButtonToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L448)
6
6
  * ## Props
7
7
  * @prop value
8
8
  * @prop selected = false
@@ -2,7 +2,7 @@
2
2
  import clsx from "clsx";
3
3
  import type { ButtonToggleGroupProps, ButtonToggleContextType } from "../..";
4
4
  import { buttonToggleGroup } from "./theme";
5
- import { getTheme } from "../../theme/themeUtils";
5
+ import { getTheme } from "../../theme-provider/themeUtils";
6
6
  import { setButtonToggleContext } from "../../context";
7
7
 
8
8
  let {
@@ -24,7 +24,7 @@
24
24
  @component
25
25
  [Go to docs](https://flowbite-svelte.com/)
26
26
  ## Type
27
- [CheckIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L455)
27
+ [CheckIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L462)
28
28
  ## Props
29
29
  @prop class: className
30
30
  @prop ...restProps
@@ -2,7 +2,7 @@ import type { CheckIconProps } from "../..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [CheckIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L455)
5
+ * [CheckIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L462)
6
6
  * ## Props
7
7
  * @prop class: className
8
8
  * @prop ...restProps
@@ -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 declare const buttonToggleGroup: import("tailwind-variants").TVReturnType<{
4
4
  roundedSize: {
5
5
  sm: string;
@@ -1,9 +1,9 @@
1
1
  <script lang="ts">
2
- import { Badge, Modal } from "..";
2
+ import { Badge, Modal } from "../..";
3
3
  import { formatDistanceToNow } from "date-fns";
4
4
  import { clipboardManager } from "./theme";
5
- import type { ClipboardItem, ClipboardManagerProps } from "../types";
6
- import { getTheme } from "../theme/themeUtils";
5
+ import type { ClipboardItem, ClipboardManagerProps } from "../../types";
6
+ import { getTheme } from "../../theme-provider/themeUtils";
7
7
  import clsx from "clsx";
8
8
 
9
9
  let {
@@ -25,7 +25,7 @@
25
25
  children,
26
26
  emptyState,
27
27
  open = $bindable(), // If undefined, renders inline; if defined, renders as modal
28
- badgeProps = { color: "blue", class: "text-xs" },
28
+ badgeProps = { color: "brand", class: "text-xs" },
29
29
  modalProps,
30
30
  detectSensitiveData
31
31
  }: ClipboardManagerProps = $props();
@@ -1,4 +1,4 @@
1
- import type { ClipboardManagerProps } from "../types";
1
+ import type { ClipboardManagerProps } from "../../types";
2
2
  declare const ClipboardManager: import("svelte").Component<ClipboardManagerProps, {}, "open">;
3
3
  type ClipboardManager = ReturnType<typeof ClipboardManager>;
4
4
  export default ClipboardManager;
@@ -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 ClipboardManagerVariants = VariantProps<typeof clipboardManager> & Classes<typeof clipboardManager>;
4
4
  export declare const clipboardManager: import("tailwind-variants").TVReturnType<{
5
5
  pinned: {
@@ -1,8 +1,8 @@
1
1
  <script lang="ts">
2
- import Dialog from "../dialog/Dialog.svelte";
3
- import Search from "../forms/search/Search.svelte";
4
- import { getTheme } from "../theme/themeUtils";
5
- import type { CommandItem, CommandPaletteProps } from "../types";
2
+ import Dialog from "../../dialog/Dialog.svelte";
3
+ import Search from "../../forms/search/Search.svelte";
4
+ import { getTheme } from "../../theme-provider/themeUtils";
5
+ import type { CommandItem, CommandPaletteProps } from "../../types";
6
6
  import clsx from "clsx";
7
7
  import { commandPalette } from "./theme";
8
8
 
@@ -194,7 +194,7 @@
194
194
  @component
195
195
  [Go to docs](https://flowbite-svelte.com/)
196
196
  ## Type
197
- [CommandPaletteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2119)
197
+ [CommandPaletteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2131)
198
198
  ## Props
199
199
  @prop open = $bindable(false)
200
200
  @prop items = []
@@ -1,8 +1,8 @@
1
- import type { CommandPaletteProps } from "../types";
1
+ import type { CommandPaletteProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [CommandPaletteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2119)
5
+ * [CommandPaletteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2131)
6
6
  * ## Props
7
7
  * @prop open = $bindable(false)
8
8
  * @prop items = []
@@ -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 CommandPaletteVariants = VariantProps<typeof commandPalette> & Classes<typeof commandPalette>;
4
4
  export declare const commandPalette: import("tailwind-variants").TVReturnType<{
5
5
  selected: {
@@ -1,8 +1,8 @@
1
1
  <script lang="ts">
2
- import type { KanbanBoardProps, KanbanCardType, KanbanColumnType } from "../types";
2
+ import type { KanbanBoardProps, KanbanCardType, KanbanColumnType } from "../../types";
3
3
  import clsx from "clsx";
4
4
  import { kanbanBoard } from "./theme";
5
- import { getTheme } from "../theme/themeUtils";
5
+ import { getTheme } from "../../theme-provider/themeUtils";
6
6
  import KanbanCard from "./KanbanCard.svelte";
7
7
 
8
8
  let {
@@ -1,4 +1,4 @@
1
- import type { KanbanBoardProps } from "../types";
1
+ import type { KanbanBoardProps } from "../../types";
2
2
  declare const KanbanBoard: import("svelte").Component<KanbanBoardProps, {}, "columns">;
3
3
  type KanbanBoard = ReturnType<typeof KanbanBoard>;
4
4
  export default KanbanBoard;
@@ -1,8 +1,8 @@
1
1
  <script lang="ts">
2
2
  import clsx from "clsx";
3
- import type { KanbanCardProps } from "../types";
3
+ import type { KanbanCardProps } from "../../types";
4
4
  import { kanbanCard } from "./theme";
5
- import { getTheme } from "../theme/themeUtils";
5
+ import { getTheme } from "../../theme-provider/themeUtils";
6
6
 
7
7
  let { card, isDragging = false, onDragStart, onDragEnd, classes, ...restProps }: KanbanCardProps = $props();
8
8
 
@@ -47,7 +47,7 @@
47
47
  @component
48
48
  [Go to docs](https://flowbite-svelte.com/)
49
49
  ## Type
50
- [KanbanCardProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2036)
50
+ [KanbanCardProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2048)
51
51
  ## Props
52
52
  @prop card
53
53
  @prop isDragging = false
@@ -1,8 +1,8 @@
1
- import type { KanbanCardProps } from "../types";
1
+ import type { KanbanCardProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [KanbanCardProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2036)
5
+ * [KanbanCardProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2048)
6
6
  * ## Props
7
7
  * @prop card
8
8
  * @prop isDragging = false
@@ -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 KanbanBoardVariants = VariantProps<typeof kanbanBoard> & Classes<typeof kanbanBoard>;
4
4
  export type KanbanCardVariants = VariantProps<typeof kanbanCard> & Classes<typeof kanbanCard>;
5
5
  export declare const kanbanBoard: import("tailwind-variants").TVReturnType<{
@@ -1,7 +1,7 @@
1
1
  <script lang="ts">
2
2
  import { scrollspy } from "./theme";
3
- import type { ScrollSpyProps } from "../types";
4
- import { getTheme } from "../theme/themeUtils";
3
+ import type { ScrollSpyProps } from "../../types";
4
+ import { getTheme } from "../../theme-provider/themeUtils";
5
5
  import clsx from "clsx";
6
6
 
7
7
  let {
@@ -258,7 +258,7 @@
258
258
  @component
259
259
  [Go to docs](https://flowbite-svelte.com/)
260
260
  ## Type
261
- [ScrollSpyProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2134)
261
+ [ScrollSpyProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2146)
262
262
  ## Props
263
263
  @prop items
264
264
  @prop position = "top"
@@ -1,8 +1,8 @@
1
- import type { ScrollSpyProps } from "../types";
1
+ import type { ScrollSpyProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ScrollSpyProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2134)
5
+ * [ScrollSpyProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2146)
6
6
  * ## Props
7
7
  * @prop items
8
8
  * @prop position = "top"
@@ -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 ScrollSpyVariants = VariantProps<typeof scrollspy> & Classes<typeof scrollspy>;
4
4
  export declare const scrollspy: import("tailwind-variants").TVReturnType<{
5
5
  position: {
@@ -1,9 +1,9 @@
1
1
  <script lang="ts">
2
- import type { DividerProps } from "../types";
2
+ import type { DividerProps } from "../../types";
3
3
  import { divider, dividerHitArea } from "./theme";
4
- import { getTheme } from "../theme/themeUtils";
4
+ import { getTheme } from "../../theme-provider/themeUtils";
5
5
  import clsx from "clsx";
6
- import { nonPassiveTouch } from "../utils/nonPassiveTouch";
6
+ import { nonPassiveTouch } from "../../utils/nonPassiveTouch";
7
7
 
8
8
  let { direction, index, onMouseDown, onTouchStart, onKeyDown, isDragging, currentSize, class: className = "" }: DividerProps = $props();
9
9
 
@@ -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#L2065)
40
+ [DividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2077)
41
41
  ## Props
42
42
  @prop direction
43
43
  @prop index
@@ -1,8 +1,8 @@
1
- import type { DividerProps } from "../types";
1
+ 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#L2065)
5
+ * [DividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2077)
6
6
  * ## Props
7
7
  * @prop direction
8
8
  * @prop index
@@ -1,9 +1,9 @@
1
1
  <script lang="ts">
2
- import type { PaneProps } from "../types";
3
- import { getSplitPaneContext } from "../context";
2
+ import type { PaneProps } from "../../types";
3
+ import { getSplitPaneContext } from "../../context";
4
4
  import Divider from "./Divider.svelte";
5
5
  import { pane } from "./theme";
6
- import { getTheme } from "../theme/themeUtils";
6
+ import { getTheme } from "../../theme-provider/themeUtils";
7
7
  import clsx from "clsx";
8
8
 
9
9
  let { children, class: className = "", style = "" }: PaneProps = $props();
@@ -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#L2059)
50
+ [PaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2071)
51
51
  ## Props
52
52
  @prop children
53
53
  @prop class: className = ""
@@ -1,8 +1,8 @@
1
- import type { PaneProps } from "../types";
1
+ 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#L2059)
5
+ * [PaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2071)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className = ""
@@ -1,8 +1,8 @@
1
1
  <script lang="ts">
2
- import type { SplitPaneProps } from "../types";
3
- import { setSplitPaneContext } from "../context";
2
+ import type { SplitPaneProps } from "../../types";
3
+ import { setSplitPaneContext } from "../../context";
4
4
  import { splitpane } from "./theme";
5
- import { getTheme } from "../theme/themeUtils";
5
+ import { getTheme } from "../../theme-provider/themeUtils";
6
6
  import clsx from "clsx";
7
7
 
8
8
  let {
@@ -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#L2045)
388
+ [SplitPaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2057)
389
389
  ## Props
390
390
  @prop direction = "horizontal"
391
391
  @prop minSize = 100
@@ -1,8 +1,8 @@
1
- import type { SplitPaneProps } from "../types";
1
+ 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#L2045)
5
+ * [SplitPaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2057)
6
6
  * ## Props
7
7
  * @prop direction = "horizontal"
8
8
  * @prop minSize = 100
@@ -1,8 +1,8 @@
1
1
  <script lang="ts">
2
2
  import clsx from "clsx";
3
- import type { StepIndicatorProps } from "../types";
3
+ import type { StepIndicatorProps } from "../../types";
4
4
  import { stepIndicator, getStepStateClasses, type StepIndicatorTheme } from "./theme";
5
- import { getTheme } from "../theme/themeUtils";
5
+ import { getTheme } from "../../theme-provider/themeUtils";
6
6
 
7
7
  let {
8
8
  steps = ["Step 1", "Step 2", "Step 3", "Step 4", "Step 5"],
@@ -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#L1479)
119
+ [StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1490)
120
120
  ## Props
121
121
  @prop steps = ["Step 1", "Step 2", "Step 3", "Step 4", "Step 5"]
122
122
  @prop currentStep = $bindable(1)
@@ -1,8 +1,8 @@
1
- import type { StepIndicatorProps } from "../types";
1
+ 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#L1479)
5
+ * [StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1490)
6
6
  * ## Props
7
7
  * @prop steps = ["Step 1", "Step 2", "Step 3", "Step 4", "Step 5"]
8
8
  * @prop currentStep = $bindable(1)
@@ -1,6 +1,6 @@
1
1
  import { type VariantProps } from "tailwind-variants";
2
2
  import type { ClassValue } from "svelte/elements";
3
- import type { Classes } from "../theme/themeUtils";
3
+ import type { Classes } from "../../theme-provider/themeUtils";
4
4
  export type StepIndicatorVariants = VariantProps<typeof stepIndicator> & Classes<typeof stepIndicator>;
5
5
  export type StepIndicatorSlots = keyof typeof stepIndicator.slots;
6
6
  export type StepIndicatorTheme = Partial<Record<StepIndicatorSlots, ClassValue>>;
@@ -4,7 +4,7 @@
4
4
  import P from "../../typography/paragraph/P.svelte";
5
5
  import CloseButton from "../../utils/CloseButton.svelte";
6
6
  import { tags } from "./theme";
7
- import { getTheme } from "../../theme/themeUtils";
7
+ import { getTheme } from "../../theme-provider/themeUtils";
8
8
  import { computePosition, offset, flip, shift, autoUpdate } from "@floating-ui/dom";
9
9
  import { onDestroy } from "svelte";
10
10
 
@@ -13,7 +13,6 @@
13
13
  placeholder = "Enter tags",
14
14
  class: className,
15
15
  classes,
16
- closeBtnSize = "xs",
17
16
  unique = false,
18
17
  availableTags = [],
19
18
  showHelper = false,
@@ -21,6 +20,7 @@
21
20
  allowNewTags = true,
22
21
  inputProps = {},
23
22
  disabled,
23
+ closeButtonProps,
24
24
  ...restProps
25
25
  }: TagsProps = $props();
26
26
 
@@ -131,6 +131,17 @@
131
131
  onDestroy(() => {
132
132
  cleanupFloating?.();
133
133
  });
134
+
135
+ const finalCloseProps = (index: number) => ({
136
+ class: close({ class: clsx(theme?.close, styling?.close, closeButtonProps?.class) }),
137
+ color: closeButtonProps?.color ?? "gray",
138
+ ariaLabel: closeButtonProps?.ariaLabel ?? "Remove tag",
139
+ disabled,
140
+ size: closeButtonProps?.size ?? "xs",
141
+ classes: closeButtonProps?.classes,
142
+ name: closeButtonProps?.name,
143
+ onclick: closeButtonProps?.onclick ?? (() => deleteField(index))
144
+ });
134
145
  </script>
135
146
 
136
147
  <svelte:window />
@@ -162,7 +173,7 @@
162
173
  <span class={spanCls({ class: clsx(theme?.span, styling?.span) })}>
163
174
  {tag}
164
175
  </span>
165
- <CloseButton {disabled} size={closeBtnSize} class={close({ class: clsx(theme?.close, styling?.close) })} onclick={() => deleteField(index)} />
176
+ <CloseButton {...finalCloseProps(index)} />
166
177
  </div>
167
178
  {/each}
168
179
  <div class="relative w-full" bind:this={inputContainer}>
@@ -214,7 +225,6 @@
214
225
  @prop placeholder = "Enter tags"
215
226
  @prop class: className
216
227
  @prop classes
217
- @prop closeBtnSize = "xs"
218
228
  @prop unique = false
219
229
  @prop availableTags = []
220
230
  @prop showHelper = false
@@ -8,7 +8,6 @@ import type { TagsProps } from "../..";
8
8
  * @prop placeholder = "Enter tags"
9
9
  * @prop class: className
10
10
  * @prop classes
11
- * @prop closeBtnSize = "xs"
12
11
  * @prop unique = false
13
12
  * @prop availableTags = []
14
13
  * @prop showHelper = false
@@ -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 TagsVariants = VariantProps<typeof tags> & Classes<typeof tags>;
4
4
  export declare const tags: import("tailwind-variants").TVReturnType<{
5
5
  [key: string]: {
@@ -1,8 +1,8 @@
1
1
  import { tv } from "tailwind-variants";
2
2
  export const tags = tv({
3
3
  slots: {
4
- base: "border border-gray-300 dark:border-gray-600 rounded-lg flex focus-within:ring-primary-500 focus-within:ring-1 focus-within:border-primary-500 scrollbar-hidden bg-gray-50 dark:bg-gray-700",
5
- tag: "flex items-center rounded-lg bg-gray-100 text-gray-900 border border-gray-300 my-1 ml-1 px-2 text-sm max-w-full min-w-fit",
4
+ base: "border border-gray-300 dark:border-gray-600 rounded-base flex focus-within:ring-primary-500 focus-within:ring-1 focus-within:border-primary-500 scrollbar-hidden bg-gray-50 dark:bg-gray-700",
5
+ tag: "flex items-center rounded-base bg-gray-100 text-gray-900 border border-gray-300 my-1 ml-1 px-2 text-sm max-w-full min-w-fit",
6
6
  span: "items-center",
7
7
  close: "my-auto ml-1",
8
8
  input: "block text-sm m-2.5 p-0 bg-transparent border-none outline-none text-gray-900 h-min w-full min-w-fit focus:ring-0 placeholder-gray-400 dark:text-white disabled:cursor-not-allowed disabled:opacity-50",
@@ -2,8 +2,8 @@
2
2
  import { tick } from "svelte";
3
3
  import { computePosition, flip, shift, offset, arrow, type Placement } from "@floating-ui/dom";
4
4
  import { tour } from "./theme";
5
- import type { TourProps } from "../types";
6
- import { getTheme } from "../theme/themeUtils";
5
+ import type { TourProps } from "../../types";
6
+ import { getTheme } from "../../theme-provider/themeUtils";
7
7
  import clsx from "clsx";
8
8
 
9
9
  let {
@@ -1,4 +1,4 @@
1
- import type { TourProps } from "../types";
1
+ import type { TourProps } from "../../types";
2
2
  declare const Tour: import("svelte").Component<TourProps, {}, "active" | "currentStep">;
3
3
  type Tour = ReturnType<typeof Tour>;
4
4
  export default Tour;
@@ -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 TourVariants = VariantProps<typeof tour> & Classes<typeof tour>;
4
4
  export declare const tour: import("tailwind-variants").TVReturnType<{
5
5
  size: {
@@ -1,8 +1,8 @@
1
1
  <script lang="ts" generics="T">
2
- import type { VirtualMasonryProps } from "../types";
2
+ import type { VirtualMasonryProps } from "../../types";
3
3
  import { virtualMasonry } from "./theme";
4
4
  import clsx from "clsx";
5
- import { getTheme } from "../theme/themeUtils";
5
+ import { getTheme } from "../../theme-provider/themeUtils";
6
6
 
7
7
  let {
8
8
  items = [],
@@ -1,4 +1,4 @@
1
- import type { VirtualMasonryProps } from "../types";
1
+ import type { VirtualMasonryProps } from "../../types";
2
2
  declare function $$render<T>(): {
3
3
  props: VirtualMasonryProps<T>;
4
4
  exports: {};
@@ -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 declare const virtualMasonry: import("tailwind-variants").TVReturnType<{
4
4
  contained: {
5
5
  true: {
@@ -1,8 +1,8 @@
1
1
  <script lang="ts" generics="T">
2
- import type { VirtualListProps } from "../types";
2
+ import type { VirtualListProps } from "../../types";
3
3
  import { virtualList } from "./theme";
4
4
  import clsx from "clsx";
5
- import { getTheme } from "../theme/themeUtils";
5
+ import { getTheme } from "../../theme-provider/themeUtils";
6
6
 
7
7
  let {
8
8
  items = [],
@@ -1,4 +1,4 @@
1
- import type { VirtualListProps } from "../types";
1
+ import type { VirtualListProps } from "../../types";
2
2
  declare function $$render<T>(): {
3
3
  props: VirtualListProps<T>;
4
4
  exports: {};
@@ -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 VirtualListVariants = VariantProps<typeof virtualList> & Classes<typeof virtualList>;
4
4
  export declare const virtualList: import("tailwind-variants").TVReturnType<{
5
5
  contained: {
@@ -2,7 +2,7 @@
2
2
  import { footer } from "./theme";
3
3
  import clsx from "clsx";
4
4
  import type { FooterProps } from "..";
5
- import { getTheme } from "../theme/themeUtils";
5
+ import { getTheme } from "../theme-provider/themeUtils";
6
6
 
7
7
  let { children, footerType = "default", class: className, ...restProps }: FooterProps = $props();
8
8
 
@@ -19,7 +19,7 @@
19
19
  @component
20
20
  [Go to docs](https://flowbite-svelte.com/)
21
21
  ## Type
22
- [FooterProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L681)
22
+ [FooterProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L688)
23
23
  ## Props
24
24
  @prop children
25
25
  @prop footerType = "default"
@@ -2,7 +2,7 @@ import type { FooterProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [FooterProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L681)
5
+ * [FooterProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L688)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop footerType = "default"
@@ -2,7 +2,7 @@
2
2
  import { footerBrand } from "./theme";
3
3
  import clsx from "clsx";
4
4
  import type { FooterBrandProps } from "..";
5
- import { getTheme } from "../theme/themeUtils";
5
+ import { getTheme } from "../theme-provider/themeUtils";
6
6
 
7
7
  let { children, class: className, classes, href, src, alt, name, ...restProps }: FooterBrandProps = $props();
8
8
 
@@ -32,7 +32,7 @@
32
32
  @component
33
33
  [Go to docs](https://flowbite-svelte.com/)
34
34
  ## Type
35
- [FooterBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L686)
35
+ [FooterBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L693)
36
36
  ## Props
37
37
  @prop children
38
38
  @prop class: className