flowbite-svelte 1.10.6 → 1.10.8

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 (332) 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 +15 -10
  4. package/dist/accordion/AccordionItem.svelte.d.ts +1 -0
  5. package/dist/accordion/theme.d.ts +4 -0
  6. package/dist/alert/Alert.svelte +1 -1
  7. package/dist/alert/Alert.svelte.d.ts +1 -1
  8. package/dist/avatar/Avatar.svelte +1 -1
  9. package/dist/avatar/Avatar.svelte.d.ts +1 -1
  10. package/dist/avatar/theme.d.ts +2 -0
  11. package/dist/badge/Badge.svelte +11 -6
  12. package/dist/badge/Badge.svelte.d.ts +2 -1
  13. package/dist/badge/theme.d.ts +3 -2
  14. package/dist/banner/Banner.svelte +9 -5
  15. package/dist/banner/Banner.svelte.d.ts +2 -1
  16. package/dist/banner/theme.d.ts +2 -1
  17. package/dist/bottom-navigation/BottomNav.svelte +16 -11
  18. package/dist/bottom-navigation/BottomNav.svelte.d.ts +3 -1
  19. package/dist/bottom-navigation/BottomNavHeader.svelte +11 -6
  20. package/dist/bottom-navigation/BottomNavHeader.svelte.d.ts +3 -1
  21. package/dist/bottom-navigation/BottomNavHeaderItem.svelte +1 -1
  22. package/dist/bottom-navigation/BottomNavHeaderItem.svelte.d.ts +1 -1
  23. package/dist/bottom-navigation/BottomNavItem.svelte +25 -27
  24. package/dist/bottom-navigation/BottomNavItem.svelte.d.ts +3 -3
  25. package/dist/bottom-navigation/theme.d.ts +54 -48
  26. package/dist/bottom-navigation/theme.js +16 -16
  27. package/dist/breadcrumb/Breadcrumb.svelte +10 -6
  28. package/dist/breadcrumb/Breadcrumb.svelte.d.ts +2 -1
  29. package/dist/breadcrumb/BreadcrumbItem.svelte +8 -5
  30. package/dist/breadcrumb/BreadcrumbItem.svelte.d.ts +2 -1
  31. package/dist/breadcrumb/theme.d.ts +10 -6
  32. package/dist/breadcrumb/theme.js +2 -2
  33. package/dist/button-group/ButtonGroup.svelte +1 -1
  34. package/dist/button-group/ButtonGroup.svelte.d.ts +1 -1
  35. package/dist/button-group/theme.d.ts +2 -0
  36. package/dist/buttons/Button.svelte +1 -1
  37. package/dist/buttons/Button.svelte.d.ts +1 -1
  38. package/dist/buttons/GradientButton.svelte +1 -1
  39. package/dist/buttons/GradientButton.svelte.d.ts +1 -1
  40. package/dist/card/Card.svelte +8 -5
  41. package/dist/card/Card.svelte.d.ts +2 -2
  42. package/dist/card/theme.d.ts +2 -1
  43. package/dist/carousel/Carousel.svelte +1 -1
  44. package/dist/carousel/Carousel.svelte.d.ts +1 -1
  45. package/dist/carousel/CarouselIndicators.svelte +1 -1
  46. package/dist/carousel/CarouselIndicators.svelte.d.ts +1 -1
  47. package/dist/carousel/ControlButton.svelte +1 -1
  48. package/dist/carousel/ControlButton.svelte.d.ts +1 -1
  49. package/dist/carousel/Controls.svelte +1 -1
  50. package/dist/carousel/Controls.svelte.d.ts +1 -1
  51. package/dist/carousel/Slide.svelte +1 -1
  52. package/dist/carousel/Slide.svelte.d.ts +1 -1
  53. package/dist/carousel/Thumbnail.svelte +1 -1
  54. package/dist/carousel/Thumbnail.svelte.d.ts +1 -1
  55. package/dist/carousel/Thumbnails.svelte +1 -1
  56. package/dist/carousel/Thumbnails.svelte.d.ts +1 -1
  57. package/dist/clipboard/Clipboard.svelte +1 -1
  58. package/dist/clipboard/Clipboard.svelte.d.ts +1 -1
  59. package/dist/darkmode/DarkMode.svelte +1 -1
  60. package/dist/darkmode/DarkMode.svelte.d.ts +1 -1
  61. package/dist/datepicker/Datepicker.svelte +101 -38
  62. package/dist/datepicker/Datepicker.svelte.d.ts +1 -1
  63. package/dist/datepicker/theme.d.ts +2 -6
  64. package/dist/device-mockups/Android.svelte +27 -11
  65. package/dist/device-mockups/Android.svelte.d.ts +3 -1
  66. package/dist/device-mockups/DefaultMockup.svelte +25 -10
  67. package/dist/device-mockups/DefaultMockup.svelte.d.ts +3 -1
  68. package/dist/device-mockups/Desktop.svelte +21 -8
  69. package/dist/device-mockups/Desktop.svelte.d.ts +5 -3
  70. package/dist/device-mockups/DeviceMockup.svelte +1 -1
  71. package/dist/device-mockups/DeviceMockup.svelte.d.ts +1 -1
  72. package/dist/device-mockups/Ios.svelte +24 -9
  73. package/dist/device-mockups/Ios.svelte.d.ts +3 -1
  74. package/dist/device-mockups/Laptop.svelte +22 -8
  75. package/dist/device-mockups/Laptop.svelte.d.ts +5 -3
  76. package/dist/device-mockups/Smartwatch.svelte +24 -10
  77. package/dist/device-mockups/Smartwatch.svelte.d.ts +3 -1
  78. package/dist/device-mockups/Tablet.svelte +24 -9
  79. package/dist/device-mockups/Tablet.svelte.d.ts +3 -1
  80. package/dist/device-mockups/theme.d.ts +51 -42
  81. package/dist/device-mockups/theme.js +8 -8
  82. package/dist/drawer/Drawer.svelte +1 -1
  83. package/dist/drawer/Drawer.svelte.d.ts +1 -1
  84. package/dist/drawer/Drawerhead.svelte +1 -1
  85. package/dist/drawer/Drawerhead.svelte.d.ts +1 -1
  86. package/dist/dropdown/Dropdown.svelte +1 -1
  87. package/dist/dropdown/Dropdown.svelte.d.ts +1 -1
  88. package/dist/dropdown/DropdownDivider.svelte +1 -1
  89. package/dist/dropdown/DropdownDivider.svelte.d.ts +1 -1
  90. package/dist/dropdown/DropdownGroup.svelte +1 -1
  91. package/dist/dropdown/DropdownGroup.svelte.d.ts +1 -1
  92. package/dist/dropdown/DropdownHeader.svelte +1 -1
  93. package/dist/dropdown/DropdownHeader.svelte.d.ts +1 -1
  94. package/dist/dropdown/DropdownItem.svelte +1 -1
  95. package/dist/dropdown/DropdownItem.svelte.d.ts +1 -1
  96. package/dist/footer/Footer.svelte +1 -1
  97. package/dist/footer/Footer.svelte.d.ts +1 -1
  98. package/dist/footer/FooterBrand.svelte +1 -1
  99. package/dist/footer/FooterBrand.svelte.d.ts +1 -1
  100. package/dist/footer/FooterCopyright.svelte +1 -1
  101. package/dist/footer/FooterCopyright.svelte.d.ts +1 -1
  102. package/dist/footer/FooterIcon.svelte +1 -1
  103. package/dist/footer/FooterIcon.svelte.d.ts +1 -1
  104. package/dist/footer/FooterLink.svelte +1 -1
  105. package/dist/footer/FooterLink.svelte.d.ts +1 -1
  106. package/dist/footer/FooterLinkGroup.svelte +1 -1
  107. package/dist/footer/FooterLinkGroup.svelte.d.ts +1 -1
  108. package/dist/forms/button-toggle/ButtonToggle.svelte +1 -1
  109. package/dist/forms/button-toggle/ButtonToggle.svelte.d.ts +1 -1
  110. package/dist/forms/button-toggle/CheckIcon.svelte +1 -1
  111. package/dist/forms/button-toggle/CheckIcon.svelte.d.ts +1 -1
  112. package/dist/forms/checkbox/CheckboxButton.svelte +1 -1
  113. package/dist/forms/checkbox/CheckboxButton.svelte.d.ts +1 -1
  114. package/dist/forms/dropzone/Dropzone.svelte +21 -30
  115. package/dist/forms/dropzone/Dropzone.svelte.d.ts +4 -1
  116. package/dist/forms/fileupload/Fileupload.svelte +1 -1
  117. package/dist/forms/fileupload/Fileupload.svelte.d.ts +1 -1
  118. package/dist/forms/floating-label/FloatingLabelInput.svelte +1 -1
  119. package/dist/forms/floating-label/FloatingLabelInput.svelte.d.ts +1 -1
  120. package/dist/forms/helper/Helper.svelte +1 -1
  121. package/dist/forms/helper/Helper.svelte.d.ts +1 -1
  122. package/dist/forms/input-addon/InputAddon.svelte +1 -1
  123. package/dist/forms/input-addon/InputAddon.svelte.d.ts +1 -1
  124. package/dist/forms/label/Label.svelte +1 -1
  125. package/dist/forms/label/Label.svelte.d.ts +1 -1
  126. package/dist/forms/range/Range.svelte +1 -1
  127. package/dist/forms/range/Range.svelte.d.ts +1 -1
  128. package/dist/forms/search/Search.svelte +1 -1
  129. package/dist/forms/search/Search.svelte.d.ts +1 -1
  130. package/dist/forms/tags/Tags.svelte +1 -1
  131. package/dist/forms/tags/Tags.svelte.d.ts +1 -1
  132. package/dist/forms/textarea/Textarea.svelte +1 -1
  133. package/dist/forms/textarea/Textarea.svelte.d.ts +1 -1
  134. package/dist/forms/timepicker/Timepicker.svelte +1 -1
  135. package/dist/forms/timepicker/Timepicker.svelte.d.ts +1 -1
  136. package/dist/forms/toggle/Toggle.svelte +1 -1
  137. package/dist/forms/toggle/Toggle.svelte.d.ts +1 -1
  138. package/dist/gallery/Gallery.svelte +1 -1
  139. package/dist/gallery/Gallery.svelte.d.ts +1 -1
  140. package/dist/indicator/Indicator.svelte +1 -1
  141. package/dist/indicator/Indicator.svelte.d.ts +1 -1
  142. package/dist/kbd/Kbd.svelte +1 -1
  143. package/dist/kbd/Kbd.svelte.d.ts +1 -1
  144. package/dist/list-group/Listgroup.svelte +1 -1
  145. package/dist/list-group/Listgroup.svelte.d.ts +1 -1
  146. package/dist/list-group/ListgroupItem.svelte +1 -1
  147. package/dist/list-group/ListgroupItem.svelte.d.ts +1 -1
  148. package/dist/mega-menu/MegaMenu.svelte +1 -1
  149. package/dist/mega-menu/MegaMenu.svelte.d.ts +1 -1
  150. package/dist/modal/Modal.svelte +1 -1
  151. package/dist/modal/Modal.svelte.d.ts +1 -1
  152. package/dist/navbar/Menu.svelte +1 -1
  153. package/dist/navbar/Menu.svelte.d.ts +1 -1
  154. package/dist/navbar/NavBrand.svelte +1 -1
  155. package/dist/navbar/NavBrand.svelte.d.ts +1 -1
  156. package/dist/navbar/NavContainer.svelte +1 -1
  157. package/dist/navbar/NavContainer.svelte.d.ts +1 -1
  158. package/dist/navbar/NavHamburger.svelte +1 -1
  159. package/dist/navbar/NavHamburger.svelte.d.ts +1 -1
  160. package/dist/navbar/NavLi.svelte +1 -1
  161. package/dist/navbar/NavLi.svelte.d.ts +1 -1
  162. package/dist/navbar/NavUl.svelte +1 -1
  163. package/dist/navbar/NavUl.svelte.d.ts +1 -1
  164. package/dist/navbar/Navbar.svelte +1 -1
  165. package/dist/navbar/Navbar.svelte.d.ts +1 -1
  166. package/dist/pagination/Pagination.svelte +1 -1
  167. package/dist/pagination/Pagination.svelte.d.ts +1 -1
  168. package/dist/pagination/PaginationButton.svelte +1 -1
  169. package/dist/pagination/PaginationButton.svelte.d.ts +1 -1
  170. package/dist/pagination/PaginationItem.svelte +1 -1
  171. package/dist/pagination/PaginationItem.svelte.d.ts +1 -1
  172. package/dist/pagination/PaginationNav.svelte +1 -1
  173. package/dist/pagination/PaginationNav.svelte.d.ts +1 -1
  174. package/dist/popover/Popover.svelte +1 -1
  175. package/dist/popover/Popover.svelte.d.ts +1 -1
  176. package/dist/progress/Progressbar.svelte +1 -1
  177. package/dist/progress/Progressbar.svelte.d.ts +1 -1
  178. package/dist/progress/Progressradial.svelte +1 -1
  179. package/dist/progress/Progressradial.svelte.d.ts +1 -1
  180. package/dist/rating/AdvancedRating.svelte +1 -1
  181. package/dist/rating/AdvancedRating.svelte.d.ts +1 -1
  182. package/dist/rating/CustomIcon.svelte +1 -1
  183. package/dist/rating/CustomIcon.svelte.d.ts +1 -1
  184. package/dist/rating/Heart.svelte +1 -1
  185. package/dist/rating/Heart.svelte.d.ts +1 -1
  186. package/dist/rating/Rating.svelte +1 -1
  187. package/dist/rating/Rating.svelte.d.ts +1 -1
  188. package/dist/rating/RatingComment.svelte +1 -1
  189. package/dist/rating/RatingComment.svelte.d.ts +1 -1
  190. package/dist/rating/Review.svelte +1 -1
  191. package/dist/rating/Review.svelte.d.ts +1 -1
  192. package/dist/rating/ScoreRating.svelte +1 -1
  193. package/dist/rating/ScoreRating.svelte.d.ts +1 -1
  194. package/dist/rating/Star.svelte +1 -1
  195. package/dist/rating/Star.svelte.d.ts +1 -1
  196. package/dist/rating/Thumbup.svelte +1 -1
  197. package/dist/rating/Thumbup.svelte.d.ts +1 -1
  198. package/dist/sidebar/Sidebar.svelte +1 -1
  199. package/dist/sidebar/Sidebar.svelte.d.ts +1 -1
  200. package/dist/sidebar/SidebarBrand.svelte +1 -1
  201. package/dist/sidebar/SidebarBrand.svelte.d.ts +1 -1
  202. package/dist/sidebar/SidebarButton.svelte +1 -1
  203. package/dist/sidebar/SidebarButton.svelte.d.ts +1 -1
  204. package/dist/sidebar/SidebarCta.svelte +1 -1
  205. package/dist/sidebar/SidebarCta.svelte.d.ts +1 -1
  206. package/dist/sidebar/SidebarDropdownWrapper.svelte +1 -1
  207. package/dist/sidebar/SidebarDropdownWrapper.svelte.d.ts +1 -1
  208. package/dist/sidebar/SidebarGroup.svelte +1 -1
  209. package/dist/sidebar/SidebarGroup.svelte.d.ts +1 -1
  210. package/dist/sidebar/SidebarItem.svelte +1 -1
  211. package/dist/sidebar/SidebarItem.svelte.d.ts +1 -1
  212. package/dist/sidebar/theme.d.ts +3 -3
  213. package/dist/skeleton/CardPlaceholder.svelte +1 -1
  214. package/dist/skeleton/CardPlaceholder.svelte.d.ts +1 -1
  215. package/dist/skeleton/ImagePlaceholder.svelte +1 -1
  216. package/dist/skeleton/ImagePlaceholder.svelte.d.ts +1 -1
  217. package/dist/skeleton/ListPlaceholder.svelte +1 -1
  218. package/dist/skeleton/ListPlaceholder.svelte.d.ts +1 -1
  219. package/dist/skeleton/Skeleton.svelte +1 -1
  220. package/dist/skeleton/Skeleton.svelte.d.ts +1 -1
  221. package/dist/skeleton/TestimonialPlaceholder.svelte +1 -1
  222. package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts +1 -1
  223. package/dist/skeleton/TextPlaceholder.svelte +1 -1
  224. package/dist/skeleton/TextPlaceholder.svelte.d.ts +1 -1
  225. package/dist/skeleton/VideoPlaceholder.svelte +1 -1
  226. package/dist/skeleton/VideoPlaceholder.svelte.d.ts +1 -1
  227. package/dist/skeleton/WidgetPlaceholder.svelte +1 -1
  228. package/dist/skeleton/WidgetPlaceholder.svelte.d.ts +1 -1
  229. package/dist/speed-dial/SpeedDial.svelte +1 -1
  230. package/dist/speed-dial/SpeedDial.svelte.d.ts +1 -1
  231. package/dist/speed-dial/SpeedDialButton.svelte +1 -1
  232. package/dist/speed-dial/SpeedDialButton.svelte.d.ts +1 -1
  233. package/dist/speed-dial/SpeedDialTrigger.svelte +1 -1
  234. package/dist/speed-dial/SpeedDialTrigger.svelte.d.ts +1 -1
  235. package/dist/spinner/Spinner.svelte +1 -1
  236. package/dist/spinner/Spinner.svelte.d.ts +1 -1
  237. package/dist/stepindicator/StepIndicator.svelte +1 -1
  238. package/dist/stepindicator/StepIndicator.svelte.d.ts +1 -1
  239. package/dist/stepper/BreadcrumbStepper.svelte +1 -1
  240. package/dist/stepper/BreadcrumbStepper.svelte.d.ts +1 -1
  241. package/dist/stepper/DetailedStepper.svelte +1 -1
  242. package/dist/stepper/DetailedStepper.svelte.d.ts +1 -1
  243. package/dist/stepper/ProgressStepper.svelte +1 -1
  244. package/dist/stepper/ProgressStepper.svelte.d.ts +1 -1
  245. package/dist/stepper/Stepper.svelte +1 -1
  246. package/dist/stepper/Stepper.svelte.d.ts +1 -1
  247. package/dist/stepper/TimelineStepper.svelte +1 -1
  248. package/dist/stepper/TimelineStepper.svelte.d.ts +1 -1
  249. package/dist/stepper/VerticalStepper.svelte +1 -1
  250. package/dist/stepper/VerticalStepper.svelte.d.ts +1 -1
  251. package/dist/table/Table.svelte +1 -1
  252. package/dist/table/Table.svelte.d.ts +1 -1
  253. package/dist/table/TableBody.svelte +1 -1
  254. package/dist/table/TableBody.svelte.d.ts +1 -1
  255. package/dist/table/TableBodyCell.svelte +1 -1
  256. package/dist/table/TableBodyCell.svelte.d.ts +1 -1
  257. package/dist/table/TableBodyRow.svelte +1 -1
  258. package/dist/table/TableBodyRow.svelte.d.ts +1 -1
  259. package/dist/table/TableHead.svelte +1 -1
  260. package/dist/table/TableHead.svelte.d.ts +1 -1
  261. package/dist/table/TableHeadCell.svelte +1 -1
  262. package/dist/table/TableHeadCell.svelte.d.ts +1 -1
  263. package/dist/table/TableSearch.svelte +1 -1
  264. package/dist/table/TableSearch.svelte.d.ts +1 -1
  265. package/dist/tabs/TabItem.svelte +1 -1
  266. package/dist/tabs/TabItem.svelte.d.ts +1 -1
  267. package/dist/tabs/Tabs.svelte +1 -1
  268. package/dist/tabs/Tabs.svelte.d.ts +1 -1
  269. package/dist/theme/themeUtils.d.ts +13 -0
  270. package/dist/theme/themeUtils.js +9 -1
  271. package/dist/timeline/Activity.svelte +1 -1
  272. package/dist/timeline/Activity.svelte.d.ts +1 -1
  273. package/dist/timeline/ActivityItem.svelte +1 -1
  274. package/dist/timeline/ActivityItem.svelte.d.ts +1 -1
  275. package/dist/timeline/Group.svelte +1 -1
  276. package/dist/timeline/Group.svelte.d.ts +1 -1
  277. package/dist/timeline/GroupItem.svelte +1 -1
  278. package/dist/timeline/GroupItem.svelte.d.ts +1 -1
  279. package/dist/timeline/Timeline.svelte +1 -1
  280. package/dist/timeline/Timeline.svelte.d.ts +1 -1
  281. package/dist/timeline/TimelineItem.svelte +1 -1
  282. package/dist/timeline/TimelineItem.svelte.d.ts +1 -1
  283. package/dist/timeline/theme.d.ts +12 -12
  284. package/dist/toast/Toast.svelte +1 -1
  285. package/dist/toast/Toast.svelte.d.ts +1 -1
  286. package/dist/toolbar/Toolbar.svelte +1 -1
  287. package/dist/toolbar/Toolbar.svelte.d.ts +1 -1
  288. package/dist/toolbar/ToolbarButton.svelte +1 -1
  289. package/dist/toolbar/ToolbarButton.svelte.d.ts +1 -1
  290. package/dist/toolbar/ToolbarGroup.svelte +1 -1
  291. package/dist/toolbar/ToolbarGroup.svelte.d.ts +1 -1
  292. package/dist/tooltip/Tooltip.svelte +1 -1
  293. package/dist/tooltip/Tooltip.svelte.d.ts +1 -1
  294. package/dist/types.d.ts +37 -53
  295. package/dist/types.js +0 -1
  296. package/dist/typography/anchor/A.svelte +1 -1
  297. package/dist/typography/anchor/A.svelte.d.ts +1 -1
  298. package/dist/typography/blockquote/Blockquote.svelte +1 -1
  299. package/dist/typography/blockquote/Blockquote.svelte.d.ts +1 -1
  300. package/dist/typography/descriptionlist/DescriptionList.svelte +1 -1
  301. package/dist/typography/descriptionlist/DescriptionList.svelte.d.ts +1 -1
  302. package/dist/typography/heading/Heading.svelte +1 -1
  303. package/dist/typography/heading/Heading.svelte.d.ts +1 -1
  304. package/dist/typography/hr/Hr.svelte +1 -1
  305. package/dist/typography/hr/Hr.svelte.d.ts +1 -1
  306. package/dist/typography/img/EnhancedImg.svelte +1 -1
  307. package/dist/typography/img/EnhancedImg.svelte.d.ts +1 -1
  308. package/dist/typography/img/Img.svelte +1 -1
  309. package/dist/typography/img/Img.svelte.d.ts +1 -1
  310. package/dist/typography/layout/Layout.svelte +1 -1
  311. package/dist/typography/layout/Layout.svelte.d.ts +1 -1
  312. package/dist/typography/list/Li.svelte +1 -1
  313. package/dist/typography/list/Li.svelte.d.ts +1 -1
  314. package/dist/typography/list/List.svelte +1 -1
  315. package/dist/typography/list/List.svelte.d.ts +1 -1
  316. package/dist/typography/mark/Mark.svelte +1 -1
  317. package/dist/typography/mark/Mark.svelte.d.ts +1 -1
  318. package/dist/typography/paragraph/P.svelte +1 -1
  319. package/dist/typography/paragraph/P.svelte.d.ts +1 -1
  320. package/dist/typography/secondary/Secondary.svelte +1 -1
  321. package/dist/typography/secondary/Secondary.svelte.d.ts +1 -1
  322. package/dist/typography/span/Span.svelte +1 -1
  323. package/dist/typography/span/Span.svelte.d.ts +1 -1
  324. package/dist/utils/Arrow.svelte +1 -1
  325. package/dist/utils/Arrow.svelte.d.ts +1 -1
  326. package/dist/utils/CloseButton.svelte +1 -1
  327. package/dist/utils/CloseButton.svelte.d.ts +1 -1
  328. package/dist/utils/Popper.svelte +1 -1
  329. package/dist/utils/Popper.svelte.d.ts +1 -1
  330. package/dist/video/Video.svelte +1 -1
  331. package/dist/video/Video.svelte.d.ts +1 -1
  332. package/package.json +1 -1
