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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (488) hide show
  1. package/dist/accordion/Accordion.svelte +8 -4
  2. package/dist/accordion/Accordion.svelte.d.ts +2 -1
  3. package/dist/accordion/AccordionItem.svelte +20 -11
  4. package/dist/accordion/AccordionItem.svelte.d.ts +1 -1
  5. package/dist/accordion/theme.d.ts +4 -4
  6. package/dist/accordion/theme.js +1 -1
  7. package/dist/alert/Alert.svelte +24 -7
  8. package/dist/alert/Alert.svelte.d.ts +2 -2
  9. package/dist/alert/theme.d.ts +6 -66
  10. package/dist/alert/theme.js +6 -27
  11. package/dist/avatar/Avatar.svelte +4 -4
  12. package/dist/avatar/Avatar.svelte.d.ts +1 -1
  13. package/dist/badge/Badge.svelte +27 -9
  14. package/dist/badge/Badge.svelte.d.ts +2 -2
  15. package/dist/badge/theme.d.ts +4 -175
  16. package/dist/badge/theme.js +2 -164
  17. package/dist/banner/Banner.svelte +25 -8
  18. package/dist/banner/Banner.svelte.d.ts +2 -2
  19. package/dist/banner/theme.d.ts +4 -4
  20. package/dist/banner/theme.js +1 -1
  21. package/dist/bottom-navigation/BottomNav.svelte +6 -6
  22. package/dist/bottom-navigation/BottomNav.svelte.d.ts +1 -1
  23. package/dist/bottom-navigation/BottomNavHeader.svelte +5 -5
  24. package/dist/bottom-navigation/BottomNavHeader.svelte.d.ts +1 -1
  25. package/dist/bottom-navigation/BottomNavHeaderItem.svelte +3 -3
  26. package/dist/bottom-navigation/BottomNavHeaderItem.svelte.d.ts +1 -1
  27. package/dist/bottom-navigation/BottomNavItem.svelte +9 -20
  28. package/dist/bottom-navigation/BottomNavItem.svelte.d.ts +1 -4
  29. package/dist/bottom-navigation/theme.d.ts +10 -10
  30. package/dist/bottom-navigation/theme.js +2 -2
  31. package/dist/breadcrumb/Breadcrumb.svelte +6 -6
  32. package/dist/breadcrumb/Breadcrumb.svelte.d.ts +1 -1
  33. package/dist/breadcrumb/BreadcrumbItem.svelte +17 -8
  34. package/dist/breadcrumb/BreadcrumbItem.svelte.d.ts +1 -1
  35. package/dist/breadcrumb/theme.d.ts +7 -7
  36. package/dist/breadcrumb/theme.js +2 -2
  37. package/dist/button-group/ButtonGroup.svelte +3 -3
  38. package/dist/button-group/ButtonGroup.svelte.d.ts +1 -1
  39. package/dist/buttons/Button.svelte +5 -5
  40. package/dist/buttons/GradientButton.svelte +2 -2
  41. package/dist/buttons/GradientButton.svelte.d.ts +1 -1
  42. package/dist/buttons/theme.d.ts +21 -288
  43. package/dist/buttons/theme.js +31 -109
  44. package/dist/card/Card.svelte +5 -4
  45. package/dist/card/Card.svelte.d.ts +1 -1
  46. package/dist/card/theme.d.ts +9 -1
  47. package/dist/card/theme.js +8 -0
  48. package/dist/carousel/Carousel.svelte +5 -3
  49. package/dist/carousel/Carousel.svelte.d.ts +1 -1
  50. package/dist/carousel/CarouselIndicators.svelte +5 -5
  51. package/dist/carousel/CarouselIndicators.svelte.d.ts +1 -1
  52. package/dist/carousel/ControlButton.svelte +6 -6
  53. package/dist/carousel/ControlButton.svelte.d.ts +1 -1
  54. package/dist/carousel/Controls.svelte +2 -2
  55. package/dist/carousel/Controls.svelte.d.ts +1 -1
  56. package/dist/carousel/Slide.svelte +10 -6
  57. package/dist/carousel/Slide.svelte.d.ts +1 -1
  58. package/dist/carousel/Thumbnail.svelte +3 -3
  59. package/dist/carousel/Thumbnail.svelte.d.ts +1 -1
  60. package/dist/carousel/Thumbnails.svelte +4 -4
  61. package/dist/carousel/Thumbnails.svelte.d.ts +1 -1
  62. package/dist/carousel/theme.d.ts +50 -1
  63. package/dist/carousel/theme.js +49 -0
  64. package/dist/clipboard/Clipboard.svelte +3 -3
  65. package/dist/clipboard/Clipboard.svelte.d.ts +1 -1
  66. package/dist/context.d.ts +1 -1
  67. package/dist/darkmode/DarkMode.svelte +11 -6
  68. package/dist/darkmode/DarkMode.svelte.d.ts +2 -1
  69. package/dist/darkmode/theme.d.ts +34 -1
  70. package/dist/darkmode/theme.js +4 -1
  71. package/dist/datepicker/Datepicker.svelte +32 -18
  72. package/dist/datepicker/theme.d.ts +16 -256
  73. package/dist/datepicker/theme.js +6 -27
  74. package/dist/device-mockups/Android.svelte +9 -9
  75. package/dist/device-mockups/Android.svelte.d.ts +1 -1
  76. package/dist/device-mockups/DefaultMockup.svelte +8 -8
  77. package/dist/device-mockups/DefaultMockup.svelte.d.ts +1 -1
  78. package/dist/device-mockups/Desktop.svelte +6 -6
  79. package/dist/device-mockups/Desktop.svelte.d.ts +1 -1
  80. package/dist/device-mockups/DeviceMockup.svelte +1 -1
  81. package/dist/device-mockups/DeviceMockup.svelte.d.ts +1 -1
  82. package/dist/device-mockups/Ios.svelte +8 -8
  83. package/dist/device-mockups/Ios.svelte.d.ts +1 -1
  84. package/dist/device-mockups/Laptop.svelte +6 -6
  85. package/dist/device-mockups/Laptop.svelte.d.ts +1 -1
  86. package/dist/device-mockups/Smartwatch.svelte +8 -8
  87. package/dist/device-mockups/Smartwatch.svelte.d.ts +1 -1
  88. package/dist/device-mockups/Tablet.svelte +8 -8
  89. package/dist/device-mockups/Tablet.svelte.d.ts +1 -1
  90. package/dist/device-mockups/theme.d.ts +1 -1
  91. package/dist/dialog/Dialog.svelte +27 -4
  92. package/dist/dialog/Dialog.svelte.d.ts +2 -1
  93. package/dist/dialog/theme.d.ts +1 -1
  94. package/dist/drawer/Drawer.svelte +10 -3
  95. package/dist/drawer/Drawer.svelte.d.ts +1 -1
  96. package/dist/drawer/DrawerHandle.svelte +4 -4
  97. package/dist/drawer/DrawerHandle.svelte.d.ts +1 -1
  98. package/dist/drawer/Drawerhead.svelte +5 -5
  99. package/dist/drawer/Drawerhead.svelte.d.ts +1 -1
  100. package/dist/drawer/theme.d.ts +1 -1
  101. package/dist/drawer/theme.js +1 -1
  102. package/dist/dropdown/Dropdown.svelte +2 -2
  103. package/dist/dropdown/Dropdown.svelte.d.ts +1 -1
  104. package/dist/dropdown/DropdownDivider.svelte +2 -2
  105. package/dist/dropdown/DropdownDivider.svelte.d.ts +1 -1
  106. package/dist/dropdown/DropdownGroup.svelte +2 -2
  107. package/dist/dropdown/DropdownGroup.svelte.d.ts +1 -1
  108. package/dist/dropdown/DropdownHeader.svelte +2 -2
  109. package/dist/dropdown/DropdownHeader.svelte.d.ts +1 -1
  110. package/dist/dropdown/DropdownItem.svelte +2 -2
  111. package/dist/dropdown/DropdownItem.svelte.d.ts +1 -1
  112. package/dist/dropdown/theme.d.ts +1 -1
  113. package/dist/{forms → extend}/button-toggle/ButtonToggle.svelte +2 -2
  114. package/dist/{forms → extend}/button-toggle/ButtonToggle.svelte.d.ts +1 -1
  115. package/dist/{forms → extend}/button-toggle/ButtonToggleGroup.svelte +1 -1
  116. package/dist/{forms → extend}/button-toggle/CheckIcon.svelte +1 -1
  117. package/dist/{forms → extend}/button-toggle/CheckIcon.svelte.d.ts +1 -1
  118. package/dist/{forms → extend}/button-toggle/theme.d.ts +1 -1
  119. package/dist/{clipboard-manager → extend/clipboard-manager}/ClipboardManager.svelte +4 -4
  120. package/dist/{clipboard-manager → extend/clipboard-manager}/ClipboardManager.svelte.d.ts +1 -1
  121. package/dist/{clipboard-manager → extend/clipboard-manager}/theme.d.ts +1 -1
  122. package/dist/{command-palette → extend/command-palette}/CommandPalette.svelte +5 -5
  123. package/dist/{command-palette → extend/command-palette}/CommandPalette.svelte.d.ts +2 -2
  124. package/dist/{command-palette → extend/command-palette}/theme.d.ts +1 -1
  125. package/dist/{kanban → extend/kanban}/KanbanBoard.svelte +2 -2
  126. package/dist/{kanban → extend/kanban}/KanbanBoard.svelte.d.ts +1 -1
  127. package/dist/{kanban → extend/kanban}/KanbanCard.svelte +3 -3
  128. package/dist/{kanban → extend/kanban}/KanbanCard.svelte.d.ts +2 -2
  129. package/dist/{kanban → extend/kanban}/theme.d.ts +1 -1
  130. package/dist/{scroll-spy → extend/scroll-spy}/ScrollSpy.svelte +3 -3
  131. package/dist/{scroll-spy → extend/scroll-spy}/ScrollSpy.svelte.d.ts +2 -2
  132. package/dist/{scroll-spy → extend/scroll-spy}/theme.d.ts +1 -1
  133. package/dist/{split-pane → extend/split-pane}/Divider.svelte +4 -4
  134. package/dist/{split-pane → extend/split-pane}/Divider.svelte.d.ts +2 -2
  135. package/dist/{split-pane → extend/split-pane}/Pane.svelte +4 -4
  136. package/dist/{split-pane → extend/split-pane}/Pane.svelte.d.ts +2 -2
  137. package/dist/{split-pane → extend/split-pane}/SplitPane.svelte +4 -4
  138. package/dist/{split-pane → extend/split-pane}/SplitPane.svelte.d.ts +2 -2
  139. package/dist/{step-indicator → extend/step-indicator}/StepIndicator.svelte +3 -3
  140. package/dist/{step-indicator → extend/step-indicator}/StepIndicator.svelte.d.ts +2 -2
  141. package/dist/{step-indicator → extend/step-indicator}/theme.d.ts +1 -1
  142. package/dist/{forms → extend}/tags/Tags.svelte +14 -4
  143. package/dist/{forms → extend}/tags/Tags.svelte.d.ts +0 -1
  144. package/dist/{forms → extend}/tags/theme.d.ts +1 -1
  145. package/dist/{forms → extend}/tags/theme.js +2 -2
  146. package/dist/{tour → extend/tour}/Tour.svelte +2 -2
  147. package/dist/{tour → extend/tour}/Tour.svelte.d.ts +1 -1
  148. package/dist/{tour → extend/tour}/theme.d.ts +1 -1
  149. package/dist/{virtual-masonry → extend/virtual-masonry}/VirtualMasonry.svelte +2 -2
  150. package/dist/{virtual-masonry → extend/virtual-masonry}/VirtualMasonry.svelte.d.ts +1 -1
  151. package/dist/{virtual-masonry → extend/virtual-masonry}/theme.d.ts +1 -1
  152. package/dist/{virtuallist → extend/virtuallist}/VirtualList.svelte +2 -2
  153. package/dist/{virtuallist → extend/virtuallist}/VirtualList.svelte.d.ts +1 -1
  154. package/dist/{virtuallist → extend/virtuallist}/theme.d.ts +1 -1
  155. package/dist/footer/Footer.svelte +2 -2
  156. package/dist/footer/Footer.svelte.d.ts +1 -1
  157. package/dist/footer/FooterBrand.svelte +2 -2
  158. package/dist/footer/FooterBrand.svelte.d.ts +1 -1
  159. package/dist/footer/FooterCopyright.svelte +2 -2
  160. package/dist/footer/FooterCopyright.svelte.d.ts +1 -1
  161. package/dist/footer/FooterIcon.svelte +2 -2
  162. package/dist/footer/FooterIcon.svelte.d.ts +1 -1
  163. package/dist/footer/FooterLink.svelte +2 -2
  164. package/dist/footer/FooterLink.svelte.d.ts +1 -1
  165. package/dist/footer/FooterLinkGroup.svelte +2 -2
  166. package/dist/footer/FooterLinkGroup.svelte.d.ts +1 -1
  167. package/dist/footer/theme.d.ts +4 -4
  168. package/dist/forms/checkbox/Checkbox.svelte +1 -1
  169. package/dist/forms/checkbox/CheckboxButton.svelte +2 -2
  170. package/dist/forms/checkbox/CheckboxButton.svelte.d.ts +1 -1
  171. package/dist/forms/checkbox/theme.d.ts +1 -1
  172. package/dist/forms/dropzone/Dropzone.svelte +2 -2
  173. package/dist/forms/dropzone/Dropzone.svelte.d.ts +1 -1
  174. package/dist/forms/fileupload/Fileupload.svelte +15 -5
  175. package/dist/forms/fileupload/Fileupload.svelte.d.ts +2 -2
  176. package/dist/forms/fileupload/theme.d.ts +1 -1
  177. package/dist/forms/floating-label/FloatingLabelInput.svelte +15 -5
  178. package/dist/forms/floating-label/FloatingLabelInput.svelte.d.ts +2 -2
  179. package/dist/forms/floating-label/theme.d.ts +1 -1
  180. package/dist/forms/helper/Helper.svelte +2 -2
  181. package/dist/forms/helper/Helper.svelte.d.ts +1 -1
  182. package/dist/forms/helper/theme.d.ts +6 -0
  183. package/dist/forms/helper/theme.js +2 -0
  184. package/dist/forms/input-addon/InputAddon.svelte +2 -2
  185. package/dist/forms/input-addon/InputAddon.svelte.d.ts +1 -1
  186. package/dist/forms/input-addon/theme.d.ts +1 -1
  187. package/dist/forms/input-field/Input.svelte +13 -3
  188. package/dist/forms/input-field/theme.d.ts +1 -1
  189. package/dist/forms/label/Label.svelte +2 -2
  190. package/dist/forms/label/Label.svelte.d.ts +1 -1
  191. package/dist/forms/phoneinput/PhoneInput.svelte +26 -4
  192. package/dist/forms/phoneinput/PhoneInput.svelte.d.ts +17 -1
  193. package/dist/forms/phoneinput/theme.d.ts +1 -1
  194. package/dist/forms/radio/Radio.svelte +1 -1
  195. package/dist/forms/radio/RadioButton.svelte +1 -1
  196. package/dist/forms/radio/theme.d.ts +1 -28
  197. package/dist/forms/radio/theme.js +1 -10
  198. package/dist/forms/range/Range.svelte +3 -3
  199. package/dist/forms/range/Range.svelte.d.ts +1 -1
  200. package/dist/forms/search/Search.svelte +20 -10
  201. package/dist/forms/search/Search.svelte.d.ts +2 -2
  202. package/dist/forms/search/theme.d.ts +1 -1
  203. package/dist/forms/select/MultiSelect.svelte +14 -2
  204. package/dist/forms/select/Select.svelte +14 -3
  205. package/dist/forms/select/theme.d.ts +1 -1
  206. package/dist/forms/textarea/Textarea.svelte +15 -5
  207. package/dist/forms/textarea/Textarea.svelte.d.ts +2 -2
  208. package/dist/forms/textarea/theme.d.ts +1 -1
  209. package/dist/forms/timepicker/Timepicker.svelte +5 -5
  210. package/dist/forms/timepicker/Timepicker.svelte.d.ts +2 -2
  211. package/dist/forms/timepicker/theme.d.ts +1 -1
  212. package/dist/forms/toggle/Toggle.svelte +2 -2
  213. package/dist/forms/toggle/Toggle.svelte.d.ts +1 -1
  214. package/dist/forms/toggle/theme.d.ts +1 -1
  215. package/dist/gallery/Gallery.svelte +2 -2
  216. package/dist/gallery/Gallery.svelte.d.ts +1 -1
  217. package/dist/gallery/theme.d.ts +1 -1
  218. package/dist/index.d.ts +14 -13
  219. package/dist/index.js +14 -13
  220. package/dist/indicator/Indicator.svelte +2 -2
  221. package/dist/indicator/Indicator.svelte.d.ts +1 -1
  222. package/dist/kbd/Kbd.svelte +2 -2
  223. package/dist/kbd/Kbd.svelte.d.ts +1 -1
  224. package/dist/list-group/Listgroup.svelte +2 -2
  225. package/dist/list-group/Listgroup.svelte.d.ts +1 -1
  226. package/dist/list-group/ListgroupItem.svelte +2 -2
  227. package/dist/list-group/ListgroupItem.svelte.d.ts +1 -1
  228. package/dist/list-group/theme.d.ts +1 -1
  229. package/dist/mega-menu/MegaMenu.svelte +2 -2
  230. package/dist/mega-menu/MegaMenu.svelte.d.ts +1 -1
  231. package/dist/mega-menu/theme.d.ts +1 -1
  232. package/dist/modal/Modal.svelte +25 -5
  233. package/dist/modal/Modal.svelte.d.ts +2 -1
  234. package/dist/modal/theme.d.ts +1 -1
  235. package/dist/navbar/Menu.svelte +1 -1
  236. package/dist/navbar/Menu.svelte.d.ts +1 -1
  237. package/dist/navbar/NavBrand.svelte +2 -2
  238. package/dist/navbar/NavBrand.svelte.d.ts +1 -1
  239. package/dist/navbar/NavContainer.svelte +2 -2
  240. package/dist/navbar/NavContainer.svelte.d.ts +1 -1
  241. package/dist/navbar/NavHamburger.svelte +2 -2
  242. package/dist/navbar/NavHamburger.svelte.d.ts +2 -2
  243. package/dist/navbar/NavLi.svelte +2 -2
  244. package/dist/navbar/NavLi.svelte.d.ts +1 -1
  245. package/dist/navbar/NavUl.svelte +2 -2
  246. package/dist/navbar/NavUl.svelte.d.ts +1 -1
  247. package/dist/navbar/Navbar.svelte +2 -2
  248. package/dist/navbar/Navbar.svelte.d.ts +1 -1
  249. package/dist/navbar/theme.d.ts +1 -1
  250. package/dist/pagination/Pagination.svelte +2 -2
  251. package/dist/pagination/Pagination.svelte.d.ts +1 -1
  252. package/dist/pagination/PaginationButton.svelte +2 -2
  253. package/dist/pagination/PaginationButton.svelte.d.ts +1 -1
  254. package/dist/pagination/PaginationItem.svelte +2 -2
  255. package/dist/pagination/PaginationItem.svelte.d.ts +1 -1
  256. package/dist/pagination/PaginationNav.svelte +2 -2
  257. package/dist/pagination/PaginationNav.svelte.d.ts +1 -1
  258. package/dist/pagination/theme.d.ts +1 -1
  259. package/dist/popover/Popover.svelte +2 -2
  260. package/dist/popover/Popover.svelte.d.ts +1 -1
  261. package/dist/popover/theme.d.ts +1 -1
  262. package/dist/progress/Progressbar.svelte +2 -2
  263. package/dist/progress/Progressbar.svelte.d.ts +1 -1
  264. package/dist/progress/Progressradial.svelte +2 -2
  265. package/dist/progress/Progressradial.svelte.d.ts +1 -1
  266. package/dist/progress/theme.d.ts +1 -1
  267. package/dist/rating/AdvancedRating.svelte +2 -2
  268. package/dist/rating/AdvancedRating.svelte.d.ts +1 -1
  269. package/dist/rating/CustomIcon.svelte +1 -1
  270. package/dist/rating/CustomIcon.svelte.d.ts +1 -1
  271. package/dist/rating/Heart.svelte +1 -1
  272. package/dist/rating/Heart.svelte.d.ts +1 -1
  273. package/dist/rating/Rating.svelte +2 -2
  274. package/dist/rating/Rating.svelte.d.ts +1 -1
  275. package/dist/rating/RatingComment.svelte +1 -1
  276. package/dist/rating/RatingComment.svelte.d.ts +1 -1
  277. package/dist/rating/Review.svelte +2 -2
  278. package/dist/rating/Review.svelte.d.ts +1 -1
  279. package/dist/rating/ScoreRating.svelte +2 -2
  280. package/dist/rating/ScoreRating.svelte.d.ts +1 -1
  281. package/dist/rating/Star.svelte +1 -1
  282. package/dist/rating/Star.svelte.d.ts +1 -1
  283. package/dist/rating/Thumbup.svelte +1 -1
  284. package/dist/rating/Thumbup.svelte.d.ts +1 -1
  285. package/dist/rating/theme.d.ts +4 -4
  286. package/dist/sidebar/Sidebar.svelte +8 -3
  287. package/dist/sidebar/Sidebar.svelte.d.ts +1 -1
  288. package/dist/sidebar/SidebarBrand.svelte +2 -2
  289. package/dist/sidebar/SidebarBrand.svelte.d.ts +1 -1
  290. package/dist/sidebar/SidebarButton.svelte +2 -2
  291. package/dist/sidebar/SidebarButton.svelte.d.ts +1 -1
  292. package/dist/sidebar/SidebarCta.svelte +2 -2
  293. package/dist/sidebar/SidebarCta.svelte.d.ts +1 -1
  294. package/dist/sidebar/SidebarDropdownWrapper.svelte +8 -3
  295. package/dist/sidebar/SidebarDropdownWrapper.svelte.d.ts +1 -1
  296. package/dist/sidebar/SidebarGroup.svelte +1 -1
  297. package/dist/sidebar/SidebarGroup.svelte.d.ts +1 -1
  298. package/dist/sidebar/SidebarItem.svelte +2 -2
  299. package/dist/sidebar/SidebarItem.svelte.d.ts +1 -1
  300. package/dist/sidebar/theme.d.ts +4 -4
  301. package/dist/skeleton/CardPlaceholder.svelte +2 -2
  302. package/dist/skeleton/CardPlaceholder.svelte.d.ts +1 -1
  303. package/dist/skeleton/ImagePlaceholder.svelte +2 -2
  304. package/dist/skeleton/ImagePlaceholder.svelte.d.ts +1 -1
  305. package/dist/skeleton/ListPlaceholder.svelte +2 -2
  306. package/dist/skeleton/ListPlaceholder.svelte.d.ts +1 -1
  307. package/dist/skeleton/Skeleton.svelte +2 -2
  308. package/dist/skeleton/Skeleton.svelte.d.ts +1 -1
  309. package/dist/skeleton/TestimonialPlaceholder.svelte +2 -2
  310. package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts +1 -1
  311. package/dist/skeleton/TextPlaceholder.svelte +2 -2
  312. package/dist/skeleton/TextPlaceholder.svelte.d.ts +1 -1
  313. package/dist/skeleton/VideoPlaceholder.svelte +2 -2
  314. package/dist/skeleton/VideoPlaceholder.svelte.d.ts +1 -1
  315. package/dist/skeleton/WidgetPlaceholder.svelte +2 -2
  316. package/dist/skeleton/WidgetPlaceholder.svelte.d.ts +1 -1
  317. package/dist/skeleton/theme.d.ts +1 -1
  318. package/dist/speed-dial/SpeedDial.svelte +2 -2
  319. package/dist/speed-dial/SpeedDial.svelte.d.ts +1 -1
  320. package/dist/speed-dial/SpeedDialButton.svelte +4 -4
  321. package/dist/speed-dial/SpeedDialButton.svelte.d.ts +2 -2
  322. package/dist/speed-dial/SpeedDialTrigger.svelte +1 -1
  323. package/dist/speed-dial/SpeedDialTrigger.svelte.d.ts +1 -1
  324. package/dist/speed-dial/theme.d.ts +1 -1
  325. package/dist/spinner/Spinner.svelte +2 -2
  326. package/dist/spinner/Spinner.svelte.d.ts +1 -1
  327. package/dist/stepper/BreadcrumbStepper.svelte +2 -2
  328. package/dist/stepper/BreadcrumbStepper.svelte.d.ts +1 -1
  329. package/dist/stepper/DetailedStepper.svelte +2 -2
  330. package/dist/stepper/DetailedStepper.svelte.d.ts +1 -1
  331. package/dist/stepper/ProgressStepper.svelte +2 -2
  332. package/dist/stepper/ProgressStepper.svelte.d.ts +1 -1
  333. package/dist/stepper/Stepper.svelte +2 -2
  334. package/dist/stepper/Stepper.svelte.d.ts +1 -1
  335. package/dist/stepper/TimelineStepper.svelte +2 -2
  336. package/dist/stepper/TimelineStepper.svelte.d.ts +1 -1
  337. package/dist/stepper/VerticalStepper.svelte +2 -2
  338. package/dist/stepper/VerticalStepper.svelte.d.ts +1 -1
  339. package/dist/stepper/theme.d.ts +1 -1
  340. package/dist/table/Table.svelte +2 -2
  341. package/dist/table/Table.svelte.d.ts +1 -1
  342. package/dist/table/TableBody.svelte +1 -1
  343. package/dist/table/TableBody.svelte.d.ts +1 -1
  344. package/dist/table/TableBodyCell.svelte +2 -2
  345. package/dist/table/TableBodyCell.svelte.d.ts +1 -1
  346. package/dist/table/TableBodyRow.svelte +2 -2
  347. package/dist/table/TableBodyRow.svelte.d.ts +1 -1
  348. package/dist/table/TableHead.svelte +2 -2
  349. package/dist/table/TableHead.svelte.d.ts +1 -1
  350. package/dist/table/TableHeadCell.svelte +2 -2
  351. package/dist/table/TableHeadCell.svelte.d.ts +1 -1
  352. package/dist/table/TableSearch.svelte +2 -2
  353. package/dist/table/TableSearch.svelte.d.ts +1 -1
  354. package/dist/table/theme.d.ts +1 -1
  355. package/dist/tabs/TabItem.svelte +2 -2
  356. package/dist/tabs/TabItem.svelte.d.ts +1 -1
  357. package/dist/tabs/Tabs.svelte +2 -2
  358. package/dist/tabs/Tabs.svelte.d.ts +1 -1
  359. package/dist/tabs/theme.d.ts +1 -1
  360. package/dist/{theme → theme-provider}/themes.d.ts +12 -11
  361. package/dist/{theme → theme-provider}/themes.js +13 -11
  362. package/dist/theme-selector/ThemeIcon.svelte +9 -0
  363. package/dist/theme-selector/ThemeIcon.svelte.d.ts +26 -0
  364. package/dist/theme-selector/ThemeSelector.svelte +56 -0
  365. package/dist/theme-selector/ThemeSelector.svelte.d.ts +3 -0
  366. package/dist/theme-selector/index.d.ts +4 -0
  367. package/dist/theme-selector/index.js +3 -0
  368. package/dist/theme-selector/theme.d.ts +85 -0
  369. package/dist/theme-selector/theme.js +35 -0
  370. package/dist/theme-selector/themeStore.svelte.d.ts +6 -0
  371. package/dist/theme-selector/themeStore.svelte.js +88 -0
  372. package/dist/theme-selector/themes/default-runtime.css +229 -0
  373. package/dist/theme-selector/themes/enterprise-runtime.css +210 -0
  374. package/dist/theme-selector/themes/minimal-runtime.css +213 -0
  375. package/dist/theme-selector/themes/mono-runtime.css +206 -0
  376. package/dist/theme-selector/themes/playful-runtime.css +206 -0
  377. package/dist/theme-selector/themes/themes-runtime.css +1106 -0
  378. package/dist/theme-selector/themes.d.ts +39 -0
  379. package/dist/theme-selector/themes.js +43 -0
  380. package/dist/timeline/Activity.svelte +2 -2
  381. package/dist/timeline/Activity.svelte.d.ts +1 -1
  382. package/dist/timeline/ActivityItem.svelte +2 -2
  383. package/dist/timeline/ActivityItem.svelte.d.ts +1 -1
  384. package/dist/timeline/Group.svelte +2 -2
  385. package/dist/timeline/Group.svelte.d.ts +1 -1
  386. package/dist/timeline/GroupItem.svelte +2 -2
  387. package/dist/timeline/GroupItem.svelte.d.ts +1 -1
  388. package/dist/timeline/Timeline.svelte +2 -2
  389. package/dist/timeline/Timeline.svelte.d.ts +1 -1
  390. package/dist/timeline/TimelineItem.svelte +2 -2
  391. package/dist/timeline/TimelineItem.svelte.d.ts +1 -1
  392. package/dist/timeline/theme.d.ts +7 -7
  393. package/dist/toast/Toast.svelte +23 -4
  394. package/dist/toast/Toast.svelte.d.ts +2 -1
  395. package/dist/toast/ToastContainer.svelte +2 -2
  396. package/dist/toast/ToastContainer.svelte.d.ts +1 -1
  397. package/dist/toast/theme.d.ts +1 -1
  398. package/dist/toolbar/Toolbar.svelte +2 -2
  399. package/dist/toolbar/Toolbar.svelte.d.ts +1 -1
  400. package/dist/toolbar/ToolbarButton.svelte +2 -2
  401. package/dist/toolbar/ToolbarButton.svelte.d.ts +1 -1
  402. package/dist/toolbar/ToolbarGroup.svelte +2 -2
  403. package/dist/toolbar/ToolbarGroup.svelte.d.ts +1 -1
  404. package/dist/toolbar/theme.d.ts +1 -1
  405. package/dist/toolbar/theme.js +1 -1
  406. package/dist/tooltip/Tooltip.svelte +1 -1
  407. package/dist/tooltip/Tooltip.svelte.d.ts +1 -1
  408. package/dist/types.d.ts +42 -29
  409. package/dist/typography/a/A.svelte +2 -2
  410. package/dist/typography/a/A.svelte.d.ts +1 -1
  411. package/dist/typography/blockquote/Blockquote.svelte +2 -2
  412. package/dist/typography/blockquote/Blockquote.svelte.d.ts +1 -1
  413. package/dist/typography/descriptionlist/DescriptionList.svelte +2 -2
  414. package/dist/typography/descriptionlist/DescriptionList.svelte.d.ts +1 -1
  415. package/dist/typography/heading/Heading.svelte +2 -2
  416. package/dist/typography/heading/Heading.svelte.d.ts +1 -1
  417. package/dist/typography/hr/Hr.svelte +1 -1
  418. package/dist/typography/hr/theme.d.ts +1 -1
  419. package/dist/typography/img/Img.svelte +2 -2
  420. package/dist/typography/img/Img.svelte.d.ts +1 -1
  421. package/dist/typography/img/theme.d.ts +1 -1
  422. package/dist/typography/layout/Layout.svelte +2 -2
  423. package/dist/typography/layout/Layout.svelte.d.ts +1 -1
  424. package/dist/typography/list/Li.svelte +1 -1
  425. package/dist/typography/list/Li.svelte.d.ts +1 -1
  426. package/dist/typography/list/List.svelte +2 -2
  427. package/dist/typography/list/List.svelte.d.ts +1 -1
  428. package/dist/typography/mark/Mark.svelte +2 -2
  429. package/dist/typography/mark/Mark.svelte.d.ts +1 -1
  430. package/dist/typography/paragraph/P.svelte +2 -2
  431. package/dist/typography/paragraph/P.svelte.d.ts +1 -1
  432. package/dist/typography/secondary/Secondary.svelte +2 -2
  433. package/dist/typography/secondary/Secondary.svelte.d.ts +1 -1
  434. package/dist/typography/span/Span.svelte +2 -2
  435. package/dist/typography/span/Span.svelte.d.ts +1 -1
  436. package/dist/utils/Arrow.svelte +1 -1
  437. package/dist/utils/Arrow.svelte.d.ts +1 -1
  438. package/dist/utils/CloseButton.svelte +11 -7
  439. package/dist/utils/CloseButton.svelte.d.ts +2 -2
  440. package/dist/utils/Popper.svelte +9 -3
  441. package/dist/utils/Popper.svelte.d.ts +1 -1
  442. package/dist/utils/theme.d.ts +60 -81
  443. package/dist/utils/theme.js +10 -36
  444. package/dist/video/Video.svelte +2 -2
  445. package/dist/video/Video.svelte.d.ts +1 -1
  446. package/package.json +2 -735
  447. package/dist/bottom-navigation/CHANGES-SUMMARY.svelte +0 -175
  448. package/dist/bottom-navigation/MIGRATION-GUIDE.svelte +0 -142
  449. /package/dist/{forms → extend}/button-toggle/ButtonToggleGroup.svelte.d.ts +0 -0
  450. /package/dist/{forms → extend}/button-toggle/index.d.ts +0 -0
  451. /package/dist/{forms → extend}/button-toggle/index.js +0 -0
  452. /package/dist/{forms → extend}/button-toggle/theme.js +0 -0
  453. /package/dist/{clipboard-manager → extend/clipboard-manager}/index.d.ts +0 -0
  454. /package/dist/{clipboard-manager → extend/clipboard-manager}/index.js +0 -0
  455. /package/dist/{clipboard-manager → extend/clipboard-manager}/theme.js +0 -0
  456. /package/dist/{command-palette → extend/command-palette}/index.d.ts +0 -0
  457. /package/dist/{command-palette → extend/command-palette}/index.js +0 -0
  458. /package/dist/{command-palette → extend/command-palette}/theme.js +0 -0
  459. /package/dist/{kanban → extend/kanban}/index.d.ts +0 -0
  460. /package/dist/{kanban → extend/kanban}/index.js +0 -0
  461. /package/dist/{kanban → extend/kanban}/theme.js +0 -0
  462. /package/dist/{scroll-spy → extend/scroll-spy}/index.d.ts +0 -0
  463. /package/dist/{scroll-spy → extend/scroll-spy}/index.js +0 -0
  464. /package/dist/{scroll-spy → extend/scroll-spy}/theme.js +0 -0
  465. /package/dist/{split-pane → extend/split-pane}/index.d.ts +0 -0
  466. /package/dist/{split-pane → extend/split-pane}/index.js +0 -0
  467. /package/dist/{split-pane → extend/split-pane}/theme.d.ts +0 -0
  468. /package/dist/{split-pane → extend/split-pane}/theme.js +0 -0
  469. /package/dist/{step-indicator → extend/step-indicator}/index.d.ts +0 -0
  470. /package/dist/{step-indicator → extend/step-indicator}/index.js +0 -0
  471. /package/dist/{step-indicator → extend/step-indicator}/theme.js +0 -0
  472. /package/dist/{forms → extend}/tags/index.d.ts +0 -0
  473. /package/dist/{forms → extend}/tags/index.js +0 -0
  474. /package/dist/{tour → extend/tour}/index.d.ts +0 -0
  475. /package/dist/{tour → extend/tour}/index.js +0 -0
  476. /package/dist/{tour → extend/tour}/theme.js +0 -0
  477. /package/dist/{virtual-masonry → extend/virtual-masonry}/index.d.ts +0 -0
  478. /package/dist/{virtual-masonry → extend/virtual-masonry}/index.js +0 -0
  479. /package/dist/{virtual-masonry → extend/virtual-masonry}/theme.js +0 -0
  480. /package/dist/{virtuallist → extend/virtuallist}/index.d.ts +0 -0
  481. /package/dist/{virtuallist → extend/virtuallist}/index.js +0 -0
  482. /package/dist/{virtuallist → extend/virtuallist}/theme.js +0 -0
  483. /package/dist/{theme → theme-provider}/ThemeProvider.svelte +0 -0
  484. /package/dist/{theme → theme-provider}/ThemeProvider.svelte.d.ts +0 -0
  485. /package/dist/{theme → theme-provider}/index.d.ts +0 -0
  486. /package/dist/{theme → theme-provider}/index.js +0 -0
  487. /package/dist/{theme → theme-provider}/themeUtils.d.ts +0 -0
  488. /package/dist/{theme → theme-provider}/themeUtils.js +0 -0
