flowbite-svelte 1.0.6 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (314) hide show
  1. package/dist/accordion/Accordion.svelte +1 -1
  2. package/dist/accordion/Accordion.svelte.d.ts +1 -1
  3. package/dist/accordion/AccordionItem.svelte +1 -1
  4. package/dist/accordion/AccordionItem.svelte.d.ts +1 -1
  5. package/dist/alert/Alert.svelte +1 -1
  6. package/dist/alert/Alert.svelte.d.ts +1 -1
  7. package/dist/avatar/Avatar.svelte +1 -1
  8. package/dist/avatar/Avatar.svelte.d.ts +1 -1
  9. package/dist/badge/Badge.svelte +1 -1
  10. package/dist/badge/Badge.svelte.d.ts +1 -1
  11. package/dist/banner/Banner.svelte +1 -1
  12. package/dist/banner/Banner.svelte.d.ts +1 -1
  13. package/dist/bottom-navigation/BottomNav.svelte +1 -2
  14. package/dist/bottom-navigation/BottomNav.svelte.d.ts +1 -1
  15. package/dist/bottom-navigation/BottomNavHeader.svelte +1 -1
  16. package/dist/bottom-navigation/BottomNavHeader.svelte.d.ts +1 -1
  17. package/dist/bottom-navigation/BottomNavHeaderItem.svelte +1 -1
  18. package/dist/bottom-navigation/BottomNavHeaderItem.svelte.d.ts +1 -1
  19. package/dist/bottom-navigation/BottomNavItem.svelte +1 -1
  20. package/dist/bottom-navigation/BottomNavItem.svelte.d.ts +1 -1
  21. package/dist/breadcrumb/Breadcrumb.svelte +1 -1
  22. package/dist/breadcrumb/Breadcrumb.svelte.d.ts +1 -1
  23. package/dist/breadcrumb/BreadcrumbItem.svelte +1 -1
  24. package/dist/breadcrumb/BreadcrumbItem.svelte.d.ts +1 -1
  25. package/dist/buttongroup/ButtonGroup.svelte +1 -1
  26. package/dist/buttongroup/ButtonGroup.svelte.d.ts +1 -1
  27. package/dist/buttons/Button.svelte +1 -1
  28. package/dist/buttons/Button.svelte.d.ts +1 -1
  29. package/dist/buttons/GradientButton.svelte +1 -1
  30. package/dist/buttons/GradientButton.svelte.d.ts +1 -1
  31. package/dist/buttons/theme.js +1 -1
  32. package/dist/card/Card.svelte +1 -1
  33. package/dist/card/Card.svelte.d.ts +1 -1
  34. package/dist/carousel/Carousel.svelte +1 -1
  35. package/dist/carousel/Carousel.svelte.d.ts +1 -1
  36. package/dist/carousel/ControlButton.svelte +1 -1
  37. package/dist/carousel/ControlButton.svelte.d.ts +1 -1
  38. package/dist/carousel/Controls.svelte +1 -1
  39. package/dist/carousel/Controls.svelte.d.ts +1 -1
  40. package/dist/carousel/Indicators.svelte +1 -1
  41. package/dist/carousel/Indicators.svelte.d.ts +1 -1
  42. package/dist/carousel/Slide.svelte +1 -1
  43. package/dist/carousel/Slide.svelte.d.ts +1 -1
  44. package/dist/carousel/Thumbnail.svelte +1 -5
  45. package/dist/carousel/Thumbnail.svelte.d.ts +1 -1
  46. package/dist/carousel/Thumbnails.svelte +1 -1
  47. package/dist/carousel/Thumbnails.svelte.d.ts +1 -1
  48. package/dist/chart/Chart.svelte +1 -1
  49. package/dist/chart/Chart.svelte.d.ts +1 -1
  50. package/dist/darkmode/DarkMode.svelte +1 -1
  51. package/dist/darkmode/DarkMode.svelte.d.ts +1 -1
  52. package/dist/datepicker/Datepicker.svelte +1 -1
  53. package/dist/datepicker/Datepicker.svelte.d.ts +1 -1
  54. package/dist/device-mockups/Android.svelte +1 -1
  55. package/dist/device-mockups/Android.svelte.d.ts +1 -1
  56. package/dist/device-mockups/DefaultMockup.svelte +1 -1
  57. package/dist/device-mockups/DefaultMockup.svelte.d.ts +1 -1
  58. package/dist/device-mockups/Desktop.svelte +1 -1
  59. package/dist/device-mockups/Desktop.svelte.d.ts +1 -1
  60. package/dist/device-mockups/DeviceMockup.svelte +1 -1
  61. package/dist/device-mockups/DeviceMockup.svelte.d.ts +1 -1
  62. package/dist/device-mockups/Ios.svelte +1 -1
  63. package/dist/device-mockups/Ios.svelte.d.ts +1 -1
  64. package/dist/device-mockups/Laptop.svelte +1 -1
  65. package/dist/device-mockups/Laptop.svelte.d.ts +1 -1
  66. package/dist/device-mockups/Smartwatch.svelte +1 -1
  67. package/dist/device-mockups/Smartwatch.svelte.d.ts +1 -1
  68. package/dist/device-mockups/Tablet.svelte +1 -1
  69. package/dist/device-mockups/Tablet.svelte.d.ts +1 -1
  70. package/dist/device-mockups/theme.d.ts +18 -18
  71. package/dist/drawer/Drawer.svelte +1 -2
  72. package/dist/drawer/Drawer.svelte.d.ts +1 -1
  73. package/dist/drawer/Drawerhead.svelte +1 -1
  74. package/dist/drawer/Drawerhead.svelte.d.ts +1 -1
  75. package/dist/dropdown/Dropdown.svelte +1 -1
  76. package/dist/dropdown/Dropdown.svelte.d.ts +1 -1
  77. package/dist/dropdown/DropdownDivider.svelte +1 -1
  78. package/dist/dropdown/DropdownDivider.svelte.d.ts +1 -1
  79. package/dist/dropdown/DropdownGroup.svelte +1 -1
  80. package/dist/dropdown/DropdownGroup.svelte.d.ts +1 -1
  81. package/dist/dropdown/DropdownHeader.svelte +1 -1
  82. package/dist/dropdown/DropdownHeader.svelte.d.ts +1 -1
  83. package/dist/dropdown/DropdownItem.svelte +1 -2
  84. package/dist/dropdown/DropdownItem.svelte.d.ts +1 -1
  85. package/dist/footer/Footer.svelte +1 -1
  86. package/dist/footer/Footer.svelte.d.ts +1 -1
  87. package/dist/footer/FooterBrand.svelte +1 -1
  88. package/dist/footer/FooterBrand.svelte.d.ts +1 -1
  89. package/dist/footer/FooterCopyright.svelte +1 -1
  90. package/dist/footer/FooterCopyright.svelte.d.ts +1 -1
  91. package/dist/footer/FooterIcon.svelte +1 -1
  92. package/dist/footer/FooterIcon.svelte.d.ts +1 -1
  93. package/dist/footer/FooterLink.svelte +1 -1
  94. package/dist/footer/FooterLink.svelte.d.ts +1 -1
  95. package/dist/footer/FooterLinkGroup.svelte +1 -1
  96. package/dist/footer/FooterLinkGroup.svelte.d.ts +1 -1
  97. package/dist/forms/checkbox/Checkbox.svelte +1 -1
  98. package/dist/forms/checkbox/Checkbox.svelte.d.ts +1 -1
  99. package/dist/forms/checkbox-button/CheckboxButton.svelte +1 -2
  100. package/dist/forms/checkbox-button/CheckboxButton.svelte.d.ts +1 -1
  101. package/dist/forms/fileupload/Fileupload.svelte +20 -19
  102. package/dist/forms/fileupload/Fileupload.svelte.d.ts +9 -4
  103. package/dist/forms/floating-label-input/FloatingLabelInput.svelte +22 -6
  104. package/dist/forms/floating-label-input/FloatingLabelInput.svelte.d.ts +9 -3
  105. package/dist/forms/floating-label-input/theme.d.ts +3 -0
  106. package/dist/forms/floating-label-input/theme.js +2 -1
  107. package/dist/forms/helper/Helper.svelte +1 -1
  108. package/dist/forms/helper/Helper.svelte.d.ts +1 -1
  109. package/dist/forms/input/Input.svelte +13 -11
  110. package/dist/forms/input/Input.svelte.d.ts +2 -2
  111. package/dist/forms/input/theme.d.ts +3 -0
  112. package/dist/forms/input/theme.js +2 -1
  113. package/dist/forms/input-addon/InputAddon.svelte +1 -1
  114. package/dist/forms/input-addon/InputAddon.svelte.d.ts +1 -1
  115. package/dist/forms/label/Label.svelte +1 -1
  116. package/dist/forms/label/Label.svelte.d.ts +1 -1
  117. package/dist/forms/radio-button/RadioButton.svelte +4 -3
  118. package/dist/forms/range/Range.svelte +1 -1
  119. package/dist/forms/range/Range.svelte.d.ts +1 -1
  120. package/dist/forms/search/Search.svelte +30 -6
  121. package/dist/forms/search/Search.svelte.d.ts +17 -18
  122. package/dist/forms/search/theme.d.ts +3 -0
  123. package/dist/forms/search/theme.js +2 -1
  124. package/dist/forms/select/Select.svelte +28 -16
  125. package/dist/forms/select/Select.svelte.d.ts +2 -2
  126. package/dist/forms/select/theme.d.ts +60 -18
  127. package/dist/forms/select/theme.js +14 -6
  128. package/dist/forms/textarea/Textarea.svelte +41 -22
  129. package/dist/forms/textarea/Textarea.svelte.d.ts +10 -3
  130. package/dist/forms/textarea/theme.d.ts +6 -0
  131. package/dist/forms/textarea/theme.js +3 -1
  132. package/dist/forms/timepicker/Timepicker.svelte +1 -1
  133. package/dist/forms/timepicker/Timepicker.svelte.d.ts +1 -1
  134. package/dist/forms/toggle/Toggle.svelte +1 -1
  135. package/dist/forms/toggle/Toggle.svelte.d.ts +1 -1
  136. package/dist/gallery/Gallery.svelte +1 -1
  137. package/dist/gallery/Gallery.svelte.d.ts +1 -1
  138. package/dist/gallery/theme.d.ts +3 -3
  139. package/dist/indicator/Indicator.svelte +1 -1
  140. package/dist/indicator/Indicator.svelte.d.ts +1 -1
  141. package/dist/kbd/Kbd.svelte +1 -1
  142. package/dist/kbd/Kbd.svelte.d.ts +1 -1
  143. package/dist/list-group/Listgroup.svelte +1 -1
  144. package/dist/list-group/Listgroup.svelte.d.ts +1 -1
  145. package/dist/list-group/ListgroupItem.svelte +1 -1
  146. package/dist/list-group/ListgroupItem.svelte.d.ts +1 -1
  147. package/dist/mega-menu/MegaMenu.svelte +1 -1
  148. package/dist/mega-menu/MegaMenu.svelte.d.ts +1 -1
  149. package/dist/modal/Modal.svelte +1 -1
  150. package/dist/modal/Modal.svelte.d.ts +1 -1
  151. package/dist/navbar/Menu.svelte +1 -1
  152. package/dist/navbar/Menu.svelte.d.ts +1 -1
  153. package/dist/navbar/NavBrand.svelte +1 -1
  154. package/dist/navbar/NavBrand.svelte.d.ts +1 -1
  155. package/dist/navbar/NavContainer.svelte +1 -1
  156. package/dist/navbar/NavContainer.svelte.d.ts +1 -1
  157. package/dist/navbar/NavHamburger.svelte +1 -1
  158. package/dist/navbar/NavHamburger.svelte.d.ts +1 -1
  159. package/dist/navbar/NavLi.svelte +1 -1
  160. package/dist/navbar/NavLi.svelte.d.ts +1 -1
  161. package/dist/navbar/NavUl.svelte +1 -1
  162. package/dist/navbar/NavUl.svelte.d.ts +1 -1
  163. package/dist/navbar/Navbar.svelte +1 -1
  164. package/dist/navbar/Navbar.svelte.d.ts +1 -1
  165. package/dist/pagination/Pagination.svelte +1 -1
  166. package/dist/pagination/Pagination.svelte.d.ts +1 -1
  167. package/dist/pagination/PaginationItem.svelte +1 -1
  168. package/dist/pagination/PaginationItem.svelte.d.ts +1 -1
  169. package/dist/popover/Popover.svelte +1 -2
  170. package/dist/popover/Popover.svelte.d.ts +1 -1
  171. package/dist/progress/Progressbar.svelte +1 -1
  172. package/dist/progress/Progressbar.svelte.d.ts +1 -1
  173. package/dist/rating/AdvancedRating.svelte +1 -1
  174. package/dist/rating/AdvancedRating.svelte.d.ts +1 -1
  175. package/dist/rating/CustomIcon.svelte +1 -1
  176. package/dist/rating/CustomIcon.svelte.d.ts +1 -1
  177. package/dist/rating/Heart.svelte +1 -1
  178. package/dist/rating/Heart.svelte.d.ts +1 -1
  179. package/dist/rating/Rating.svelte +1 -1
  180. package/dist/rating/Rating.svelte.d.ts +1 -1
  181. package/dist/rating/RatingComment.svelte +1 -1
  182. package/dist/rating/RatingComment.svelte.d.ts +1 -1
  183. package/dist/rating/Review.svelte +1 -1
  184. package/dist/rating/Review.svelte.d.ts +1 -1
  185. package/dist/rating/ScoreRating.svelte +1 -1
  186. package/dist/rating/ScoreRating.svelte.d.ts +1 -1
  187. package/dist/rating/Star.svelte +1 -1
  188. package/dist/rating/Star.svelte.d.ts +1 -1
  189. package/dist/rating/Thumbup.svelte +1 -1
  190. package/dist/rating/Thumbup.svelte.d.ts +1 -1
  191. package/dist/sidebar/Sidebar.svelte +1 -1
  192. package/dist/sidebar/Sidebar.svelte.d.ts +1 -1
  193. package/dist/sidebar/SidebarBrand.svelte +1 -1
  194. package/dist/sidebar/SidebarBrand.svelte.d.ts +1 -1
  195. package/dist/sidebar/SidebarButton.svelte +1 -1
  196. package/dist/sidebar/SidebarButton.svelte.d.ts +1 -1
  197. package/dist/sidebar/SidebarCta.svelte +1 -1
  198. package/dist/sidebar/SidebarCta.svelte.d.ts +1 -1
  199. package/dist/sidebar/SidebarDropdownWrapper.svelte +1 -1
  200. package/dist/sidebar/SidebarDropdownWrapper.svelte.d.ts +1 -1
  201. package/dist/sidebar/SidebarGroup.svelte +1 -1
  202. package/dist/sidebar/SidebarGroup.svelte.d.ts +1 -1
  203. package/dist/sidebar/SidebarItem.svelte +1 -1
  204. package/dist/sidebar/SidebarItem.svelte.d.ts +1 -1
  205. package/dist/sidebar/theme.d.ts +6 -6
  206. package/dist/sidebar/theme.js +1 -1
  207. package/dist/skeleton/CardPlaceholder.svelte +1 -1
  208. package/dist/skeleton/CardPlaceholder.svelte.d.ts +1 -1
  209. package/dist/skeleton/ImagePlaceholder.svelte +1 -1
  210. package/dist/skeleton/ImagePlaceholder.svelte.d.ts +1 -1
  211. package/dist/skeleton/ListPlaceholder.svelte +1 -1
  212. package/dist/skeleton/ListPlaceholder.svelte.d.ts +1 -1
  213. package/dist/skeleton/Skeleton.svelte +1 -1
  214. package/dist/skeleton/Skeleton.svelte.d.ts +1 -1
  215. package/dist/skeleton/TextPlaceholder.svelte +1 -1
  216. package/dist/skeleton/TextPlaceholder.svelte.d.ts +1 -1
  217. package/dist/skeleton/VideoPlaceholder.svelte +1 -1
  218. package/dist/skeleton/VideoPlaceholder.svelte.d.ts +1 -1
  219. package/dist/speed-dial/SpeedDial.svelte +1 -1
  220. package/dist/speed-dial/SpeedDial.svelte.d.ts +1 -1
  221. package/dist/speed-dial/SpeedDialButton.svelte +1 -1
  222. package/dist/speed-dial/SpeedDialButton.svelte.d.ts +1 -1
  223. package/dist/speed-dial/SpeedDialTrigger.svelte +1 -1
  224. package/dist/speed-dial/SpeedDialTrigger.svelte.d.ts +1 -1
  225. package/dist/spinner/Spinner.svelte +1 -1
  226. package/dist/spinner/Spinner.svelte.d.ts +1 -1
  227. package/dist/steps/StepIndicator.svelte +1 -1
  228. package/dist/steps/StepIndicator.svelte.d.ts +1 -1
  229. package/dist/table/Table.svelte +1 -1
  230. package/dist/table/Table.svelte.d.ts +1 -1
  231. package/dist/table/TableBody.svelte +1 -1
  232. package/dist/table/TableBody.svelte.d.ts +1 -1
  233. package/dist/table/TableBodyCell.svelte +1 -1
  234. package/dist/table/TableBodyCell.svelte.d.ts +1 -1
  235. package/dist/table/TableBodyRow.svelte +1 -1
  236. package/dist/table/TableBodyRow.svelte.d.ts +1 -1
  237. package/dist/table/TableHead.svelte +1 -1
  238. package/dist/table/TableHead.svelte.d.ts +1 -1
  239. package/dist/table/TableHeadCell.svelte +1 -1
  240. package/dist/table/TableHeadCell.svelte.d.ts +1 -1
  241. package/dist/table/TableSearch.svelte +1 -1
  242. package/dist/table/TableSearch.svelte.d.ts +1 -1
  243. package/dist/tabs/TabItem.svelte +1 -1
  244. package/dist/tabs/TabItem.svelte.d.ts +1 -1
  245. package/dist/tabs/Tabs.svelte +1 -1
  246. package/dist/tabs/Tabs.svelte.d.ts +1 -1
  247. package/dist/theme/Theme.svelte +1 -1
  248. package/dist/theme/Theme.svelte.d.ts +1 -1
  249. package/dist/theme/index.d.ts +105 -48
  250. package/dist/timeline/Activity.svelte +1 -1
  251. package/dist/timeline/Activity.svelte.d.ts +1 -1
  252. package/dist/timeline/ActivityItem.svelte +1 -1
  253. package/dist/timeline/ActivityItem.svelte.d.ts +1 -1
  254. package/dist/timeline/Group.svelte +1 -1
  255. package/dist/timeline/Group.svelte.d.ts +1 -1
  256. package/dist/timeline/GroupItem.svelte +1 -1
  257. package/dist/timeline/GroupItem.svelte.d.ts +1 -1
  258. package/dist/timeline/Timeline.svelte +1 -1
  259. package/dist/timeline/Timeline.svelte.d.ts +1 -1
  260. package/dist/timeline/TimelineItem.svelte +1 -1
  261. package/dist/timeline/TimelineItem.svelte.d.ts +1 -1
  262. package/dist/timeline/theme.d.ts +3 -3
  263. package/dist/toast/Toast.svelte +4 -4
  264. package/dist/toast/Toast.svelte.d.ts +2 -2
  265. package/dist/toolbar/Toolbar.svelte +1 -1
  266. package/dist/toolbar/Toolbar.svelte.d.ts +1 -1
  267. package/dist/toolbar/ToolbarButton.svelte +1 -1
  268. package/dist/toolbar/ToolbarButton.svelte.d.ts +1 -1
  269. package/dist/toolbar/ToolbarGroup.svelte +1 -1
  270. package/dist/toolbar/ToolbarGroup.svelte.d.ts +1 -1
  271. package/dist/tooltip/Tooltip.svelte +1 -1
  272. package/dist/tooltip/Tooltip.svelte.d.ts +1 -1
  273. package/dist/types.d.ts +49 -4
  274. package/dist/typography/anchor/A.svelte +1 -1
  275. package/dist/typography/anchor/A.svelte.d.ts +1 -1
  276. package/dist/typography/blockquote/Blockquote.svelte +1 -1
  277. package/dist/typography/blockquote/Blockquote.svelte.d.ts +1 -1
  278. package/dist/typography/descriptionlist/DescriptionList.svelte +1 -1
  279. package/dist/typography/descriptionlist/DescriptionList.svelte.d.ts +1 -1
  280. package/dist/typography/heading/Heading.svelte +1 -1
  281. package/dist/typography/heading/Heading.svelte.d.ts +1 -1
  282. package/dist/typography/hr/Hr.svelte +1 -1
  283. package/dist/typography/hr/Hr.svelte.d.ts +1 -1
  284. package/dist/typography/img/EnhancedImg.svelte +1 -1
  285. package/dist/typography/img/EnhancedImg.svelte.d.ts +1 -1
  286. package/dist/typography/img/Img.svelte +1 -1
  287. package/dist/typography/img/Img.svelte.d.ts +1 -1
  288. package/dist/typography/layout/Layout.svelte +1 -1
  289. package/dist/typography/layout/Layout.svelte.d.ts +1 -1
  290. package/dist/typography/list/Li.svelte +1 -1
  291. package/dist/typography/list/Li.svelte.d.ts +1 -1
  292. package/dist/typography/list/List.svelte +1 -1
  293. package/dist/typography/list/List.svelte.d.ts +1 -1
  294. package/dist/typography/mark/Mark.svelte +1 -1
  295. package/dist/typography/mark/Mark.svelte.d.ts +1 -1
  296. package/dist/typography/paragraph/P.svelte +1 -1
  297. package/dist/typography/paragraph/P.svelte.d.ts +1 -1
  298. package/dist/typography/secondary/Secondary.svelte +1 -1
  299. package/dist/typography/secondary/Secondary.svelte.d.ts +1 -1
  300. package/dist/typography/span/Span.svelte +1 -1
  301. package/dist/typography/span/Span.svelte.d.ts +1 -1
  302. package/dist/uiHelpers.svelte.js +0 -3
  303. package/dist/utils/Arrow.svelte +1 -9
  304. package/dist/utils/CloseButton.svelte +6 -4
  305. package/dist/utils/CloseButton.svelte.d.ts +4 -3
  306. package/dist/utils/Popper.svelte +1 -1
  307. package/dist/utils/Popper.svelte.d.ts +1 -1
  308. package/dist/utils/index.d.ts +2 -107
  309. package/dist/utils/index.js +2 -66
  310. package/dist/utils/theme.d.ts +97 -0
  311. package/dist/utils/theme.js +69 -0
  312. package/dist/video/Video.svelte +1 -1
  313. package/dist/video/Video.svelte.d.ts +1 -1
  314. package/package.json +1 -1
