flowbite-svelte 1.0.2 → 1.0.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 (252) hide show
  1. package/dist/avatar/Avatar.svelte +1 -1
  2. package/dist/carousel/Carousel.svelte +4 -4
  3. package/dist/carousel/Carousel.svelte.d.ts +1 -0
  4. package/dist/carousel/ControlButton.svelte +1 -1
  5. package/dist/carousel/ControlButton.svelte.d.ts +1 -1
  6. package/dist/carousel/Controls.svelte +1 -1
  7. package/dist/carousel/Controls.svelte.d.ts +1 -1
  8. package/dist/carousel/Indicators.svelte +1 -1
  9. package/dist/carousel/Indicators.svelte.d.ts +1 -1
  10. package/dist/carousel/Slide.svelte +1 -1
  11. package/dist/carousel/Slide.svelte.d.ts +1 -1
  12. package/dist/carousel/Thumbnail.svelte +1 -1
  13. package/dist/carousel/Thumbnail.svelte.d.ts +1 -1
  14. package/dist/carousel/Thumbnails.svelte +1 -1
  15. package/dist/carousel/Thumbnails.svelte.d.ts +1 -1
  16. package/dist/chart/Chart.svelte +1 -1
  17. package/dist/chart/Chart.svelte.d.ts +1 -1
  18. package/dist/darkmode/DarkMode.svelte +1 -1
  19. package/dist/darkmode/DarkMode.svelte.d.ts +1 -1
  20. package/dist/datepicker/Datepicker.svelte +1 -1
  21. package/dist/datepicker/Datepicker.svelte.d.ts +1 -1
  22. package/dist/device-mockups/Android.svelte +1 -1
  23. package/dist/device-mockups/Android.svelte.d.ts +1 -1
  24. package/dist/device-mockups/DefaultMockup.svelte +1 -1
  25. package/dist/device-mockups/DefaultMockup.svelte.d.ts +1 -1
  26. package/dist/device-mockups/Desktop.svelte +1 -1
  27. package/dist/device-mockups/Desktop.svelte.d.ts +1 -1
  28. package/dist/device-mockups/DeviceMockup.svelte +1 -1
  29. package/dist/device-mockups/DeviceMockup.svelte.d.ts +1 -1
  30. package/dist/device-mockups/Ios.svelte +1 -1
  31. package/dist/device-mockups/Ios.svelte.d.ts +1 -1
  32. package/dist/device-mockups/Laptop.svelte +1 -1
  33. package/dist/device-mockups/Laptop.svelte.d.ts +1 -1
  34. package/dist/device-mockups/Smartwatch.svelte +1 -1
  35. package/dist/device-mockups/Smartwatch.svelte.d.ts +1 -1
  36. package/dist/device-mockups/Tablet.svelte +1 -1
  37. package/dist/device-mockups/Tablet.svelte.d.ts +1 -1
  38. package/dist/drawer/Drawer.svelte +1 -1
  39. package/dist/drawer/Drawer.svelte.d.ts +1 -1
  40. package/dist/drawer/Drawerhead.svelte +1 -1
  41. package/dist/drawer/Drawerhead.svelte.d.ts +1 -1
  42. package/dist/dropdown/Dropdown.svelte +4 -3
  43. package/dist/dropdown/Dropdown.svelte.d.ts +3 -2
  44. package/dist/dropdown/DropdownDivider.svelte +1 -1
  45. package/dist/dropdown/DropdownDivider.svelte.d.ts +1 -1
  46. package/dist/dropdown/DropdownGroup.svelte +1 -1
  47. package/dist/dropdown/DropdownGroup.svelte.d.ts +1 -1
  48. package/dist/dropdown/DropdownHeader.svelte +1 -1
  49. package/dist/dropdown/DropdownHeader.svelte.d.ts +1 -1
  50. package/dist/dropdown/DropdownItem.svelte +1 -1
  51. package/dist/dropdown/DropdownItem.svelte.d.ts +1 -1
  52. package/dist/footer/Footer.svelte +1 -1
  53. package/dist/footer/Footer.svelte.d.ts +1 -1
  54. package/dist/footer/FooterBrand.svelte +1 -1
  55. package/dist/footer/FooterBrand.svelte.d.ts +1 -1
  56. package/dist/footer/FooterCopyright.svelte +1 -1
  57. package/dist/footer/FooterCopyright.svelte.d.ts +1 -1
  58. package/dist/footer/FooterIcon.svelte +1 -1
  59. package/dist/footer/FooterIcon.svelte.d.ts +1 -1
  60. package/dist/footer/FooterLink.svelte +1 -1
  61. package/dist/footer/FooterLink.svelte.d.ts +1 -1
  62. package/dist/footer/FooterLinkGroup.svelte +1 -1
  63. package/dist/footer/FooterLinkGroup.svelte.d.ts +1 -1
  64. package/dist/forms/checkbox/Checkbox.svelte +1 -1
  65. package/dist/forms/checkbox/Checkbox.svelte.d.ts +1 -1
  66. package/dist/forms/checkbox-button/CheckboxButton.svelte +1 -1
  67. package/dist/forms/checkbox-button/CheckboxButton.svelte.d.ts +1 -1
  68. package/dist/forms/fileupload/Fileupload.svelte +1 -1
  69. package/dist/forms/fileupload/Fileupload.svelte.d.ts +1 -1
  70. package/dist/forms/floating-label-input/FloatingLabelInput.svelte +1 -1
  71. package/dist/forms/floating-label-input/FloatingLabelInput.svelte.d.ts +1 -1
  72. package/dist/forms/helper/Helper.svelte +1 -1
  73. package/dist/forms/helper/Helper.svelte.d.ts +1 -1
  74. package/dist/forms/input-addon/InputAddon.svelte +1 -1
  75. package/dist/forms/input-addon/InputAddon.svelte.d.ts +1 -1
  76. package/dist/forms/label/Label.svelte +1 -1
  77. package/dist/forms/label/Label.svelte.d.ts +1 -1
  78. package/dist/forms/range/Range.svelte +1 -1
  79. package/dist/forms/range/Range.svelte.d.ts +1 -1
  80. package/dist/forms/textarea/Textarea.svelte +1 -1
  81. package/dist/forms/textarea/Textarea.svelte.d.ts +1 -1
  82. package/dist/forms/timepicker/Timepicker.svelte +1 -1
  83. package/dist/forms/timepicker/Timepicker.svelte.d.ts +1 -1
  84. package/dist/forms/toggle/Toggle.svelte +1 -1
  85. package/dist/forms/toggle/Toggle.svelte.d.ts +1 -1
  86. package/dist/gallery/Gallery.svelte +1 -1
  87. package/dist/gallery/Gallery.svelte.d.ts +1 -1
  88. package/dist/indicator/Indicator.svelte +1 -1
  89. package/dist/indicator/Indicator.svelte.d.ts +1 -1
  90. package/dist/kbd/Kbd.svelte +1 -1
  91. package/dist/kbd/Kbd.svelte.d.ts +1 -1
  92. package/dist/list-group/Listgroup.svelte +15 -4
  93. package/dist/list-group/Listgroup.svelte.d.ts +1 -1
  94. package/dist/list-group/ListgroupItem.svelte +3 -2
  95. package/dist/list-group/ListgroupItem.svelte.d.ts +1 -1
  96. package/dist/list-group/theme.js +8 -0
  97. package/dist/mega-menu/MegaMenu.svelte +1 -1
  98. package/dist/mega-menu/MegaMenu.svelte.d.ts +1 -1
  99. package/dist/modal/Modal.svelte +1 -1
  100. package/dist/modal/Modal.svelte.d.ts +1 -1
  101. package/dist/navbar/Menu.svelte +1 -1
  102. package/dist/navbar/Menu.svelte.d.ts +1 -1
  103. package/dist/navbar/NavBrand.svelte +1 -1
  104. package/dist/navbar/NavBrand.svelte.d.ts +1 -1
  105. package/dist/navbar/NavContainer.svelte +1 -1
  106. package/dist/navbar/NavContainer.svelte.d.ts +1 -1
  107. package/dist/navbar/NavHamburger.svelte +1 -1
  108. package/dist/navbar/NavHamburger.svelte.d.ts +1 -1
  109. package/dist/navbar/NavLi.svelte +1 -1
  110. package/dist/navbar/NavLi.svelte.d.ts +1 -1
  111. package/dist/navbar/NavUl.svelte +1 -1
  112. package/dist/navbar/NavUl.svelte.d.ts +1 -1
  113. package/dist/navbar/Navbar.svelte +1 -1
  114. package/dist/navbar/Navbar.svelte.d.ts +1 -1
  115. package/dist/pagination/Pagination.svelte +1 -1
  116. package/dist/pagination/Pagination.svelte.d.ts +1 -1
  117. package/dist/pagination/PaginationItem.svelte +1 -1
  118. package/dist/pagination/PaginationItem.svelte.d.ts +1 -1
  119. package/dist/popover/Popover.svelte +1 -1
  120. package/dist/popover/Popover.svelte.d.ts +1 -1
  121. package/dist/progress/Progressbar.svelte +1 -1
  122. package/dist/progress/Progressbar.svelte.d.ts +1 -1
  123. package/dist/rating/AdvancedRating.svelte +1 -1
  124. package/dist/rating/AdvancedRating.svelte.d.ts +1 -1
  125. package/dist/rating/CustomIcon.svelte +1 -1
  126. package/dist/rating/CustomIcon.svelte.d.ts +1 -1
  127. package/dist/rating/Heart.svelte +1 -1
  128. package/dist/rating/Heart.svelte.d.ts +1 -1
  129. package/dist/rating/Rating.svelte +4 -3
  130. package/dist/rating/Rating.svelte.d.ts +2 -1
  131. package/dist/rating/RatingComment.svelte +1 -1
  132. package/dist/rating/RatingComment.svelte.d.ts +1 -1
  133. package/dist/rating/Review.svelte +1 -1
  134. package/dist/rating/Review.svelte.d.ts +1 -1
  135. package/dist/rating/ScoreRating.svelte +1 -1
  136. package/dist/rating/ScoreRating.svelte.d.ts +1 -1
  137. package/dist/rating/Star.svelte +1 -1
  138. package/dist/rating/Star.svelte.d.ts +1 -1
  139. package/dist/rating/Thumbup.svelte +1 -1
  140. package/dist/rating/Thumbup.svelte.d.ts +1 -1
  141. package/dist/sidebar/Sidebar.svelte +1 -1
  142. package/dist/sidebar/Sidebar.svelte.d.ts +1 -1
  143. package/dist/sidebar/SidebarBrand.svelte +1 -1
  144. package/dist/sidebar/SidebarBrand.svelte.d.ts +1 -1
  145. package/dist/sidebar/SidebarButton.svelte +1 -1
  146. package/dist/sidebar/SidebarButton.svelte.d.ts +1 -1
  147. package/dist/sidebar/SidebarCta.svelte +1 -1
  148. package/dist/sidebar/SidebarCta.svelte.d.ts +1 -1
  149. package/dist/sidebar/SidebarDropdownWrapper.svelte +1 -1
  150. package/dist/sidebar/SidebarDropdownWrapper.svelte.d.ts +1 -1
  151. package/dist/sidebar/SidebarGroup.svelte +1 -1
  152. package/dist/sidebar/SidebarGroup.svelte.d.ts +1 -1
  153. package/dist/sidebar/SidebarItem.svelte +1 -1
  154. package/dist/sidebar/SidebarItem.svelte.d.ts +1 -1
  155. package/dist/skeleton/CardPlaceholder.svelte +1 -1
  156. package/dist/skeleton/CardPlaceholder.svelte.d.ts +1 -1
  157. package/dist/skeleton/ImagePlaceholder.svelte +1 -1
  158. package/dist/skeleton/ImagePlaceholder.svelte.d.ts +1 -1
  159. package/dist/skeleton/ListPlaceholder.svelte +1 -1
  160. package/dist/skeleton/ListPlaceholder.svelte.d.ts +1 -1
  161. package/dist/skeleton/Skeleton.svelte +1 -1
  162. package/dist/skeleton/Skeleton.svelte.d.ts +1 -1
  163. package/dist/skeleton/TextPlaceholder.svelte +1 -1
  164. package/dist/skeleton/TextPlaceholder.svelte.d.ts +1 -1
  165. package/dist/skeleton/VideoPlaceholder.svelte +1 -1
  166. package/dist/skeleton/VideoPlaceholder.svelte.d.ts +1 -1
  167. package/dist/speed-dial/SpeedDial.svelte +1 -1
  168. package/dist/speed-dial/SpeedDial.svelte.d.ts +1 -1
  169. package/dist/speed-dial/SpeedDialButton.svelte +1 -1
  170. package/dist/speed-dial/SpeedDialButton.svelte.d.ts +1 -1
  171. package/dist/speed-dial/SpeedDialTrigger.svelte +1 -1
  172. package/dist/speed-dial/SpeedDialTrigger.svelte.d.ts +1 -1
  173. package/dist/spinner/Spinner.svelte +1 -1
  174. package/dist/spinner/Spinner.svelte.d.ts +1 -1
  175. package/dist/steps/StepIndicator.svelte +1 -1
  176. package/dist/steps/StepIndicator.svelte.d.ts +1 -1
  177. package/dist/table/Table.svelte +1 -1
  178. package/dist/table/Table.svelte.d.ts +1 -1
  179. package/dist/table/TableBody.svelte +1 -1
  180. package/dist/table/TableBody.svelte.d.ts +1 -1
  181. package/dist/table/TableBodyCell.svelte +1 -1
  182. package/dist/table/TableBodyCell.svelte.d.ts +1 -1
  183. package/dist/table/TableBodyRow.svelte +1 -1
  184. package/dist/table/TableBodyRow.svelte.d.ts +1 -1
  185. package/dist/table/TableHead.svelte +1 -1
  186. package/dist/table/TableHead.svelte.d.ts +1 -1
  187. package/dist/table/TableHeadCell.svelte +1 -1
  188. package/dist/table/TableHeadCell.svelte.d.ts +1 -1
  189. package/dist/table/TableSearch.svelte +1 -1
  190. package/dist/table/TableSearch.svelte.d.ts +1 -1
  191. package/dist/tabs/TabItem.svelte +1 -1
  192. package/dist/tabs/TabItem.svelte.d.ts +1 -1
  193. package/dist/tabs/Tabs.svelte +1 -1
  194. package/dist/tabs/Tabs.svelte.d.ts +1 -1
  195. package/dist/theme/Theme.svelte +1 -1
  196. package/dist/theme/Theme.svelte.d.ts +1 -1
  197. package/dist/timeline/Activity.svelte +1 -1
  198. package/dist/timeline/Activity.svelte.d.ts +1 -1
  199. package/dist/timeline/ActivityItem.svelte +1 -1
  200. package/dist/timeline/ActivityItem.svelte.d.ts +1 -1
  201. package/dist/timeline/Group.svelte +1 -1
  202. package/dist/timeline/Group.svelte.d.ts +1 -1
  203. package/dist/timeline/GroupItem.svelte +1 -1
  204. package/dist/timeline/GroupItem.svelte.d.ts +1 -1
  205. package/dist/timeline/Timeline.svelte +1 -1
  206. package/dist/timeline/Timeline.svelte.d.ts +1 -1
  207. package/dist/timeline/TimelineItem.svelte +1 -1
  208. package/dist/timeline/TimelineItem.svelte.d.ts +1 -1
  209. package/dist/toast/Toast.svelte +1 -1
  210. package/dist/toast/Toast.svelte.d.ts +1 -1
  211. package/dist/toolbar/Toolbar.svelte +1 -1
  212. package/dist/toolbar/Toolbar.svelte.d.ts +1 -1
  213. package/dist/toolbar/ToolbarButton.svelte +1 -1
  214. package/dist/toolbar/ToolbarButton.svelte.d.ts +1 -1
  215. package/dist/toolbar/ToolbarGroup.svelte +1 -1
  216. package/dist/toolbar/ToolbarGroup.svelte.d.ts +1 -1
  217. package/dist/tooltip/Tooltip.svelte +1 -1
  218. package/dist/tooltip/Tooltip.svelte.d.ts +1 -1
  219. package/dist/types.d.ts +4 -0
  220. package/dist/typography/anchor/A.svelte +1 -1
  221. package/dist/typography/anchor/A.svelte.d.ts +1 -1
  222. package/dist/typography/blockquote/Blockquote.svelte +1 -1
  223. package/dist/typography/blockquote/Blockquote.svelte.d.ts +1 -1
  224. package/dist/typography/descriptionlist/DescriptionList.svelte +1 -1
  225. package/dist/typography/descriptionlist/DescriptionList.svelte.d.ts +1 -1
  226. package/dist/typography/heading/Heading.svelte +1 -1
  227. package/dist/typography/heading/Heading.svelte.d.ts +1 -1
  228. package/dist/typography/hr/Hr.svelte +1 -1
  229. package/dist/typography/hr/Hr.svelte.d.ts +1 -1
  230. package/dist/typography/img/EnhancedImg.svelte +1 -1
  231. package/dist/typography/img/EnhancedImg.svelte.d.ts +1 -1
  232. package/dist/typography/img/Img.svelte +1 -1
  233. package/dist/typography/img/Img.svelte.d.ts +1 -1
  234. package/dist/typography/layout/Layout.svelte +1 -1
  235. package/dist/typography/layout/Layout.svelte.d.ts +1 -1
  236. package/dist/typography/list/Li.svelte +1 -1
  237. package/dist/typography/list/Li.svelte.d.ts +1 -1
  238. package/dist/typography/list/List.svelte +1 -1
  239. package/dist/typography/list/List.svelte.d.ts +1 -1
  240. package/dist/typography/mark/Mark.svelte +1 -1
  241. package/dist/typography/mark/Mark.svelte.d.ts +1 -1
  242. package/dist/typography/paragraph/P.svelte +1 -1
  243. package/dist/typography/paragraph/P.svelte.d.ts +1 -1
  244. package/dist/typography/secondary/Secondary.svelte +1 -1
  245. package/dist/typography/secondary/Secondary.svelte.d.ts +1 -1
  246. package/dist/typography/span/Span.svelte +1 -1
  247. package/dist/typography/span/Span.svelte.d.ts +1 -1
  248. package/dist/utils/Popper.svelte +50 -6
  249. package/dist/utils/Popper.svelte.d.ts +3 -2
  250. package/dist/video/Video.svelte +1 -1
  251. package/dist/video/Video.svelte.d.ts +1 -1
  252. package/package.json +3 -4