package/dist/device-mockups/theme.js CHANGED
@@ -2,7 +2,7 @@ import { tv } from "tailwind-variants";
2
2
  // Android
3
3
  const android = tv({
4
4
  slots: {
5
- div: "relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-xl h-[600px] w-[300px] shadow-xl",
5
+ base: "relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-xl h-[600px] w-[300px] shadow-xl",
6
6
  slot: "rounded-xl overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800",
7
7
  top: "w-[148px] h-[18px] bg-gray-800 top-0 rounded-b-[1rem] left-1/2 -translate-x-1/2 absolute",
8
8
  leftTop: "h-[32px] w-[3px] bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg",
@@ -14,7 +14,7 @@ const android = tv({
14
14
  // DefaultMockup
15
15
  const defaultMockup = tv({
16
16
  slots: {
17
- div: "relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[600px] w-[300px]",
17
+ base: "relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[600px] w-[300px]",
18
18
  slot: "rounded-[2rem] overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800",
19
19
  top: "h-[32px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg",
20
20
  leftTop: "h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg",
@@ -25,16 +25,16 @@ const defaultMockup = tv({
25
25
  // Desktop
26
26
  const desktop = tv({
27
27
  slots: {
28
+ base: "relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[16px] rounded-t-xl h-[172px] max-w-[301px] md:h-[294px] md:max-w-[512px]",
28
29
  inner: "rounded-xl overflow-hidden h-[140px] md:h-[262px]",
29
30
  bot: "relative mx-auto bg-gray-900 dark:bg-gray-700 rounded-b-xl h-[24px] max-w-[301px] md:h-[42px] md:max-w-[512px]",
30
- botUnder: "relative mx-auto bg-gray-800 rounded-b-xl h-[55px] max-w-[83px] md:h-[95px] md:max-w-[142px]",
31
- div: "relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[16px] rounded-t-xl h-[172px] max-w-[301px] md:h-[294px] md:max-w-[512px]"
31
+ botUnder: "relative mx-auto bg-gray-800 rounded-b-xl h-[55px] max-w-[83px] md:h-[95px] md:max-w-[142px]"
32
32
  }
33
33
  });
34
34
  // ios
35
35
  const ios = tv({
36
36
  slots: {
37
- div: "relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[600px] w-[300px] shadow-xl",
37
+ base: "relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[600px] w-[300px] shadow-xl",
38
38
  slot: "rounded-[2rem] overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800",
39
39
  top: "w-[148px] h-[18px] bg-gray-800 top-0 rounded-b-[1rem] left-1/2 -translate-x-1/2 absolute",
40
40
  leftTop: "h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg",
@@ -45,7 +45,7 @@ const ios = tv({
45
45
  // laptop
46
46
  const laptop = tv({
47
47
  slots: {
48
- div: "relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[8px] rounded-t-xl h-[172px] max-w-[301px] md:h-[294px] md:max-w-[512px]",
48
+ base: "relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[8px] rounded-t-xl h-[172px] max-w-[301px] md:h-[294px] md:max-w-[512px]",
49
49
  inner: "rounded-lg overflow-hidden h-[156px] md:h-[278px] bg-white dark:bg-gray-800",
50
50
  bot: "relative mx-auto bg-gray-900 dark:bg-gray-700 rounded-b-xl rounded-t-sm h-[17px] max-w-[351px] md:h-[21px] md:max-w-[597px]",
51
51
  botCen: "absolute left-1/2 top-0 -translate-x-1/2 rounded-b-xl w-[56px] h-[5px] md:w-[96px] md:h-[8px] bg-gray-800"
@@ -54,7 +54,7 @@ const laptop = tv({
54
54
  // smartwatch
55
55
  const smartwatch = tv({
56
56
  slots: {
57
- div: "relative mx-auto bg-gray-800 dark:bg-gray-700 rounded-t-[2.5rem] h-[63px] max-w-[133px]",
57
+ base: "relative mx-auto bg-gray-800 dark:bg-gray-700 rounded-t-[2.5rem] h-[63px] max-w-[133px]",
58
58
  slot: "rounded-[2rem] overflow-hidden h-[193px] w-[188px]",
59
59
  rightTop: "h-[41px] w-[6px] bg-gray-800 dark:bg-gray-800 absolute -right-[16px] top-[40px] rounded-r-lg",
60
60
  rightBot: "h-[32px] w-[6px] bg-gray-800 dark:bg-gray-800 absolute -right-[16px] top-[88px] rounded-r-lg",
@@ -65,7 +65,7 @@ const smartwatch = tv({
65
65
  // tablet
66
66
  const tablet = tv({
67
67
  slots: {
68
- div: "relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[454px] max-w-[341px] md:h-[682px] md:max-w-[512px]",
68
+ base: "relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[454px] max-w-[341px] md:h-[682px] md:max-w-[512px]",
69
69
  slot: "rounded-[2rem] overflow-hidden h-[426px] md:h-[654px] bg-white dark:bg-gray-800",
70
70
  leftTop: "h-[32px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg",
71
71
  leftMid: "h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg",
package/dist/drawer/Drawer.svelte CHANGED
@@ -41,7 +41,7 @@
41
41
  @component
42
42
  [Go to docs](https://flowbite-svelte.com/)
43
43
  ## Type
44
- [DrawerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L578)
44
+ [DrawerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L548)
45
45
  ## Props
46
46
  @prop children
47
47
  @prop hidden = $bindable()
package/dist/drawer/Drawer.svelte.d.ts CHANGED
@@ -2,7 +2,7 @@ import { type DrawerProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [DrawerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L578)
5
+ * [DrawerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L548)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop hidden = $bindable()
package/dist/drawer/Drawerhead.svelte CHANGED
@@ -31,7 +31,7 @@
31
31
  @component
32
32
  [Go to docs](https://flowbite-svelte.com/)
33
33
  ## Type
34
- [DrawerheadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L589)
34
+ [DrawerheadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L559)
35
35
  ## Props
36
36
  @prop closeIcon
37
37
  @prop children
package/dist/drawer/Drawerhead.svelte.d.ts CHANGED
@@ -2,7 +2,7 @@ import { type DrawerheadProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [DrawerheadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L589)
5
+ * [DrawerheadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L559)
6
6
  * ## Props
7
7
  * @prop closeIcon
8
8
  * @prop children
package/dist/dropdown/Dropdown.svelte CHANGED
@@ -35,7 +35,7 @@
35
35
  @component
36
36
  [Go to docs](https://flowbite-svelte.com/)
37
37
  ## Type
38
- [DropdownProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L596)
38
+ [DropdownProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L566)
39
39
  ## Props
40
40
  @prop children
41
41
  @prop simple = false
package/dist/dropdown/Dropdown.svelte.d.ts CHANGED
@@ -2,7 +2,7 @@ import { type DropdownProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [DropdownProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L596)
5
+ * [DropdownProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L566)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop simple = false
package/dist/dropdown/DropdownDivider.svelte CHANGED
@@ -15,7 +15,7 @@
15
15
  @component
16
16
  [Go to docs](https://flowbite-svelte.com/)
17
17
  ## Type
18
- [DropdownDividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L602)
18
+ [DropdownDividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L572)
19
19
  ## Props
20
20
  @prop class: className
21
21
  @prop ...restProps
package/dist/dropdown/DropdownDivider.svelte.d.ts CHANGED
@@ -2,7 +2,7 @@ import { type DropdownDividerProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [DropdownDividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L602)
5
+ * [DropdownDividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L572)
6
6
  * ## Props
7
7
  * @prop class: className
8
8
  * @prop ...restProps
package/dist/dropdown/DropdownGroup.svelte CHANGED
@@ -17,7 +17,7 @@
17
17
  @component
18
18
  [Go to docs](https://flowbite-svelte.com/)
19
19
  ## Type
20
- [DropdownGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L619)
20
+ [DropdownGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L589)
21
21
  ## Props
22
22
  @prop children
23
23
  @prop class: className
package/dist/dropdown/DropdownGroup.svelte.d.ts CHANGED
@@ -2,7 +2,7 @@ import { type DropdownGroupProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [DropdownGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L619)
5
+ * [DropdownGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L589)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
package/dist/dropdown/DropdownHeader.svelte CHANGED
@@ -17,7 +17,7 @@
17
17
  @component
18
18
  [Go to docs](https://flowbite-svelte.com/)
19
19
  ## Type
20
- [DropdownHeaderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L604)
20
+ [DropdownHeaderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L574)
21
21
  ## Props
22
22
  @prop children
23
23
  @prop class: className
package/dist/dropdown/DropdownHeader.svelte.d.ts CHANGED
@@ -2,7 +2,7 @@ import { type DropdownHeaderProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [DropdownHeaderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L604)
5
+ * [DropdownHeaderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L574)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
package/dist/dropdown/DropdownItem.svelte CHANGED
@@ -44,7 +44,7 @@
44
44
  @component
45
45
  [Go to docs](https://flowbite-svelte.com/)
46
46
  ## Type
47
- [DropdownItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L610)
47
+ [DropdownItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L580)
48
48
  ## Props
49
49
  @prop aClass
50
50
  @prop children
package/dist/dropdown/DropdownItem.svelte.d.ts CHANGED
@@ -2,7 +2,7 @@ import { type DropdownItemProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [DropdownItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L610)
5
+ * [DropdownItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L580)
6
6
  * ## Props
7
7
  * @prop aClass
8
8
  * @prop children
package/dist/footer/Footer.svelte CHANGED
@@ -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#L626)
22
+ [FooterProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L596)
23
23
  ## Props
24
24
  @prop children
25
25
  @prop footerType = "default"
package/dist/footer/Footer.svelte.d.ts CHANGED
@@ -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#L626)
5
+ * [FooterProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L596)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop footerType = "default"
package/dist/footer/FooterBrand.svelte CHANGED
@@ -31,7 +31,7 @@
31
31
  @component
32
32
  [Go to docs](https://flowbite-svelte.com/)
33
33
  ## Type
34
- [FooterBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L631)
34
+ [FooterBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L601)
35
35
  ## Props
36
36
  @prop children
37
37
  @prop aClass
package/dist/footer/FooterBrand.svelte.d.ts CHANGED
@@ -2,7 +2,7 @@ import { type FooterBrandProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [FooterBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L631)
5
+ * [FooterBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L601)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop aClass
package/dist/footer/FooterCopyright.svelte CHANGED
@@ -29,7 +29,7 @@
29
29
  @component
30
30
  [Go to docs](https://flowbite-svelte.com/)
31
31
  ## Type
32
- [FooterCopyrightProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L642)
32
+ [FooterCopyrightProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L612)
33
33
  ## Props
34
34
  @prop spanClass
35
35
  @prop aClass
package/dist/footer/FooterCopyright.svelte.d.ts CHANGED
@@ -2,7 +2,7 @@ import { type FooterCopyrightProps } from "..";
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#L642)
5
+ * [FooterCopyrightProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L612)
6
6
  * ## Props
7
7
  * @prop spanClass
8
8
  * @prop aClass
package/dist/footer/FooterIcon.svelte CHANGED
@@ -21,7 +21,7 @@
21
21
  @component
22
22
  [Go to docs](https://flowbite-svelte.com/)
23
23
  ## Type
24
- [FooterIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L652)
24
+ [FooterIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L622)
25
25
  ## Props
26
26
  @prop children
27
27
  @prop href
package/dist/footer/FooterIcon.svelte.d.ts CHANGED
@@ -2,7 +2,7 @@ import { type FooterIconProps } from "..";
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#L652)
5
+ * [FooterIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L622)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop href
package/dist/footer/FooterLink.svelte CHANGED
@@ -21,7 +21,7 @@
21
21
  @component
22
22
  [Go to docs](https://flowbite-svelte.com/)
23
23
  ## Type
24
- [FooterLinkProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L662)
24
+ [FooterLinkProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L632)
25
25
  ## Props
26
26
  @prop children
27
27
  @prop liClass
package/dist/footer/FooterLink.svelte.d.ts CHANGED
@@ -2,7 +2,7 @@ import { type FooterLinkProps } from "..";
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#L662)
5
+ * [FooterLinkProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L632)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop liClass
package/dist/footer/FooterLinkGroup.svelte CHANGED
@@ -17,7 +17,7 @@
17
17
  @component
18
18
  [Go to docs](https://flowbite-svelte.com/)
19
19
  ## Type
20
- [FooterLinkGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L658)
20
+ [FooterLinkGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L628)
21
21
  ## Props
22
22
  @prop class: className
23
23
  @prop children
package/dist/footer/FooterLinkGroup.svelte.d.ts CHANGED
@@ -2,7 +2,7 @@ import { type FooterLinkGroupProps } from "..";
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#L658)
5
+ * [FooterLinkGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L628)
6
6
  * ## Props
7
7
  * @prop class: className
8
8
  * @prop children
package/dist/forms/button-toggle/ButtonToggle.svelte CHANGED
@@ -48,7 +48,7 @@
48
48
  @component
49
49
  [Go to docs](https://flowbite-svelte.com/)
50
50
  ## Type
51
- [ButtonToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L368)
51
+ [ButtonToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L330)
52
52
  ## Props
53
53
  @prop value
54
54
  @prop selected = false
package/dist/forms/button-toggle/ButtonToggle.svelte.d.ts CHANGED
@@ -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#L368)
5
+ * [ButtonToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L330)
6
6
  * ## Props
7
7
  * @prop value
8
8
  * @prop selected = false
package/dist/forms/button-toggle/CheckIcon.svelte CHANGED
@@ -12,7 +12,7 @@
12
12
  @component
13
13
  [Go to docs](https://flowbite-svelte.com/)
14
14
  ## Type
15
- [CheckIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L384)
15
+ [CheckIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L346)
16
16
  ## Props
17
17
  @prop class: className
18
18
  @prop ...restProps
package/dist/forms/button-toggle/CheckIcon.svelte.d.ts CHANGED
@@ -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#L384)
5
+ * [CheckIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L346)
6
6
  * ## Props
7
7
  * @prop class: className
8
8
  * @prop ...restProps
package/dist/forms/checkbox/CheckboxButton.svelte CHANGED
@@ -58,7 +58,7 @@
58
58
  @component
59
59
  [Go to docs](https://flowbite-svelte.com/)
60
60
  ## Type
61
- [CheckboxButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L700)
61
+ [CheckboxButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L670)
62
62
  ## Props
63
63
  @prop children
64
64
  @prop class: className
package/dist/forms/checkbox/CheckboxButton.svelte.d.ts CHANGED
@@ -2,7 +2,7 @@ import { type CheckboxButtonProps } from "../..";
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#L700)
5
+ * [CheckboxButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L670)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
package/dist/forms/dropzone/Dropzone.svelte CHANGED
@@ -7,67 +7,58 @@
7
7
 
8
8
  type HTMLInputElementWithFiles = HTMLInputElement & { files: FileList | null };
9
9
 
10
- let { children, files = $bindable<FileList | null>(), class: className, ...restProps }: DropzoneProps = $props();
10
+ let { children, files = $bindable<FileList | null>(), class: className, onDrop, onDragOver, onChange, ...restProps }: DropzoneProps = $props();
11
11
 
12
12
  const theme = getTheme("dropzone");
13
13
 
14
- let input: HTMLInputElement;
14
+ let inputElement: HTMLInputElement;
15
15
 
16
- function keydown(ev: KeyboardEvent) {
17
- if ([" ", "Enter"].includes(ev.key)) {
18
- ev.preventDefault();
19
- input.click();
20
- }
21
- }
22
-
23
- function onClick(event: MouseEvent) {
16
+ const handleDrop: DragEventHandler<HTMLLabelElement> = function (this: Window, event) {
24
17
  event.preventDefault();
25
- input.click();
26
- }
27
18
 
28
- const onDrop: DragEventHandler<HTMLButtonElement> = function (this: Window, event) {
29
- event.preventDefault();
30
-
31
- // When files are dropped, update the files binding
32
19
  if (event.dataTransfer?.files && event.dataTransfer.files.length > 0) {
33
20
  files = event.dataTransfer.files;
21
+ if (inputElement) {
22
+ inputElement.files = event.dataTransfer.files;
23
+ }
34
24
  }
35
25
 
36
- // Then call any custom ondrop handler
37
- if (ondrop) {
38
- ondrop.call(this, event);
26
+ if (onDrop) {
27
+ onDrop.call(this, event);
39
28
  }
40
29
  };
41
30
 
42
- const onDragOver: DragEventHandler<HTMLButtonElement> = function (this: Window, event) {
31
+ const handleDragOver: DragEventHandler<HTMLLabelElement> = function (this: Window, event) {
43
32
  event.preventDefault();
44
- if (ondragover) {
45
- ondragover.call(this, event);
33
+ if (onDragOver) {
34
+ onDragOver.call(this, event);
46
35
  }
47
36
  };
48
37
 
49
- const onChange: ChangeEventHandler<HTMLInputElementWithFiles> = function (this: Window, event) {
50
- if (onchange) {
51
- onchange.call(this, event);
38
+ const handleChange: ChangeEventHandler<HTMLInputElementWithFiles> = function (this: Window, event) {
39
+ if (onChange) {
40
+ onChange.call(this, event);
52
41
  }
53
42
  };
54
43
  </script>
55
44
 
56
- <button class={dropzone({ class: clsx(theme, className) })} onkeydown={keydown} onclick={onClick} ondrop={onDrop} ondragover={onDragOver} type="button">
45
+ <label class={dropzone({ class: clsx(theme, className) })} ondrop={handleDrop} ondragover={handleDragOver}>
57
46
  {@render children()}
58
- </button>
59
- <label class="hidden">
60
- <input {...restProps} bind:files bind:this={input} onchange={onChange} type="file" />
47
+
48
+ <input {...restProps} bind:files bind:this={inputElement} onchange={handleChange} type="file" class="hidden" />
61
49
  </label>
62
50
 
63
51
  <!--
64
52
  @component
65
53
  [Go to docs](https://flowbite-svelte.com/)
66
54
  ## Type
67
- [DropzoneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L713)
55
+ [DropzoneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L683)
68
56
  ## Props
69
57
  @prop children
70
58
  @prop files = $bindable<FileList | null>()
71
59
  @prop class: className
60
+ @prop onDrop
61
+ @prop onDragOver
62
+ @prop onChange
72
63
  @prop ...restProps
73
64
  -->
package/dist/forms/dropzone/Dropzone.svelte.d.ts CHANGED
@@ -2,11 +2,14 @@ import { type DropzoneProps } from "../..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [DropzoneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L713)
5
+ * [DropzoneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L683)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop files = $bindable<FileList | null>()
9
9
  * @prop class: className
10
+ * @prop onDrop
11
+ * @prop onDragOver
12
+ * @prop onChange
10
13
  * @prop ...restProps
11
14
  */
12
15
  declare const Dropzone: import("svelte").Component<DropzoneProps, {}, "files">;
package/dist/forms/fileupload/Fileupload.svelte CHANGED
@@ -30,7 +30,7 @@
30
30
  @component
31
31
  [Go to docs](https://flowbite-svelte.com/)
32
32
  ## Type
33
- [FileuploadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L719)
33
+ [FileuploadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L692)
34
34
  ## Props
35
35
  @prop files = $bindable()
36
36
  @prop size = "md"
package/dist/forms/fileupload/Fileupload.svelte.d.ts CHANGED
@@ -2,7 +2,7 @@ import { type FileuploadProps } from "../..";
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#L719)
5
+ * [FileuploadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L692)
6
6
  * ## Props
7
7
  * @prop files = $bindable()
8
8
  * @prop size = "md"
package/dist/forms/floating-label/FloatingLabelInput.svelte CHANGED
@@ -161,7 +161,7 @@
161
161
  @component
162
162
  [Go to docs](https://flowbite-svelte.com/)
163
163
  ## Type
164
- [FloatingLabelInputProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L733)
164
+ [FloatingLabelInputProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L706)
165
165
  ## Props
166
166
  @prop children
167
167
  @prop id = idGenerator()
package/dist/forms/floating-label/FloatingLabelInput.svelte.d.ts CHANGED
@@ -2,7 +2,7 @@ import { type FloatingLabelInputProps } from "../..";
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#L733)
5
+ * [FloatingLabelInputProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L706)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop id = idGenerator()
package/dist/forms/helper/Helper.svelte CHANGED
@@ -19,7 +19,7 @@
19
19
  @component
20
20
  [Go to docs](https://flowbite-svelte.com/)
21
21
  ## Type
22
- [HelperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L756)
22
+ [HelperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L729)
23
23
  ## Props
24
24
  @prop children
25
25
  @prop class: className
package/dist/forms/helper/Helper.svelte.d.ts CHANGED
@@ -2,7 +2,7 @@ import { type HelperProps } from "../..";
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#L756)
5
+ * [HelperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L729)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
package/dist/forms/input-addon/InputAddon.svelte CHANGED
@@ -44,7 +44,7 @@
44
44
  @component
45
45
  [Go to docs](https://flowbite-svelte.com/)
46
46
  ## Type
47
- [InputAddonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L798)
47
+ [InputAddonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L771)
48
48
  ## Props
49
49
  @prop children
50
50
  @prop class: className
package/dist/forms/input-addon/InputAddon.svelte.d.ts CHANGED
@@ -2,7 +2,7 @@ import { type InputAddonProps } from "../..";
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#L798)
5
+ * [InputAddonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L771)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
package/dist/forms/label/Label.svelte CHANGED
@@ -23,7 +23,7 @@
23
23
  @component
24
24
  [Go to docs](https://flowbite-svelte.com/)
25
25
  ## Type
26
- [LabelProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L813)
26
+ [LabelProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L786)
27
27
  ## Props
28
28
  @prop children
29
29
  @prop color = "gray"
package/dist/forms/label/Label.svelte.d.ts CHANGED
@@ -2,7 +2,7 @@ import { type LabelProps } from "../..";
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#L813)
5
+ * [LabelProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L786)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop color = "gray"
package/dist/forms/range/Range.svelte CHANGED
@@ -17,7 +17,7 @@
17
17
  @component
18
18
  [Go to docs](https://flowbite-svelte.com/)
19
19
  ## Type
20
- [RangeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L841)
20
+ [RangeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L814)
21
21
  ## Props
22
22
  @prop value = $bindable()
23
23
  @prop appearance = "none"
package/dist/forms/range/Range.svelte.d.ts CHANGED
@@ -2,7 +2,7 @@ import { type RangeProps } from "../..";
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#L841)
5
+ * [RangeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L814)
6
6
  * ## Props
7
7
  * @prop value = $bindable()
8
8
  * @prop appearance = "none"