package/dist/bottom-navigation/CHANGES-SUMMARY.svelte DELETED
@@ -1,175 +0,0 @@
1
- <script>
2
- </script>
3
-
4
- <h1>BottomNavItem Refactoring - Complete Changes Summary</h1>
5
- <h2>Files Changed</h2>
6
- <h3>1. <code>src/lib/types.ts</code></h3>
7
- <p><strong>Changes Made:</strong></p>
8
- <ul>
9
- <li>Removed manual <code>classes</code> definition from <code>BottomNavItemProps</code> (it’s already provided by <code>BottomNavItemVariants</code>)</li>
10
- <li>Added deprecation comments to <code>btnClass</code> and <code>spanClass</code> props</li>
11
- <li>Simplified <code>BottomNavContextType</code> to remove <code>classes</code> (not needed since items manage their own styling)</li>
12
- </ul>
13
- <p><strong>Before:</strong></p>
14
- <pre class="language-typescript">{@html `<code class="language-typescript"><span class="token keyword">export</span> <span class="token keyword">type</span> <span class="token class-name">BottomNavItemProps</span> <span class="token operator">=</span> BottomNavItemVariants <span class="token operator">&amp;</span>
15
- AnchorButtonAttributes <span class="token operator">&amp;</span> <span class="token punctuation">&#123;</span>
16
- children<span class="token operator">:</span> Snippet<span class="token punctuation">;</span>
17
- btnName<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">string</span><span class="token punctuation">;</span>
18
- activeClass<span class="token operator">?</span><span class="token operator">:</span> ClassValue<span class="token punctuation">;</span>
19
- btnClass<span class="token operator">?</span><span class="token operator">:</span> ClassValue<span class="token punctuation">;</span>
20
- spanClass<span class="token operator">?</span><span class="token operator">:</span> ClassValue<span class="token punctuation">;</span>
21
- active<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">boolean</span><span class="token punctuation">;</span>
22
- classes<span class="token operator">?</span><span class="token operator">:</span> Partial<span class="token operator">&lt;</span><span class="token punctuation">&#123;</span>
23
- base<span class="token operator">?</span><span class="token operator">:</span> ClassValue<span class="token punctuation">;</span>
24
- span<span class="token operator">?</span><span class="token operator">:</span> ClassValue<span class="token punctuation">;</span>
25
- <span class="token punctuation">&#125;</span><span class="token operator">></span><span class="token punctuation">;</span>
26
- <span class="token punctuation">&#125;</span><span class="token punctuation">;</span>
27
-
28
- <span class="token keyword">export</span> <span class="token keyword">interface</span> <span class="token class-name">BottomNavContextType</span> <span class="token punctuation">&#123;</span>
29
- activeClass<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">string</span> <span class="token operator">|</span> <span class="token keyword">null</span><span class="token punctuation">;</span>
30
- activeUrl<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">string</span><span class="token punctuation">;</span>
31
- navType<span class="token operator">?</span><span class="token operator">:</span> BottomNavVariants<span class="token punctuation">[</span><span class="token string">"navType"</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
32
- classes<span class="token operator">?</span><span class="token operator">:</span> Partial<span class="token operator">&lt;</span><span class="token punctuation">&#123;</span>
33
- base<span class="token operator">?</span><span class="token operator">:</span> ClassValue<span class="token punctuation">;</span>
34
- span<span class="token operator">?</span><span class="token operator">:</span> ClassValue<span class="token punctuation">;</span>
35
- <span class="token punctuation">&#125;</span><span class="token operator">></span><span class="token punctuation">;</span>
36
- <span class="token punctuation">&#125;</span></code>`}</pre>
37
- <p><strong>After:</strong></p>
38
- <pre class="language-typescript">{@html `<code class="language-typescript"><span class="token keyword">export</span> <span class="token keyword">type</span> <span class="token class-name">BottomNavItemProps</span> <span class="token operator">=</span> BottomNavItemVariants <span class="token operator">&amp;</span>
39
- AnchorButtonAttributes <span class="token operator">&amp;</span> <span class="token punctuation">&#123;</span>
40
- children<span class="token operator">:</span> Snippet<span class="token punctuation">;</span>
41
- btnName<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">string</span><span class="token punctuation">;</span>
42
- activeClass<span class="token operator">?</span><span class="token operator">:</span> ClassValue<span class="token punctuation">;</span>
43
- <span class="token comment">/** @deprecated Use &#96;class&#96; prop instead */</span>
44
- btnClass<span class="token operator">?</span><span class="token operator">:</span> ClassValue<span class="token punctuation">;</span>
45
- <span class="token comment">/** @deprecated Use &#96;classes.span&#96; instead */</span>
46
- spanClass<span class="token operator">?</span><span class="token operator">:</span> ClassValue<span class="token punctuation">;</span>
47
- active<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">boolean</span><span class="token punctuation">;</span>
48
- <span class="token comment">// classes is automatically included via BottomNavItemVariants</span>
49
- <span class="token punctuation">&#125;</span><span class="token punctuation">;</span>
50
-
51
- <span class="token keyword">export</span> <span class="token keyword">interface</span> <span class="token class-name">BottomNavContextType</span> <span class="token punctuation">&#123;</span>
52
- activeClass<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">string</span> <span class="token operator">|</span> <span class="token keyword">null</span><span class="token punctuation">;</span>
53
- activeUrl<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">string</span><span class="token punctuation">;</span>
54
- navType<span class="token operator">?</span><span class="token operator">:</span> BottomNavVariants<span class="token punctuation">[</span><span class="token string">"navType"</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
55
- <span class="token comment">// No classes needed - items manage their own styling</span>
56
- <span class="token punctuation">&#125;</span></code>`}</pre>
57
- <h3>2. <code>src/lib/bottom-navigation/BottomNavItem.svelte</code></h3>
58
- <p><strong>Changes Made:</strong></p>
59
- <ul>
60
- <li>Added support for both deprecated (<code>btnClass</code>, <code>spanClass</code>) and new (<code>class</code>, <code>classes.span</code>) props</li>
61
- <li>Removed reference to <code>context?.classes?.base</code> (doesn’t exist in <code>Classes&lt;T&gt;</code> pattern)</li>
62
- <li>Removed reference to <code>context?.classes?.span</code> (simplified - items manage their own classes)</li>
63
- <li>Updated comments to clarify the class priority system</li>
64
- </ul>
65
- <p><strong>Key Function Changes:</strong></p>
66
- <pre class="language-typescript">{@html `<code class="language-typescript"><span class="token keyword">function</span> <span class="token function">getCommonClass</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">&#123;</span>
67
- <span class="token comment">// Priority: theme (lowest) -> className/btnClass (highest)</span>
68
- <span class="token keyword">return</span> <span class="token function">base</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>
69
- <span class="token keyword">class</span><span class="token operator">:</span> <span class="token function">clsx</span><span class="token punctuation">(</span>
70
- theme<span class="token operator">?.</span>base<span class="token punctuation">,</span>
71
- className <span class="token operator">??</span> btnClass<span class="token punctuation">,</span> <span class="token comment">// Support deprecated btnClass</span>
72
- isActive <span class="token operator">&amp;&amp;</span> <span class="token punctuation">(</span>activeClass <span class="token operator">??</span> context<span class="token operator">?.</span>activeClass<span class="token punctuation">)</span>
73
- <span class="token punctuation">)</span>
74
- <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
75
- <span class="token punctuation">&#125;</span>
76
-
77
- <span class="token keyword">function</span> <span class="token function">getSpanClass</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">&#123;</span>
78
- <span class="token comment">// Priority: theme (lowest) -> classes.span/spanClass (highest)</span>
79
- <span class="token keyword">return</span> <span class="token function">span</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>
80
- <span class="token keyword">class</span><span class="token operator">:</span> <span class="token function">clsx</span><span class="token punctuation">(</span>
81
- theme<span class="token operator">?.</span>span<span class="token punctuation">,</span>
82
- styling<span class="token operator">?.</span>span <span class="token operator">??</span> spanClass<span class="token punctuation">,</span> <span class="token comment">// Support deprecated spanClass</span>
83
- isActive <span class="token operator">&amp;&amp;</span> <span class="token punctuation">(</span>activeClass <span class="token operator">??</span> context<span class="token operator">?.</span>activeClass<span class="token punctuation">)</span>
84
- <span class="token punctuation">)</span>
85
- <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
86
- <span class="token punctuation">&#125;</span></code>`}</pre>
87
- <h3>3. <code>src/lib/bottom-navigation/BottomNav.svelte</code></h3>
88
- <p><strong>Changes Made:</strong></p>
89
- <ul>
90
- <li>Removed <code>classes</code> from the context (simplified pattern)</li>
91
- <li>Updated comments to clarify that classes prop only affects BottomNav’s own elements</li>
92
- </ul>
93
- <p><strong>Context Definition:</strong></p>
94
- <pre class="language-typescript">{@html `<code class="language-typescript"><span class="token keyword">const</span> reactiveCtx<span class="token operator">:</span> BottomNavContextType <span class="token operator">=</span> <span class="token punctuation">&#123;</span>
95
- <span class="token keyword">get</span> <span class="token function">activeClass</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">&#123;</span>
96
- <span class="token keyword">return</span> activeCls<span class="token punctuation">;</span>
97
- <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>
98
- <span class="token keyword">get</span> <span class="token function">activeUrl</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">&#123;</span>
99
- <span class="token keyword">return</span> activeUrl<span class="token punctuation">;</span>
100
- <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>
101
- <span class="token keyword">get</span> <span class="token function">navType</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">&#123;</span>
102
- <span class="token keyword">return</span> navType<span class="token punctuation">;</span>
103
- <span class="token punctuation">&#125;</span>
104
- <span class="token comment">// classes intentionally omitted - items use their own classes prop</span>
105
- <span class="token punctuation">&#125;</span><span class="token punctuation">;</span></code>`}</pre>
106
- <h2>Key Concepts</h2>
107
- <h3>1. The <code>Classes&lt;T&gt;</code> Pattern</h3>
108
- <p>The <code>Classes</code> utility type in <code>themeUtils.ts</code> is defined as:</p>
109
- <pre class="language-typescript">{@html `<code class="language-typescript"><span class="token keyword">type</span> <span class="token class-name">Slots<span class="token operator">&lt;</span><span class="token constant">T</span> <span class="token keyword">extends</span> <span class="token punctuation">&#123;</span> slots<span class="token operator">:</span> Record<span class="token operator">&lt;</span><span class="token builtin">string</span><span class="token punctuation">,</span> <span class="token builtin">unknown</span><span class="token operator">></span> <span class="token punctuation">&#125;</span><span class="token operator">></span></span> <span class="token operator">=</span> Omit<span class="token operator">&lt;</span><span class="token constant">T</span><span class="token punctuation">[</span><span class="token string">"slots"</span><span class="token punctuation">]</span><span class="token punctuation">,</span> <span class="token string">"base"</span><span class="token operator">></span><span class="token punctuation">;</span>
110
- <span class="token keyword">export</span> <span class="token keyword">type</span> <span class="token class-name">Classes<span class="token operator">&lt;</span><span class="token constant">T</span> <span class="token keyword">extends</span> <span class="token punctuation">&#123;</span> slots<span class="token operator">:</span> Record<span class="token operator">&lt;</span><span class="token builtin">string</span><span class="token punctuation">,</span> <span class="token builtin">unknown</span><span class="token operator">></span> <span class="token punctuation">&#125;</span><span class="token operator">></span></span> <span class="token operator">=</span> <span class="token punctuation">&#123;</span>
111
- classes<span class="token operator">?</span><span class="token operator">:</span> Partial<span class="token operator">&lt;</span><span class="token punctuation">&#123;</span> <span class="token punctuation">[</span><span class="token constant">K</span> <span class="token keyword">in</span> <span class="token keyword">keyof</span> Slots<span class="token operator">&lt;</span><span class="token constant">T</span><span class="token operator">></span><span class="token punctuation">]</span><span class="token operator">:</span> ClassValue <span class="token punctuation">&#125;</span><span class="token operator">></span><span class="token punctuation">;</span>
112
- <span class="token punctuation">&#125;</span><span class="token punctuation">;</span></code>`}</pre>
113
- <p><strong>Important:</strong> This type <strong>intentionally omits the “base” slot!</strong></p>
114
- <p><strong>Reasoning:</strong></p>
115
- <ul>
116
- <li><code>class</code> prop = base element styling (highest priority)</li>
117
- <li><code>classes</code> prop = other slots (span, inner, etc.)</li>
118
- </ul>
119
- <h3>2. Component Class Priority</h3>
120
- <p><strong>For the button/anchor element (base):</strong></p>
121
- <ol>
122
- <li>Theme classes (lowest)</li>
123
- <li><code>class</code> prop or deprecated <code>btnClass</code> (highest)</li>
124
- <li>Active state classes (conditional)</li>
125
- </ol>
126
- <p><strong>For the span element:</strong></p>
127
- <ol>
128
- <li>Theme classes (lowest)</li>
129
- <li><code>classes.span</code> or deprecated <code>spanClass</code> (highest)</li>
130
- <li>Active state classes (conditional)</li>
131
- </ol>
132
- <h3>3. Migration Path</h3>
133
- <p><strong>Old Way (Deprecated):</strong></p>
134
- <pre class="language-svelte">{@html `<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>BottomNavItem</span> <span class="token attr-name">btnClass</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>custom-btn<span class="token punctuation">"</span></span> <span class="token attr-name">spanClass</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>custom-span<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span></code>`}</pre>
135
- <p><strong>New Way:</strong></p>
136
- <pre class="language-svelte">{@html `<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>BottomNavItem</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>custom-btn<span class="token punctuation">"</span></span> <span class="token attr-name">classes=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token punctuation">&#123;</span> span<span class="token operator">:</span> <span class="token string">"custom-span"</span> <span class="token punctuation">&#125;</span><span class="token punctuation">&#125;</span></span> <span class="token punctuation">/></span></span></code>`}</pre>
137
- <h3>4. Why <code>activeClass</code> Stays Separate</h3>
138
- <p><code>activeClass</code> is about <strong>state</strong> (active/inactive), not <strong>structure</strong>. It:</p>
139
- <ul>
140
- <li>Is applied conditionally based on active state</li>
141
- <li>Is conceptually different from structural styling</li>
142
- <li>May apply to multiple elements (button + span)</li>
143
- </ul>
144
- <h2>Testing Checklist</h2>
145
- <ul class="contains-task-list">
146
- <li class="task-list-item"><input type="checkbox" disabled> Verify no TypeScript errors in <code>BottomNavItem.svelte</code></li>
147
- <li class="task-list-item"><input type="checkbox" disabled> Test deprecated props (<code>btnClass</code>, <code>spanClass</code>) still work</li>
148
- <li class="task-list-item"><input type="checkbox" disabled> Test new props (<code>class</code>, <code>classes.span</code>) work correctly</li>
149
- <li class="task-list-item"><input type="checkbox" disabled> Verify class priority: <code>classes.span</code> overrides <code>spanClass</code> when both provided</li>
150
- <li class="task-list-item"><input type="checkbox" disabled> Verify class priority: <code>class</code> overrides <code>btnClass</code> when both provided</li>
151
- <li class="task-list-item"><input type="checkbox" disabled> Test active state styling works</li>
152
- <li class="task-list-item"><input type="checkbox" disabled> Test theme overrides work correctly</li>
153
- </ul>
154
- <h2>Files to Clean Up (Optional)</h2>
155
- <p>You may want to delete these temporary files:</p>
156
- <ul>
157
- <li><code>src/lib/bottom-navigation/BottomNavItem-updated.svelte</code> (was created during refactoring)</li>
158
- </ul>
159
- <p>Keep these documentation files:</p>
160
- <ul>
161
- <li><code>src/lib/bottom-navigation/MIGRATION-GUIDE.md</code> (useful reference)</li>
162
- <li>This summary file</li>
163
- </ul>
164
- <h2>Summary</h2>
165
- <p>The refactoring successfully:</p>
166
- <ol>
167
- <li>✅ Removed redundant <code>classes</code> definition (already in <code>BottomNavItemVariants</code>)</li>
168
- <li>✅ Simplified context (removed unnecessary classes passing)</li>
169
- <li>✅ Added backward compatibility for <code>btnClass</code> and <code>spanClass</code></li>
170
- <li>✅ Fixed TypeScript errors</li>
171
- <li>✅ Maintained correct class priority system</li>
172
- <li>✅ Followed the <code>Classes&lt;T&gt;</code> pattern correctly (base slot excluded)</li>
173
- </ol>
174
- <p>All TypeScript errors should now be resolved! 🎉</p>
175
-
package/dist/bottom-navigation/MIGRATION-GUIDE.svelte DELETED
@@ -1,142 +0,0 @@
1
- <script>
2
- </script>
3
-
4
- <h1>BottomNavItem Class Migration Summary</h1>
5
- <h2>Key Insights</h2>
6
- <h3>1. The <code>Classes&lt;T&gt;</code> Type Intentionally Omits “base”</h3>
7
- <p>The <code>Classes</code> utility type in <code>themeUtils.ts</code> is defined as:</p>
8
- <pre class="language-typescript">{@html `<code class="language-typescript"><span class="token keyword">type</span> <span class="token class-name">Slots<span class="token operator">&lt;</span><span class="token constant">T</span> <span class="token keyword">extends</span> <span class="token punctuation">&#123;</span> slots<span class="token operator">:</span> Record<span class="token operator">&lt;</span><span class="token builtin">string</span><span class="token punctuation">,</span> <span class="token builtin">unknown</span><span class="token operator">></span> <span class="token punctuation">&#125;</span><span class="token operator">></span></span> <span class="token operator">=</span> Omit<span class="token operator">&lt;</span><span class="token constant">T</span><span class="token punctuation">[</span><span class="token string">"slots"</span><span class="token punctuation">]</span><span class="token punctuation">,</span> <span class="token string">"base"</span><span class="token operator">></span><span class="token punctuation">;</span>
9
- <span class="token keyword">export</span> <span class="token keyword">type</span> <span class="token class-name">Classes<span class="token operator">&lt;</span><span class="token constant">T</span> <span class="token keyword">extends</span> <span class="token punctuation">&#123;</span> slots<span class="token operator">:</span> Record<span class="token operator">&lt;</span><span class="token builtin">string</span><span class="token punctuation">,</span> <span class="token builtin">unknown</span><span class="token operator">></span> <span class="token punctuation">&#125;</span><span class="token operator">></span></span> <span class="token operator">=</span> <span class="token punctuation">&#123;</span>
10
- classes<span class="token operator">?</span><span class="token operator">:</span> Partial<span class="token operator">&lt;</span><span class="token punctuation">&#123;</span> <span class="token punctuation">[</span><span class="token constant">K</span> <span class="token keyword">in</span> <span class="token keyword">keyof</span> Slots<span class="token operator">&lt;</span><span class="token constant">T</span><span class="token operator">></span><span class="token punctuation">]</span><span class="token operator">:</span> ClassValue <span class="token punctuation">&#125;</span><span class="token operator">></span><span class="token punctuation">;</span>
11
- <span class="token punctuation">&#125;</span><span class="token punctuation">;</span></code>`}</pre>
12
- <p>This means:</p>
13
- <ul>
14
- <li><strong><code>class</code> prop</strong> = for the base element (button/anchor)</li>
15
- <li><strong><code>classes</code> prop</strong> = for all other slots (span, inner, etc.)</li>
16
- </ul>
17
- <h3>2. BottomNavItemVariants Already Includes Classes</h3>
18
- <p>Since <code>BottomNavItemVariants</code> extends <code>Classes&lt;typeof bottomNavItem&gt;</code>, you don’t need to manually add:</p>
19
- <pre class="language-typescript">{@html `<code class="language-typescript">classes<span class="token operator">?</span><span class="token operator">:</span> Partial<span class="token operator">&lt;</span><span class="token punctuation">&#123;</span>
20
- base<span class="token operator">?</span><span class="token operator">:</span> ClassValue<span class="token punctuation">;</span>
21
- span<span class="token operator">?</span><span class="token operator">:</span> ClassValue<span class="token punctuation">;</span>
22
- <span class="token punctuation">&#125;</span><span class="token operator">></span><span class="token punctuation">;</span></code>`}</pre>
23
- <p>It’s already provided! And it will only have <code>span</code>, not <code>base</code>.</p>
24
- <h3>3. Recommended Type Updates</h3>
25
- <pre class="language-typescript">{@html `<code class="language-typescript"><span class="token comment">// In types.ts</span>
26
-
27
- <span class="token keyword">export</span> <span class="token keyword">type</span> <span class="token class-name">BottomNavItemProps</span> <span class="token operator">=</span> BottomNavItemVariants <span class="token operator">&amp;</span>
28
- AnchorButtonAttributes <span class="token operator">&amp;</span> <span class="token punctuation">&#123;</span>
29
- children<span class="token operator">:</span> Snippet<span class="token punctuation">;</span>
30
- btnName<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">string</span><span class="token punctuation">;</span>
31
- activeClass<span class="token operator">?</span><span class="token operator">:</span> ClassValue<span class="token punctuation">;</span>
32
- <span class="token comment">/** @deprecated Use &#96;class&#96; prop instead */</span>
33
- btnClass<span class="token operator">?</span><span class="token operator">:</span> ClassValue<span class="token punctuation">;</span>
34
- <span class="token comment">/** @deprecated Use &#96;classes.span&#96; instead */</span>
35
- spanClass<span class="token operator">?</span><span class="token operator">:</span> ClassValue<span class="token punctuation">;</span>
36
- active<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">boolean</span><span class="token punctuation">;</span>
37
- <span class="token comment">// No need to add classes - it's already in BottomNavItemVariants!</span>
38
- <span class="token punctuation">&#125;</span><span class="token punctuation">;</span>
39
-
40
- <span class="token keyword">export</span> <span class="token keyword">interface</span> <span class="token class-name">BottomNavContextType</span> <span class="token punctuation">&#123;</span>
41
- activeClass<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">string</span> <span class="token operator">|</span> <span class="token keyword">null</span><span class="token punctuation">;</span>
42
- activeUrl<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">string</span><span class="token punctuation">;</span>
43
- navType<span class="token operator">?</span><span class="token operator">:</span> BottomNavVariants<span class="token punctuation">[</span><span class="token string">"navType"</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
44
- classes<span class="token operator">?</span><span class="token operator">:</span> Partial<span class="token operator">&lt;</span><span class="token punctuation">&#123;</span>
45
- span<span class="token operator">?</span><span class="token operator">:</span> ClassValue<span class="token punctuation">;</span> <span class="token comment">// Only non-base slots</span>
46
- <span class="token punctuation">&#125;</span><span class="token operator">></span><span class="token punctuation">;</span>
47
- <span class="token punctuation">&#125;</span></code>`}</pre>
48
- <h3>4. Component Implementation</h3>
49
- <pre class="language-svelte">{@html `<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ts<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
50
- <span class="token keyword">let</span> <span class="token punctuation">&#123;</span>
51
- children<span class="token punctuation">,</span>
52
- btnName<span class="token punctuation">,</span>
53
- appBtnPosition <span class="token operator">=</span> <span class="token string">"middle"</span><span class="token punctuation">,</span>
54
- activeClass<span class="token punctuation">,</span>
55
- <span class="token keyword">class</span><span class="token operator">:</span> className<span class="token punctuation">,</span>
56
- classes<span class="token punctuation">,</span> <span class="token comment">// From BottomNavItemVariants, only has &#123; span?: ClassValue &#125;</span>
57
- active<span class="token operator">:</span> manualActive<span class="token punctuation">,</span>
58
- btnClass<span class="token punctuation">,</span> <span class="token comment">// Deprecated</span>
59
- spanClass<span class="token punctuation">,</span> <span class="token comment">// Deprecated</span>
60
- <span class="token operator">...</span>restProps
61
- <span class="token punctuation">&#125;</span><span class="token operator">:</span> BottomNavItemProps <span class="token operator">=</span> <span class="token function">$props</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
62
-
63
- <span class="token keyword">const</span> styling <span class="token operator">=</span> <span class="token function">$derived</span><span class="token punctuation">(</span>classes<span class="token punctuation">)</span><span class="token punctuation">;</span>
64
- <span class="token keyword">const</span> theme <span class="token operator">=</span> <span class="token function">$derived</span><span class="token punctuation">(</span><span class="token function">getTheme</span><span class="token punctuation">(</span><span class="token string">"bottomNavItem"</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
65
- <span class="token keyword">const</span> context <span class="token operator">=</span> <span class="token function">getBottomNavContext</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
66
-
67
- <span class="token keyword">function</span> <span class="token function">getCommonClass</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">&#123;</span>
68
- <span class="token comment">// For base element: theme -> className (or btnClass for backwards compat)</span>
69
- <span class="token keyword">return</span> <span class="token function">base</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>
70
- <span class="token keyword">class</span><span class="token operator">:</span> <span class="token function">clsx</span><span class="token punctuation">(</span>
71
- theme<span class="token operator">?.</span>base<span class="token punctuation">,</span>
72
- className <span class="token operator">??</span> btnClass<span class="token punctuation">,</span> <span class="token comment">// btnClass is fallback for backwards compatibility</span>
73
- isActive <span class="token operator">&amp;&amp;</span> <span class="token punctuation">(</span>activeClass <span class="token operator">??</span> context<span class="token operator">?.</span>activeClass<span class="token punctuation">)</span>
74
- <span class="token punctuation">)</span>
75
- <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
76
- <span class="token punctuation">&#125;</span>
77
-
78
- <span class="token keyword">function</span> <span class="token function">getSpanClass</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">&#123;</span>
79
- <span class="token comment">// For span element: theme -> context -> classes.span (or spanClass for backwards compat)</span>
80
- <span class="token keyword">return</span> <span class="token function">span</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>
81
- <span class="token keyword">class</span><span class="token operator">:</span> <span class="token function">clsx</span><span class="token punctuation">(</span>
82
- theme<span class="token operator">?.</span>span<span class="token punctuation">,</span>
83
- context<span class="token operator">?.</span>classes<span class="token operator">?.</span>span<span class="token punctuation">,</span>
84
- styling<span class="token operator">?.</span>span <span class="token operator">??</span> spanClass<span class="token punctuation">,</span> <span class="token comment">// spanClass is fallback for backwards compatibility</span>
85
- isActive <span class="token operator">&amp;&amp;</span> <span class="token punctuation">(</span>activeClass <span class="token operator">??</span> context<span class="token operator">?.</span>activeClass<span class="token punctuation">)</span>
86
- <span class="token punctuation">)</span>
87
- <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
88
- <span class="token punctuation">&#125;</span>
89
- </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span></code>`}</pre>
90
- <h2>Migration Path for Users</h2>
91
- <h3>Old Way (Deprecated)</h3>
92
- <pre class="language-svelte">{@html `<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>BottomNavItem</span> <span class="token attr-name">btnClass</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>custom-btn<span class="token punctuation">"</span></span> <span class="token attr-name">spanClass</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>custom-span<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span></code>`}</pre>
93
- <h3>New Way</h3>
94
- <pre class="language-svelte">{@html `<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>BottomNavItem</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>custom-btn<span class="token punctuation">"</span></span> <span class="token attr-name">classes=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token punctuation">&#123;</span> span<span class="token operator">:</span> <span class="token string">"custom-span"</span> <span class="token punctuation">&#125;</span><span class="token punctuation">&#125;</span></span> <span class="token punctuation">/></span></span></code>`}</pre>
95
- <h2>Answers to Your Questions</h2>
96
- <h3>Q: Do we need to add <code>classes</code> to BottomNavItemProps?</h3>
97
- <p><strong>A: No!</strong> It’s already included via <code>BottomNavItemVariants</code> which extends <code>Classes&lt;typeof bottomNavItem&gt;</code>.</p>
98
- <h3>Q: Should we move btnClass and spanClass to classes?</h3>
99
- <p><strong>A: Yes, but gradually:</strong></p>
100
- <ol>
101
- <li>Mark <code>btnClass</code> and <code>spanClass</code> as deprecated</li>
102
- <li>Support both old and new props for backwards compatibility</li>
103
- <li>In a future major version, remove the deprecated props</li>
104
- </ol>
105
- <h3>Q: Should activeClass be in classes?</h3>
106
- <p><strong>A: No.</strong> <code>activeClass</code> is about <strong>state</strong> (active/inactive), not structure. It should remain a separate prop because:</p>
107
- <ul>
108
- <li>It’s applied conditionally based on active state</li>
109
- <li>It’s conceptually different from structural styling</li>
110
- <li>It may apply to multiple elements (button + span)</li>
111
- </ul>
112
- <h3>Q: What about context.classes.base?</h3>
113
- <p><strong>A: Remove it.</strong> The context should only pass non-base classes. The base element should be styled via:</p>
114
- <ol>
115
- <li>Theme classes</li>
116
- <li>Component’s <code>class</code> prop</li>
117
- <li>Context doesn’t pass base classes to items</li>
118
- </ol>
119
- <h2>Final Type Definitions</h2>
120
- <pre class="language-typescript">{@html `<code class="language-typescript"><span class="token comment">// Only non-base slots in context</span>
121
- <span class="token keyword">export</span> <span class="token keyword">interface</span> <span class="token class-name">BottomNavContextType</span> <span class="token punctuation">&#123;</span>
122
- activeClass<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">string</span> <span class="token operator">|</span> <span class="token keyword">null</span><span class="token punctuation">;</span>
123
- activeUrl<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">string</span><span class="token punctuation">;</span>
124
- navType<span class="token operator">?</span><span class="token operator">:</span> BottomNavVariants<span class="token punctuation">[</span><span class="token string">"navType"</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
125
- classes<span class="token operator">?</span><span class="token operator">:</span> Partial<span class="token operator">&lt;</span><span class="token punctuation">&#123;</span>
126
- span<span class="token operator">?</span><span class="token operator">:</span> ClassValue<span class="token punctuation">;</span>
127
- <span class="token punctuation">&#125;</span><span class="token operator">></span><span class="token punctuation">;</span>
128
- <span class="token punctuation">&#125;</span>
129
-
130
- <span class="token comment">// No manual classes definition needed</span>
131
- <span class="token keyword">export</span> <span class="token keyword">type</span> <span class="token class-name">BottomNavItemProps</span> <span class="token operator">=</span> BottomNavItemVariants <span class="token operator">&amp;</span>
132
- AnchorButtonAttributes <span class="token operator">&amp;</span> <span class="token punctuation">&#123;</span>
133
- children<span class="token operator">:</span> Snippet<span class="token punctuation">;</span>
134
- btnName<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">string</span><span class="token punctuation">;</span>
135
- activeClass<span class="token operator">?</span><span class="token operator">:</span> ClassValue<span class="token punctuation">;</span>
136
- <span class="token comment">/** @deprecated Use &#96;class&#96; prop instead */</span>
137
- btnClass<span class="token operator">?</span><span class="token operator">:</span> ClassValue<span class="token punctuation">;</span>
138
- <span class="token comment">/** @deprecated Use &#96;classes.span&#96; instead */</span>
139
- spanClass<span class="token operator">?</span><span class="token operator">:</span> ClassValue<span class="token punctuation">;</span>
140
- active<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">boolean</span><span class="token punctuation">;</span>
141
- <span class="token punctuation">&#125;</span><span class="token punctuation">;</span></code>`}</pre>
142
-
/package/dist/{forms → extend}/button-toggle/index.d.ts RENAMED
File without changes
/package/dist/{forms → extend}/button-toggle/index.js RENAMED
File without changes
/package/dist/{forms → extend}/button-toggle/theme.js RENAMED
File without changes
/package/dist/{kanban → extend/kanban}/index.d.ts RENAMED
File without changes
/package/dist/{kanban → extend/kanban}/index.js RENAMED
File without changes
/package/dist/{kanban → extend/kanban}/theme.js RENAMED
File without changes
/package/dist/{scroll-spy → extend/scroll-spy}/index.js RENAMED
File without changes
/package/dist/{scroll-spy → extend/scroll-spy}/theme.js RENAMED
File without changes
/package/dist/{split-pane → extend/split-pane}/index.js RENAMED
File without changes
/package/dist/{split-pane → extend/split-pane}/theme.js RENAMED
File without changes
/package/dist/{forms → extend}/tags/index.d.ts RENAMED
File without changes
/package/dist/{forms → extend}/tags/index.js RENAMED
File without changes
/package/dist/{tour → extend/tour}/index.d.ts RENAMED
File without changes
/package/dist/{tour → extend/tour}/index.js RENAMED
File without changes
/package/dist/{tour → extend/tour}/theme.js RENAMED
File without changes
/package/dist/{theme → theme-provider}/index.d.ts RENAMED
File without changes
/package/dist/{theme → theme-provider}/index.js RENAMED
File without changes
/package/dist/{theme → theme-provider}/themeUtils.d.ts RENAMED
File without changes
/package/dist/{theme → theme-provider}/themeUtils.js RENAMED
File without changes