@@ -5,13 +5,13 @@
5
5
  import type { ToastProps } from "../types";
6
6
  import { fly } from "svelte/transition";
7
7
 
8
- let { children, icon, toastStatus = $bindable(true), dismissable = true, color = "primary", position, baseClass, iconClass, contentClass, align = true, params, transition = fly, ...restProps }: ToastProps = $props();
8
+ let { children, icon, toastStatus = $bindable(true), dismissable = true, color = "primary", position, iconClass, contentClass, align = true, params, transition = fly, class: className, ...restProps }: ToastProps = $props();
9
9
 
10
10
  const { base, icon: iconVariants, content, close } = $derived(toast({ color, position, align }));
11
11
  </script>
12
12
 
13
13
  {#if toastStatus}
14
- <div role="alert" transition:transition={params as ParamsType} {...restProps} class={base({ class: baseClass })}>
14
+ <div role="alert" transition:transition={params as ParamsType} {...restProps} class={base({ class: className })}>
15
15
  {#if icon}
16
16
  <div class={iconVariants({ class: iconClass })}>
17
17
  {@render icon()}
@@ -39,7 +39,7 @@
39
39
  @component
40
40
  [Go to docs](https://flowbite-svelte.com/)
41
41
  ## Type
42
- [ToastProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1566)
42
+ [ToastProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1617)
43
43
  ## Props
44
44
  @prop children
45
45
  @prop icon
@@ -47,11 +47,11 @@
47
47
  @prop dismissable = true
48
48
  @prop color = "primary"
49
49
  @prop position
50
- @prop baseClass
51
50
  @prop iconClass
52
51
  @prop contentClass
53
52
  @prop align = true
54
53
  @prop params
55
54
  @prop transition = fly
55
+ @prop class: className
56
56
  @prop ...restProps
57
57
  -->
@@ -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#L1566)
5
+ * [ToastProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1617)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop icon
@@ -10,12 +10,12 @@ import type { ToastProps } from "../types";
10
10
  * @prop dismissable = true
11
11
  * @prop color = "primary"
12
12
  * @prop position
13
- * @prop baseClass
14
13
  * @prop iconClass
15
14
  * @prop contentClass
16
15
  * @prop align = true
17
16
  * @prop params
18
17
  * @prop transition = fly
18
+ * @prop class: className
19
19
  * @prop ...restProps
20
20
  */
21
21
  declare const Toast: import("svelte").Component<ToastProps, {}, "toastStatus">;
@@ -38,7 +38,7 @@
38
38
  @component
39
39
  [Go to docs](https://flowbite-svelte.com/)
40
40
  ## Type
41
- [ToolbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L989)
41
+ [ToolbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1040)
42
42
  ## Props
43
43
  @prop children
44
44
  @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#L989)
5
+ * [ToolbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1040)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop end
@@ -35,7 +35,7 @@
35
35
  @component
36
36
  [Go to docs](https://flowbite-svelte.com/)
37
37
  ## Type
38
- [ToolbarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L995)
38
+ [ToolbarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1046)
39
39
  ## Props
40
40
  @prop children
41
41
  @prop onclick
@@ -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#L995)
5
+ * [ToolbarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1046)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop onclick
@@ -21,7 +21,7 @@
21
21
  @component
22
22
  [Go to docs](https://flowbite-svelte.com/)
23
23
  ## Type
24
- [ToolbarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L993)
24
+ [ToolbarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1044)
25
25
  ## Props
26
26
  @prop children
27
27
  @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#L993)
5
+ * [ToolbarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1044)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop spacing
@@ -26,7 +26,7 @@
26
26
  @component
27
27
  [Go to docs](https://flowbite-svelte.com/)
28
28
  ## Type
29
- [TooltipProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1582)
29
+ [TooltipProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1633)
30
30
  ## Props
31
31
  @prop type = "dark"
32
32
  @prop color = undefined
@@ -2,7 +2,7 @@ import type { TooltipProps } from "..";
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#L1582)
5
+ * [TooltipProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1633)
6
6
  * ## Props
7
7
  * @prop type = "dark"
8
8
  * @prop color = undefined
package/dist/types.d.ts CHANGED
@@ -9,6 +9,7 @@ import type { BadgeVariants } from "./badge/theme";
9
9
  import type { BannerVariants } from "./banner/theme";
10
10
  import type { ButtonVariants, GradientButtonVariantes, button, gradientButton } from "./buttons/theme";
11
11
  import type { CarouselVariants } from "./carousel/theme";
12
+ import type { closeButtonVariants } from "./utils/theme";
12
13
  import type Slide from "./carousel/Slide.svelte";
13
14
  import type { ApexOptions } from "apexcharts";
14
15
  import type { DrawerVariants } from "./drawer/theme";
@@ -69,6 +70,14 @@ export interface drawerTransitionParamTypes {
69
70
  y?: number;
70
71
  }
71
72
  export type FormSizeType = "sm" | "md" | "lg";
73
+ export type CloseButtonVariants = VariantProps<typeof closeButtonVariants>;
74
+ export type CloseButtonProps = CloseButtonVariants & AnchorButtonAttributes & {
75
+ onclick?: (ev: MouseEvent) => void;
76
+ name?: string;
77
+ ariaLabel?: string;
78
+ class?: string;
79
+ svgClass?: string;
80
+ };
72
81
  export type NavbarType = {
73
82
  navStatus: boolean | undefined;
74
83
  breakPoint: "md" | "lg" | "xl" | "xxl";
@@ -548,18 +557,29 @@ export interface FileuploadProps extends Omit<HTMLInputAttributes, "size"> {
548
557
  files?: FileList | null;
549
558
  size?: FileuploadViariants["size"];
550
559
  color?: InputProps<never>["color"];
560
+ elementRef?: HTMLInputElement;
551
561
  clearable?: boolean;
562
+ clearableSvgClass?: string;
563
+ clearableColor?: CloseButtonVariants["color"];
564
+ clearableOnClick?: () => void;
565
+ clearableClass?: string;
552
566
  }
553
567
  export interface FloatingLabelInputProps extends Omit<HTMLInputAttributes, "size"> {
554
568
  children: Snippet;
555
569
  id?: string;
556
570
  value?: string | number | readonly string[] | undefined;
571
+ elementRef?: HTMLInputElement;
557
572
  "aria-describedby"?: string;
558
573
  variant?: FloatingLabelInputVaratiants["variant"];
559
574
  size?: FloatingLabelInputVaratiants["size"];
560
575
  color?: FloatingLabelInputVaratiants["color"];
561
576
  inputClass?: string;
562
577
  labelClass?: string;
578
+ clearable?: boolean;
579
+ clearableSvgClass?: string;
580
+ clearableColor?: CloseButtonVariants["color"];
581
+ clearableClass?: string;
582
+ clearableOnClick?: () => void;
563
583
  }
564
584
  export interface HelperProps extends HelperVariants, Omit<HTMLAttributes<HTMLParagraphElement>, "color"> {
565
585
  }
@@ -572,11 +592,16 @@ export interface InputProps<T extends InputValue = string> extends Omit<HTMLInpu
572
592
  right?: Snippet;
573
593
  size?: InputVariants["size"];
574
594
  value?: T;
575
- clearable?: boolean;
595
+ elementRef?: HTMLInputElement;
576
596
  color?: InputVariants["color"];
577
597
  classLeft?: string;
578
598
  classRight?: string;
579
599
  divClass?: string;
600
+ clearable?: boolean;
601
+ clearableSvgClass?: string;
602
+ clearableColor?: CloseButtonVariants["color"];
603
+ clearableClass?: string;
604
+ clearableOnClick?: () => void;
580
605
  }
581
606
  export interface InputAddonProps extends HTMLAttributes<HTMLDivElement> {
582
607
  children: Snippet;
@@ -604,13 +629,20 @@ export interface RadioButtonProps<T> extends Omit<HTMLInputAttributes, "size"> {
604
629
  color?: ButtonProps["color"];
605
630
  shadow?: boolean;
606
631
  class?: string;
632
+ checkedClass?: string;
607
633
  }
608
634
  export interface RangeProps extends RangeVariants, Omit<HTMLInputAttributes, "size" | "color"> {
609
635
  value?: number | string;
610
636
  }
611
- export interface SearchProps<T> extends SearchVariants, Omit<HTMLInputAttributes, "size"> {
637
+ export interface SearchProps extends SearchVariants, Omit<HTMLInputAttributes, "size"> {
612
638
  children?: Snippet;
613
- value?: T;
639
+ value?: string;
640
+ elementRef?: HTMLInputElement;
641
+ clearable?: boolean;
642
+ clearableSvgClass?: string;
643
+ clearableColor?: CloseButtonVariants["color"];
644
+ clearableClass?: string;
645
+ clearableOnClick?: () => void;
614
646
  }
615
647
  export type SelectOptionType<T> = {
616
648
  name: string | number;
@@ -621,7 +653,14 @@ export type SelectOptionType<T> = {
621
653
  export interface SelectProps<T> extends SelectVariants, Omit<HTMLSelectAttributes, "size"> {
622
654
  children?: Snippet;
623
655
  items?: SelectOptionType<T>[];
656
+ elementRef?: HTMLSelectElement;
624
657
  placeholder?: string;
658
+ selectClass?: string;
659
+ clearable?: boolean;
660
+ clearableSvgClass?: string;
661
+ clearableColor?: CloseButtonVariants["color"];
662
+ clearableClass?: string;
663
+ clearableOnClick?: () => void;
625
664
  }
626
665
  export interface MultiSelectProps<T> extends MultiSelectVariants, Omit<HTMLSelectAttributes, "size" | "children"> {
627
666
  children?: Snippet<[{
@@ -672,12 +711,18 @@ export interface TextareaProps extends HTMLTextareaAttributes {
672
711
  header?: Snippet;
673
712
  footer?: Snippet;
674
713
  value?: string;
714
+ elementRef?: HTMLTextAreaElement;
675
715
  wrapped?: boolean;
676
716
  divClass?: string | null;
677
717
  innerClass?: string;
678
718
  headerClass?: string;
679
719
  footerClass?: string;
680
720
  cols?: number;
721
+ clearable?: boolean;
722
+ clearableSvgClass?: string;
723
+ clearableColor?: CloseButtonVariants["color"];
724
+ clearableClass?: string;
725
+ clearableOnClick?: () => void;
681
726
  }
682
727
  export interface ToggleProps extends Omit<ToggleVariants, "off_state_label">, Omit<HTMLInputAttributes, "size" | "color"> {
683
728
  offLabel?: Snippet;
@@ -1306,12 +1351,12 @@ export interface ToastProps extends HTMLAttributes<HTMLDivElement> {
1306
1351
  dismissable?: boolean;
1307
1352
  color?: ToastVaraints["color"];
1308
1353
  position?: ToastVaraints["position"];
1309
- baseClass?: string;
1310
1354
  iconClass?: string;
1311
1355
  contentClass?: string;
1312
1356
  align?: boolean;
1313
1357
  params?: ParamsType;
1314
1358
  transition?: TransitionFunc;
1359
+ class?: string;
1315
1360
  }
1316
1361
  export interface TooltipProps extends PopperProps {
1317
1362
  type?: "light" | "dark" | "auto";
@@ -15,7 +15,7 @@
15
15
  @component
16
16
  [Go to docs](https://flowbite-svelte.com/)
17
17
  ## Type
18
- [AnchorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1589)
18
+ [AnchorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1640)
19
19
  ## Props
20
20
  @prop children
21
21
  @prop color = "primary"
@@ -2,7 +2,7 @@ import type { AnchorProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [AnchorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1589)
5
+ * [AnchorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1640)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop color = "primary"
@@ -25,7 +25,7 @@
25
25
  @component
26
26
  [Go to docs](https://flowbite-svelte.com/)
27
27
  ## Type
28
- [BlockquoteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1595)
28
+ [BlockquoteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1646)
29
29
  ## Props
30
30
  @prop children
31
31
  @prop class: className
@@ -2,7 +2,7 @@ import type { BlockquoteProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [BlockquoteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1595)
5
+ * [BlockquoteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1646)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -21,7 +21,7 @@
21
21
  @component
22
22
  [Go to docs](https://flowbite-svelte.com/)
23
23
  ## Type
24
- [DescriptionListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1605)
24
+ [DescriptionListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1656)
25
25
  ## Props
26
26
  @prop children
27
27
  @prop tag
@@ -2,7 +2,7 @@ import type { DescriptionListProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [DescriptionListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1605)
5
+ * [DescriptionListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1656)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop tag
@@ -16,7 +16,7 @@
16
16
  @component
17
17
  [Go to docs](https://flowbite-svelte.com/)
18
18
  ## Type
19
- [HeadingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1611)
19
+ [HeadingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1662)
20
20
  ## Props
21
21
  @prop children
22
22
  @prop tag = "h1"
@@ -2,7 +2,7 @@ import type { HeadingProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [HeadingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1611)
5
+ * [HeadingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1662)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop tag = "h1"
@@ -23,7 +23,7 @@
23
23
  @component
24
24
  [Go to docs](https://flowbite-svelte.com/)
25
25
  ## Type
26
- [HrProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1617)
26
+ [HrProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1668)
27
27
  ## Props
28
28
  @prop children
29
29
  @prop divClass
@@ -2,7 +2,7 @@ import type { HrProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [HrProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1617)
5
+ * [HrProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1668)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop divClass
@@ -33,7 +33,7 @@
33
33
  @component
34
34
  [Go to docs](https://flowbite-svelte.com/)
35
35
  ## Type
36
- [EnhandedImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1637)
36
+ [EnhandedImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1688)
37
37
  ## Props
38
38
  @prop src
39
39
  @prop href
@@ -2,7 +2,7 @@ import type { EnhandedImgProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [EnhandedImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1637)
5
+ * [EnhandedImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1688)
6
6
  * ## Props
7
7
  * @prop src
8
8
  * @prop href
@@ -33,7 +33,7 @@
33
33
  @component
34
34
  [Go to docs](https://flowbite-svelte.com/)
35
35
  ## Type
36
- [ImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1628)
36
+ [ImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1679)
37
37
  ## Props
38
38
  @prop size = "none"
39
39
  @prop effect = "none"
@@ -2,7 +2,7 @@ import type { ImgProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1628)
5
+ * [ImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1679)
6
6
  * ## Props
7
7
  * @prop size = "none"
8
8
  * @prop effect = "none"
@@ -16,7 +16,7 @@
16
16
  @component
17
17
  [Go to docs](https://flowbite-svelte.com/)
18
18
  ## Type
19
- [LayoutProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1649)
19
+ [LayoutProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1700)
20
20
  ## Props
21
21
  @prop children
22
22
  @prop class: className
@@ -2,7 +2,7 @@ import type { LayoutProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [LayoutProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1649)
5
+ * [LayoutProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1700)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -19,7 +19,7 @@
19
19
  @component
20
20
  [Go to docs](https://flowbite-svelte.com/)
21
21
  ## Type
22
- [LiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1662)
22
+ [LiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1713)
23
23
  ## Props
24
24
  @prop children
25
25
  @prop icon
@@ -2,7 +2,7 @@ import type { LiProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [LiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1662)
5
+ * [LiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1713)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop icon
@@ -25,7 +25,7 @@
25
25
  @component
26
26
  [Go to docs](https://flowbite-svelte.com/)
27
27
  ## Type
28
- [ListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1654)
28
+ [ListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1705)
29
29
  ## Props
30
30
  @prop children
31
31
  @prop tag = "ul"
@@ -2,7 +2,7 @@ import type { ListProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1654)
5
+ * [ListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1705)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop tag = "ul"
@@ -14,7 +14,7 @@
14
14
  @component
15
15
  [Go to docs](https://flowbite-svelte.com/)
16
16
  ## Type
17
- [MarkProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1668)
17
+ [MarkProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1719)
18
18
  ## Props
19
19
  @prop children
20
20
  @prop class: className
@@ -2,7 +2,7 @@ import type { MarkProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [MarkProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1668)
5
+ * [MarkProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1719)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -16,7 +16,7 @@
16
16
  @component
17
17
  [Go to docs](https://flowbite-svelte.com/)
18
18
  ## Type
19
- [ParagraphProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1673)
19
+ [ParagraphProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1724)
20
20
  ## Props
21
21
  @prop children
22
22
  @prop class: className = "text-gray-900 dark:text-white"
@@ -2,7 +2,7 @@ import type { ParagraphProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ParagraphProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1673)
5
+ * [ParagraphProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1724)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className = "text-gray-900 dark:text-white"
@@ -14,7 +14,7 @@
14
14
  @component
15
15
  [Go to docs](https://flowbite-svelte.com/)
16
16
  ## Type
17
- [SecondaryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1687)
17
+ [SecondaryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1738)
18
18
  ## Props
19
19
  @prop children
20
20
  @prop class: className
@@ -2,7 +2,7 @@ import type { SecondaryProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [SecondaryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1687)
5
+ * [SecondaryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1738)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -31,7 +31,7 @@
31
31
  @component
32
32
  [Go to docs](https://flowbite-svelte.com/)
33
33
  ## Type
34
- [SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1692)
34
+ [SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1743)
35
35
  ## Props
36
36
  @prop children
37
37
  @prop class: className
@@ -2,7 +2,7 @@ import type { SpanProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1692)
5
+ * [SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1743)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -2,15 +2,12 @@ export function uiHelpers() {
2
2
  let isOpen = $state(false);
3
3
  function toggle() {
4
4
  isOpen = !isOpen;
5
- // console.log('toggled', isOpen);
6
5
  }
7
6
  function close() {
8
7
  isOpen = false;
9
- // console.log('closed', isOpen);
10
8
  }
11
9
  function open() {
12
10
  isOpen = true;
13
- // console.log('opened', isOpen);
14
11
  }
15
12
  return {
16
13
  get isOpen() {
@@ -1,5 +1,5 @@
1
1
  <script lang="ts">
2
- import type { Coords, MiddlewareData, Placement, Side } from "@floating-ui/dom";
2
+ import type { Coords, Placement, Side } from "@floating-ui/dom";
3
3
  import { getOppositePlacement, getSide } from "@floating-ui/utils";
4
4
 
5
5
  let {
@@ -14,16 +14,8 @@
14
14
  class?: string;
15
15
  } = $props();
16
16
 
17
- console.log(className);
18
17
  const px = (n: number | undefined) => (n ? `${n}px` : "");
19
18
 
20
- // const arrowBordersMap: Record<Side, string> = {
21
- // left: " border-b border-s",
22
- // right: " border-t border-e",
23
- // top: " border-t border-s",
24
- // bottom: " border-b border-e",
25
- // };
26
-
27
19
  // calming down the warnings
28
20
  getSide;
29
21
  getOppositePlacement;