@@ -25,7 +25,7 @@
25
25
  @component
26
26
  [Go to docs](https://flowbite-svelte.com/)
27
27
  ## Type
28
- [FooterCopyrightProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L613)
28
+ [FooterCopyrightProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L615)
29
29
  ## Props
30
30
  @prop spanClass
31
31
  @prop aClass
@@ -2,7 +2,7 @@ import type { FooterCopyrightProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [FooterCopyrightProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L613)
5
+ * [FooterCopyrightProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L615)
6
6
  * ## Props
7
7
  * @prop spanClass
8
8
  * @prop aClass
@@ -19,7 +19,7 @@
19
19
  @component
20
20
  [Go to docs](https://flowbite-svelte.com/)
21
21
  ## Type
22
- [FooterIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L622)
22
+ [FooterIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L624)
23
23
  ## Props
24
24
  @prop children
25
25
  @prop href
@@ -2,7 +2,7 @@ import type { FooterIconProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [FooterIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L622)
5
+ * [FooterIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L624)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop href
@@ -16,7 +16,7 @@
16
16
  @component
17
17
  [Go to docs](https://flowbite-svelte.com/)
18
18
  ## Type
19
- [FooterLinkProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L634)
19
+ [FooterLinkProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L636)
20
20
  ## Props
21
21
  @prop children
22
22
  @prop liClass
@@ -2,7 +2,7 @@ import type { FooterLinkProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [FooterLinkProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L634)
5
+ * [FooterLinkProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L636)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop liClass
@@ -14,7 +14,7 @@
14
14
  @component
15
15
  [Go to docs](https://flowbite-svelte.com/)
16
16
  ## Type
17
- [FooterLinkGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L629)
17
+ [FooterLinkGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L631)
18
18
  ## Props
19
19
  @prop class: ulClass
20
20
  @prop children
@@ -2,7 +2,7 @@ import type { FooterLinkGroupProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [FooterLinkGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L629)
5
+ * [FooterLinkGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L631)
6
6
  * ## Props
7
7
  * @prop class: ulClass
8
8
  * @prop children
@@ -35,7 +35,7 @@
35
35
  @component
36
36
  [Go to docs](https://flowbite-svelte.com/)
37
37
  ## Type
38
- [CheckboxProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L650)
38
+ [CheckboxProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L652)
39
39
  ## Props
40
40
  @prop children
41
41
  @prop color = "primary"
@@ -2,7 +2,7 @@ import type { CheckboxProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [CheckboxProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L650)
5
+ * [CheckboxProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L652)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop color = "primary"
@@ -56,7 +56,7 @@
56
56
  @component
57
57
  [Go to docs](https://flowbite-svelte.com/)
58
58
  ## Type
59
- [CheckboxButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L663)
59
+ [CheckboxButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L665)
60
60
  ## Props
61
61
  @prop children
62
62
  @prop class: className
@@ -2,7 +2,7 @@ import type { CheckboxButtonProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [CheckboxButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L663)
5
+ * [CheckboxButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L665)
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
- [FileuploadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L682)
34
+ [FileuploadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L684)
35
35
  ## Props
36
36
  @prop files = $bindable<FileList | undefined>()
37
37
  @prop size = "md"
@@ -2,7 +2,7 @@ import type { FileuploadProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [FileuploadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L682)
5
+ * [FileuploadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L684)
6
6
  * ## Props
7
7
  * @prop files = $bindable<FileList | undefined>()
8
8
  * @prop size = "md"
@@ -21,7 +21,7 @@
21
21
  @component
22
22
  [Go to docs](https://flowbite-svelte.com/)
23
23
  ## Type
24
- [FloatingLabelInputProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L690)
24
+ [FloatingLabelInputProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L692)
25
25
  ## Props
26
26
  @prop children
27
27
  @prop id = idGenerator()
@@ -2,7 +2,7 @@ import type { FloatingLabelInputProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [FloatingLabelInputProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L690)
5
+ * [FloatingLabelInputProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L692)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop id = idGenerator()
@@ -16,7 +16,7 @@
16
16
  @component
17
17
  [Go to docs](https://flowbite-svelte.com/)
18
18
  ## Type
19
- [HelperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L703)
19
+ [HelperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L705)
20
20
  ## Props
21
21
  @prop children
22
22
  @prop class: className
@@ -2,7 +2,7 @@ import type { HelperProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [HelperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L703)
5
+ * [HelperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L705)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -41,7 +41,7 @@
41
41
  @component
42
42
  [Go to docs](https://flowbite-svelte.com/)
43
43
  ## Type
44
- [InputAddonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L722)
44
+ [InputAddonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L724)
45
45
  ## Props
46
46
  @prop children
47
47
  @prop class: className
@@ -2,7 +2,7 @@ import type { InputAddonProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [InputAddonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L722)
5
+ * [InputAddonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L724)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -20,7 +20,7 @@
20
20
  @component
21
21
  [Go to docs](https://flowbite-svelte.com/)
22
22
  ## Type
23
- [LabelProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L729)
23
+ [LabelProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L731)
24
24
  ## Props
25
25
  @prop children
26
26
  @prop color = "gray"
@@ -2,7 +2,7 @@ import type { LabelProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [LabelProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L729)
5
+ * [LabelProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L731)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop color = "gray"
@@ -14,7 +14,7 @@
14
14
  @component
15
15
  [Go to docs](https://flowbite-svelte.com/)
16
16
  ## Type
17
- [RangeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L756)
17
+ [RangeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L758)
18
18
  ## Props
19
19
  @prop value = $bindable()
20
20
  @prop appearance = "none"
@@ -2,7 +2,7 @@ import type { RangeProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [RangeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L756)
5
+ * [RangeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L758)
6
6
  * ## Props
7
7
  * @prop value = $bindable()
8
8
  * @prop appearance = "none"
@@ -37,7 +37,7 @@
37
37
  @component
38
38
  [Go to docs](https://flowbite-svelte.com/)
39
39
  ## Type
40
- [TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L825)
40
+ [TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L827)
41
41
  ## Props
42
42
  @prop header
43
43
  @prop footer
@@ -2,7 +2,7 @@ import type { TextareaProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L825)
5
+ * [TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L827)
6
6
  * ## Props
7
7
  * @prop header
8
8
  * @prop footer
@@ -195,7 +195,7 @@
195
195
  @component
196
196
  [Go to docs](https://flowbite-svelte.com/)
197
197
  ## Type
198
- [TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L797)
198
+ [TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L799)
199
199
  ## Props
200
200
  @prop id = "time"
201
201
  @prop endId = "end-time"
@@ -2,7 +2,7 @@ import { type TimepickerProps } from "../..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L797)
5
+ * [TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L799)
6
6
  * ## Props
7
7
  * @prop id = "time"
8
8
  * @prop endId = "end-time"
@@ -24,7 +24,7 @@
24
24
  @component
25
25
  [Go to docs](https://flowbite-svelte.com/)
26
26
  ## Type
27
- [ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L838)
27
+ [ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L840)
28
28
  ## Props
29
29
  @prop children
30
30
  @prop size = "default"
@@ -2,7 +2,7 @@ import type { ToggleProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L838)
5
+ * [ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L840)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop size = "default"
@@ -36,7 +36,7 @@
36
36
  @component
37
37
  [Go to docs](https://flowbite-svelte.com/)
38
38
  ## Type
39
- [GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L855)
39
+ [GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L857)
40
40
  ## Props
41
41
  @prop children
42
42
  @prop figure
@@ -2,7 +2,7 @@ import type { GalleryProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L855)
5
+ * [GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L857)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop figure
@@ -29,7 +29,7 @@
29
29
  @component
30
30
  [Go to docs](https://flowbite-svelte.com/)
31
31
  ## Type
32
- [IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L863)
32
+ [IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L865)
33
33
  ## Props
34
34
  @prop children
35
35
  @prop color = "primary"
@@ -2,7 +2,7 @@ import type { IndicatorProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L863)
5
+ * [IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L865)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop color = "primary"
@@ -15,7 +15,7 @@
15
15
  @component
16
16
  [Go to docs](https://flowbite-svelte.com/)
17
17
  ## Type
18
- [KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L874)
18
+ [KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L876)
19
19
  ## Props
20
20
  @prop children
21
21
  @prop class: className
@@ -2,7 +2,7 @@ import type { KbdProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L874)
5
+ * [KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L876)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -10,7 +10,18 @@
10
10
  const base = $derived(listGroup({ rounded, border, horizontal, class: clsx(className) }));
11
11
 
12
12
  let tag = active ? "div" : "ul";
13
- setContext("active", active);
13
+ setContext("listGrpActive", active);
14
+ setContext("listGrpHorizontal", horizontal);
15
+
16
+ function createItemClickHandler(item: any) {
17
+ return function (event: MouseEvent) {
18
+ if (onclick) {
19
+ // Create an event with the item data in the detail property
20
+ const itemClickEvent = { ...event, detail: item };
21
+ onclick(itemClickEvent);
22
+ }
23
+ };
24
+ }
14
25
  </script>
15
26
 
16
27
  <svelte:element this={tag} {...restProps} class={base}>
@@ -19,9 +30,9 @@
19
30
  {#if children}
20
31
  {@render children(item)}
21
32
  {:else if typeof item === "string"}
22
- <ListgroupItem href={undefined} class={itemClass} {iconClass} {active} {horizontal} {onclick}>{item}</ListgroupItem>
33
+ <ListgroupItem href={undefined} class={itemClass} {iconClass} {active} {horizontal} onclick={createItemClickHandler(item)}>{item}</ListgroupItem>
23
34
  {:else}
24
- <ListgroupItem href={item.href} class={itemClass} {iconClass} {active} {horizontal} {...item} onclick={item.onclick ?? onclick} />
35
+ <ListgroupItem href={item.href} class={itemClass} {iconClass} {active} {horizontal} {...item} onclick={item.onclick ?? createItemClickHandler(item)} />
25
36
  {/if}
26
37
  {/each}
27
38
  {:else}
@@ -33,7 +44,7 @@
33
44
  @component
34
45
  [Go to docs](https://flowbite-svelte.com/)
35
46
  ## Type
36
- [ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L893)
47
+ [ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L895)
37
48
  ## Props
38
49
  @prop children
39
50
  @prop items
@@ -2,7 +2,7 @@ import type { ListgroupProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L893)
5
+ * [ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L895)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop items
@@ -6,7 +6,8 @@
6
6
 
7
7
  let { children, active, current, disabled, horizontal, name, Icon, class: className, iconClass = "me-2.5 h-5 w-5", onclick, ...restProps }: ListgroupItemProps = $props();
8
8
 
9
- active = active ?? getContext("active");
9
+ active = active ?? getContext("listGrpActive");
10
+ horizontal = horizontal ?? getContext("listGrpHorizontal");
10
11
 
11
12
  let state: ListgroupItemVariants["state"] = $derived(disabled ? "disabled" : current ? "current" : "normal");
12
13
  let itemClass = $derived(listGroupItem({ state, active, horizontal, class: clsx(className) }));
@@ -41,7 +42,7 @@
41
42
  @component
42
43
  [Go to docs](https://flowbite-svelte.com/)
43
44
  ## Type
44
- [ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L904)
45
+ [ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L906)
45
46
  ## Props
46
47
  @prop children
47
48
  @prop active
@@ -2,7 +2,7 @@ import type { ListgroupItemProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L904)
5
+ * [ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L906)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop active
@@ -55,5 +55,13 @@ export const listGroupItem = tv({
55
55
  state: "normal",
56
56
  class: "hover:bg-gray-100 hover:text-primary-700 dark:hover:bg-gray-600 dark:hover:text-white focus:z-40 focus:outline-hidden focus:ring-2 focus:ring-primary-700 focus:text-primary-700 dark:focus:ring-gray-500 dark:focus:text-white"
57
57
  }
58
+ // {
59
+ // horizontal: true,
60
+ // class: "focus:first:rounded-s-lg focus:last:rounded-e-lg"
61
+ // },
62
+ // {
63
+ // horizontal: false,
64
+ // class: "focus:first:rounded-t-lg focus:last:rounded-b-lg"
65
+ // }
58
66
  ]
59
67
  });
@@ -36,7 +36,7 @@
36
36
  @component
37
37
  [Go to docs](https://flowbite-svelte.com/)
38
38
  ## Type
39
- [MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L914)
39
+ [MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L917)
40
40
  ## Props
41
41
  @prop children
42
42
  @prop extra
@@ -2,7 +2,7 @@ import type { MegaMenuProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L914)
5
+ * [MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L917)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop extra
@@ -77,7 +77,7 @@
77
77
  @component
78
78
  [Go to docs](https://flowbite-svelte.com/)
79
79
  ## Type
80
- [ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L923)
80
+ [ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L926)
81
81
  ## Props
82
82
  @prop children
83
83
  @prop oncancel
@@ -2,7 +2,7 @@ import type { ModalProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L923)
5
+ * [ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L926)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop oncancel
@@ -32,7 +32,7 @@
32
32
  @component
33
33
  [Go to docs](https://flowbite-svelte.com/)
34
34
  ## Type
35
- [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L939)
35
+ [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L942)
36
36
  ## Props
37
37
  @prop size = "24"
38
38
  @prop color = "currentColor"
@@ -2,7 +2,7 @@ import type { MenuProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L939)
5
+ * [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L942)
6
6
  * ## Props
7
7
  * @prop size = "24"
8
8
  * @prop color = "currentColor"
@@ -14,7 +14,7 @@
14
14
  @component
15
15
  [Go to docs](https://flowbite-svelte.com/)
16
16
  ## Type
17
- [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L958)
17
+ [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L961)
18
18
  ## Props
19
19
  @prop children
20
20
  @prop class: className
@@ -2,7 +2,7 @@ import type { NavBrandProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L958)
5
+ * [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L961)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -14,7 +14,7 @@
14
14
  @component
15
15
  [Go to docs](https://flowbite-svelte.com/)
16
16
  ## Type
17
- [NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L960)
17
+ [NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L963)
18
18
  ## Props
19
19
  @prop children
20
20
  @prop fluid
@@ -2,7 +2,7 @@ import type { NavContainerProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L960)
5
+ * [NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L963)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop fluid
@@ -25,7 +25,7 @@
25
25
  @component
26
26
  [Go to docs](https://flowbite-svelte.com/)
27
27
  ## Type
28
- [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L964)
28
+ [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L967)
29
29
  ## Props
30
30
  @prop children
31
31
  @prop onclick
@@ -2,7 +2,7 @@ import type { NavHamburgerProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L964)
5
+ * [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L967)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop onclick
@@ -35,7 +35,7 @@
35
35
  @component
36
36
  [Go to docs](https://flowbite-svelte.com/)
37
37
  ## Type
38
- [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L978)
38
+ [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L981)
39
39
  ## Props
40
40
  @prop children
41
41
  @prop activeClass
@@ -2,7 +2,7 @@ import type { NavLiProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L978)
5
+ * [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L981)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop activeClass
@@ -56,7 +56,7 @@
56
56
  @component
57
57
  [Go to docs](https://flowbite-svelte.com/)
58
58
  ## Type
59
- [NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L969)
59
+ [NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L972)
60
60
  ## Props
61
61
  @prop children
62
62
  @prop activeUrl