flowbite-svelte 1.2.1 → 1.2.2

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 (293) hide show
  1. package/dist/accordion/AccordionItem.svelte +5 -3
  2. package/dist/accordion/AccordionItem.svelte.d.ts +2 -0
  3. package/dist/alert/Alert.svelte +1 -1
  4. package/dist/alert/Alert.svelte.d.ts +1 -1
  5. package/dist/avatar/Avatar.svelte +1 -1
  6. package/dist/avatar/Avatar.svelte.d.ts +1 -1
  7. package/dist/badge/Badge.svelte +1 -1
  8. package/dist/badge/Badge.svelte.d.ts +1 -1
  9. package/dist/banner/Banner.svelte +1 -1
  10. package/dist/banner/Banner.svelte.d.ts +1 -1
  11. package/dist/bottom-navigation/BottomNav.svelte +1 -1
  12. package/dist/bottom-navigation/BottomNav.svelte.d.ts +1 -1
  13. package/dist/bottom-navigation/BottomNavHeader.svelte +1 -1
  14. package/dist/bottom-navigation/BottomNavHeader.svelte.d.ts +1 -1
  15. package/dist/bottom-navigation/BottomNavHeaderItem.svelte +1 -1
  16. package/dist/bottom-navigation/BottomNavHeaderItem.svelte.d.ts +1 -1
  17. package/dist/bottom-navigation/BottomNavItem.svelte +1 -1
  18. package/dist/bottom-navigation/BottomNavItem.svelte.d.ts +1 -1
  19. package/dist/breadcrumb/Breadcrumb.svelte +1 -1
  20. package/dist/breadcrumb/Breadcrumb.svelte.d.ts +1 -1
  21. package/dist/breadcrumb/BreadcrumbItem.svelte +1 -1
  22. package/dist/breadcrumb/BreadcrumbItem.svelte.d.ts +1 -1
  23. package/dist/buttongroup/ButtonGroup.svelte +4 -2
  24. package/dist/buttongroup/ButtonGroup.svelte.d.ts +2 -1
  25. package/dist/buttons/Button.svelte +6 -3
  26. package/dist/buttons/Button.svelte.d.ts +1 -1
  27. package/dist/buttons/GradientButton.svelte +1 -1
  28. package/dist/buttons/GradientButton.svelte.d.ts +1 -1
  29. package/dist/card/Card.svelte +1 -1
  30. package/dist/card/Card.svelte.d.ts +1 -1
  31. package/dist/carousel/Carousel.svelte +1 -1
  32. package/dist/carousel/Carousel.svelte.d.ts +1 -1
  33. package/dist/carousel/ControlButton.svelte +1 -1
  34. package/dist/carousel/ControlButton.svelte.d.ts +1 -1
  35. package/dist/carousel/Controls.svelte +1 -1
  36. package/dist/carousel/Controls.svelte.d.ts +1 -1
  37. package/dist/carousel/Indicators.svelte +1 -1
  38. package/dist/carousel/Indicators.svelte.d.ts +1 -1
  39. package/dist/carousel/Slide.svelte +1 -1
  40. package/dist/carousel/Slide.svelte.d.ts +1 -1
  41. package/dist/carousel/Thumbnail.svelte +1 -1
  42. package/dist/carousel/Thumbnail.svelte.d.ts +1 -1
  43. package/dist/carousel/Thumbnails.svelte +1 -1
  44. package/dist/carousel/Thumbnails.svelte.d.ts +1 -1
  45. package/dist/chart/Chart.svelte +1 -1
  46. package/dist/chart/Chart.svelte.d.ts +1 -1
  47. package/dist/darkmode/DarkMode.svelte +1 -1
  48. package/dist/darkmode/DarkMode.svelte.d.ts +1 -1
  49. package/dist/datepicker/Datepicker.svelte +3 -3
  50. package/dist/datepicker/Datepicker.svelte.d.ts +1 -1
  51. package/dist/device-mockups/Android.svelte +1 -1
  52. package/dist/device-mockups/Android.svelte.d.ts +1 -1
  53. package/dist/device-mockups/DefaultMockup.svelte +1 -1
  54. package/dist/device-mockups/DefaultMockup.svelte.d.ts +1 -1
  55. package/dist/device-mockups/Desktop.svelte +1 -1
  56. package/dist/device-mockups/Desktop.svelte.d.ts +1 -1
  57. package/dist/device-mockups/DeviceMockup.svelte +1 -1
  58. package/dist/device-mockups/DeviceMockup.svelte.d.ts +1 -1
  59. package/dist/device-mockups/Ios.svelte +1 -1
  60. package/dist/device-mockups/Ios.svelte.d.ts +1 -1
  61. package/dist/device-mockups/Laptop.svelte +1 -1
  62. package/dist/device-mockups/Laptop.svelte.d.ts +1 -1
  63. package/dist/device-mockups/Smartwatch.svelte +1 -1
  64. package/dist/device-mockups/Smartwatch.svelte.d.ts +1 -1
  65. package/dist/device-mockups/Tablet.svelte +1 -1
  66. package/dist/device-mockups/Tablet.svelte.d.ts +1 -1
  67. package/dist/drawer/Drawer.svelte +1 -1
  68. package/dist/drawer/Drawer.svelte.d.ts +1 -1
  69. package/dist/drawer/Drawerhead.svelte +1 -1
  70. package/dist/drawer/Drawerhead.svelte.d.ts +1 -1
  71. package/dist/dropdown/Dropdown.svelte +1 -1
  72. package/dist/dropdown/Dropdown.svelte.d.ts +1 -1
  73. package/dist/dropdown/DropdownDivider.svelte +1 -1
  74. package/dist/dropdown/DropdownDivider.svelte.d.ts +1 -1
  75. package/dist/dropdown/DropdownGroup.svelte +1 -1
  76. package/dist/dropdown/DropdownGroup.svelte.d.ts +1 -1
  77. package/dist/dropdown/DropdownHeader.svelte +1 -1
  78. package/dist/dropdown/DropdownHeader.svelte.d.ts +1 -1
  79. package/dist/dropdown/DropdownItem.svelte +1 -1
  80. package/dist/dropdown/DropdownItem.svelte.d.ts +1 -1
  81. package/dist/footer/Footer.svelte +1 -1
  82. package/dist/footer/Footer.svelte.d.ts +1 -1
  83. package/dist/footer/FooterBrand.svelte +1 -1
  84. package/dist/footer/FooterBrand.svelte.d.ts +1 -1
  85. package/dist/footer/FooterCopyright.svelte +1 -1
  86. package/dist/footer/FooterCopyright.svelte.d.ts +1 -1
  87. package/dist/footer/FooterIcon.svelte +1 -1
  88. package/dist/footer/FooterIcon.svelte.d.ts +1 -1
  89. package/dist/footer/FooterLink.svelte +1 -1
  90. package/dist/footer/FooterLink.svelte.d.ts +1 -1
  91. package/dist/footer/FooterLinkGroup.svelte +1 -1
  92. package/dist/footer/FooterLinkGroup.svelte.d.ts +1 -1
  93. package/dist/forms/checkbox-button/CheckboxButton.svelte +1 -1
  94. package/dist/forms/checkbox-button/CheckboxButton.svelte.d.ts +1 -1
  95. package/dist/forms/fileupload/Fileupload.svelte +1 -1
  96. package/dist/forms/fileupload/Fileupload.svelte.d.ts +1 -1
  97. package/dist/forms/floating-label-input/FloatingLabelInput.svelte +3 -2
  98. package/dist/forms/floating-label-input/FloatingLabelInput.svelte.d.ts +1 -1
  99. package/dist/forms/helper/Helper.svelte +1 -1
  100. package/dist/forms/helper/Helper.svelte.d.ts +1 -1
  101. package/dist/forms/input/Input.svelte +3 -1
  102. package/dist/forms/input-addon/InputAddon.svelte +1 -1
  103. package/dist/forms/input-addon/InputAddon.svelte.d.ts +1 -1
  104. package/dist/forms/label/Label.svelte +1 -1
  105. package/dist/forms/label/Label.svelte.d.ts +1 -1
  106. package/dist/forms/range/Range.svelte +1 -1
  107. package/dist/forms/range/Range.svelte.d.ts +1 -1
  108. package/dist/forms/search/Search.svelte +1 -1
  109. package/dist/forms/search/Search.svelte.d.ts +1 -1
  110. package/dist/forms/select/index.d.ts +3 -4
  111. package/dist/forms/select/index.js +3 -4
  112. package/dist/forms/tags/Tags.svelte +79 -0
  113. package/dist/forms/tags/Tags.svelte.d.ts +19 -0
  114. package/dist/forms/tags/index.d.ts +2 -0
  115. package/dist/forms/tags/index.js +2 -0
  116. package/dist/forms/tags/theme.d.ts +49 -0
  117. package/dist/forms/tags/theme.js +10 -0
  118. package/dist/forms/textarea/Textarea.svelte +1 -1
  119. package/dist/forms/textarea/Textarea.svelte.d.ts +1 -1
  120. package/dist/forms/timepicker/Timepicker.svelte +1 -1
  121. package/dist/forms/timepicker/Timepicker.svelte.d.ts +1 -1
  122. package/dist/forms/toggle/Toggle.svelte +1 -1
  123. package/dist/forms/toggle/Toggle.svelte.d.ts +1 -1
  124. package/dist/gallery/Gallery.svelte +1 -1
  125. package/dist/gallery/Gallery.svelte.d.ts +1 -1
  126. package/dist/index.d.ts +1 -0
  127. package/dist/index.js +1 -0
  128. package/dist/indicator/Indicator.svelte +1 -1
  129. package/dist/indicator/Indicator.svelte.d.ts +1 -1
  130. package/dist/kbd/Kbd.svelte +1 -1
  131. package/dist/kbd/Kbd.svelte.d.ts +1 -1
  132. package/dist/list-group/Listgroup.svelte +1 -1
  133. package/dist/list-group/Listgroup.svelte.d.ts +1 -1
  134. package/dist/list-group/ListgroupItem.svelte +1 -1
  135. package/dist/list-group/ListgroupItem.svelte.d.ts +1 -1
  136. package/dist/mega-menu/MegaMenu.svelte +1 -1
  137. package/dist/mega-menu/MegaMenu.svelte.d.ts +1 -1
  138. package/dist/modal/Modal.svelte +18 -10
  139. package/dist/modal/Modal.svelte.d.ts +2 -1
  140. package/dist/navbar/Menu.svelte +1 -1
  141. package/dist/navbar/Menu.svelte.d.ts +1 -1
  142. package/dist/navbar/NavBrand.svelte +1 -1
  143. package/dist/navbar/NavBrand.svelte.d.ts +1 -1
  144. package/dist/navbar/NavContainer.svelte +1 -1
  145. package/dist/navbar/NavContainer.svelte.d.ts +1 -1
  146. package/dist/navbar/NavHamburger.svelte +1 -1
  147. package/dist/navbar/NavHamburger.svelte.d.ts +1 -1
  148. package/dist/navbar/NavLi.svelte +1 -1
  149. package/dist/navbar/NavLi.svelte.d.ts +1 -1
  150. package/dist/navbar/NavUl.svelte +1 -1
  151. package/dist/navbar/NavUl.svelte.d.ts +1 -1
  152. package/dist/navbar/Navbar.svelte +1 -1
  153. package/dist/navbar/Navbar.svelte.d.ts +1 -1
  154. package/dist/pagination/Pagination.svelte +1 -1
  155. package/dist/pagination/Pagination.svelte.d.ts +1 -1
  156. package/dist/pagination/PaginationItem.svelte +1 -1
  157. package/dist/pagination/PaginationItem.svelte.d.ts +1 -1
  158. package/dist/popover/Popover.svelte +1 -1
  159. package/dist/popover/Popover.svelte.d.ts +1 -1
  160. package/dist/progress/Progressbar.svelte +1 -1
  161. package/dist/progress/Progressbar.svelte.d.ts +1 -1
  162. package/dist/progress/Progressradial.svelte +1 -1
  163. package/dist/progress/Progressradial.svelte.d.ts +1 -1
  164. package/dist/rating/AdvancedRating.svelte +1 -1
  165. package/dist/rating/AdvancedRating.svelte.d.ts +1 -1
  166. package/dist/rating/CustomIcon.svelte +1 -1
  167. package/dist/rating/CustomIcon.svelte.d.ts +1 -1
  168. package/dist/rating/Heart.svelte +1 -1
  169. package/dist/rating/Heart.svelte.d.ts +1 -1
  170. package/dist/rating/Rating.svelte +1 -1
  171. package/dist/rating/Rating.svelte.d.ts +1 -1
  172. package/dist/rating/RatingComment.svelte +1 -1
  173. package/dist/rating/RatingComment.svelte.d.ts +1 -1
  174. package/dist/rating/Review.svelte +1 -1
  175. package/dist/rating/Review.svelte.d.ts +1 -1
  176. package/dist/rating/ScoreRating.svelte +1 -1
  177. package/dist/rating/ScoreRating.svelte.d.ts +1 -1
  178. package/dist/rating/Star.svelte +1 -1
  179. package/dist/rating/Star.svelte.d.ts +1 -1
  180. package/dist/rating/Thumbup.svelte +1 -1
  181. package/dist/rating/Thumbup.svelte.d.ts +1 -1
  182. package/dist/sidebar/Sidebar.svelte +1 -1
  183. package/dist/sidebar/Sidebar.svelte.d.ts +1 -1
  184. package/dist/sidebar/SidebarBrand.svelte +1 -1
  185. package/dist/sidebar/SidebarBrand.svelte.d.ts +1 -1
  186. package/dist/sidebar/SidebarButton.svelte +1 -1
  187. package/dist/sidebar/SidebarButton.svelte.d.ts +1 -1
  188. package/dist/sidebar/SidebarCta.svelte +1 -1
  189. package/dist/sidebar/SidebarCta.svelte.d.ts +1 -1
  190. package/dist/sidebar/SidebarDropdownWrapper.svelte +1 -1
  191. package/dist/sidebar/SidebarDropdownWrapper.svelte.d.ts +1 -1
  192. package/dist/sidebar/SidebarGroup.svelte +1 -1
  193. package/dist/sidebar/SidebarGroup.svelte.d.ts +1 -1
  194. package/dist/sidebar/SidebarItem.svelte +1 -1
  195. package/dist/sidebar/SidebarItem.svelte.d.ts +1 -1
  196. package/dist/skeleton/CardPlaceholder.svelte +1 -1
  197. package/dist/skeleton/CardPlaceholder.svelte.d.ts +1 -1
  198. package/dist/skeleton/ImagePlaceholder.svelte +1 -1
  199. package/dist/skeleton/ImagePlaceholder.svelte.d.ts +1 -1
  200. package/dist/skeleton/ListPlaceholder.svelte +1 -1
  201. package/dist/skeleton/ListPlaceholder.svelte.d.ts +1 -1
  202. package/dist/skeleton/Skeleton.svelte +1 -1
  203. package/dist/skeleton/Skeleton.svelte.d.ts +1 -1
  204. package/dist/skeleton/TextPlaceholder.svelte +1 -1
  205. package/dist/skeleton/TextPlaceholder.svelte.d.ts +1 -1
  206. package/dist/skeleton/VideoPlaceholder.svelte +1 -1
  207. package/dist/skeleton/VideoPlaceholder.svelte.d.ts +1 -1
  208. package/dist/speed-dial/SpeedDial.svelte +1 -1
  209. package/dist/speed-dial/SpeedDial.svelte.d.ts +1 -1
  210. package/dist/speed-dial/SpeedDialButton.svelte +1 -1
  211. package/dist/speed-dial/SpeedDialButton.svelte.d.ts +1 -1
  212. package/dist/speed-dial/SpeedDialTrigger.svelte +1 -1
  213. package/dist/speed-dial/SpeedDialTrigger.svelte.d.ts +1 -1
  214. package/dist/spinner/Spinner.svelte +1 -1
  215. package/dist/spinner/Spinner.svelte.d.ts +1 -1
  216. package/dist/steps/StepIndicator.svelte +1 -1
  217. package/dist/steps/StepIndicator.svelte.d.ts +1 -1
  218. package/dist/table/Table.svelte +1 -1
  219. package/dist/table/Table.svelte.d.ts +1 -1
  220. package/dist/table/TableBody.svelte +1 -1
  221. package/dist/table/TableBody.svelte.d.ts +1 -1
  222. package/dist/table/TableBodyCell.svelte +1 -1
  223. package/dist/table/TableBodyCell.svelte.d.ts +1 -1
  224. package/dist/table/TableBodyRow.svelte +1 -1
  225. package/dist/table/TableBodyRow.svelte.d.ts +1 -1
  226. package/dist/table/TableHead.svelte +1 -1
  227. package/dist/table/TableHead.svelte.d.ts +1 -1
  228. package/dist/table/TableHeadCell.svelte +1 -1
  229. package/dist/table/TableHeadCell.svelte.d.ts +1 -1
  230. package/dist/table/TableSearch.svelte +1 -1
  231. package/dist/table/TableSearch.svelte.d.ts +1 -1
  232. package/dist/tabs/TabItem.svelte +1 -1
  233. package/dist/tabs/TabItem.svelte.d.ts +1 -1
  234. package/dist/tabs/Tabs.svelte +1 -1
  235. package/dist/tabs/Tabs.svelte.d.ts +1 -1
  236. package/dist/theme/Theme.svelte +1 -1
  237. package/dist/theme/Theme.svelte.d.ts +1 -1
  238. package/dist/timeline/Activity.svelte +1 -1
  239. package/dist/timeline/Activity.svelte.d.ts +1 -1
  240. package/dist/timeline/ActivityItem.svelte +1 -1
  241. package/dist/timeline/ActivityItem.svelte.d.ts +1 -1
  242. package/dist/timeline/Group.svelte +1 -1
  243. package/dist/timeline/Group.svelte.d.ts +1 -1
  244. package/dist/timeline/GroupItem.svelte +1 -1
  245. package/dist/timeline/GroupItem.svelte.d.ts +1 -1
  246. package/dist/timeline/Timeline.svelte +1 -1
  247. package/dist/timeline/Timeline.svelte.d.ts +1 -1
  248. package/dist/timeline/TimelineItem.svelte +1 -1
  249. package/dist/timeline/TimelineItem.svelte.d.ts +1 -1
  250. package/dist/toast/Toast.svelte +1 -1
  251. package/dist/toast/Toast.svelte.d.ts +1 -1
  252. package/dist/toolbar/Toolbar.svelte +1 -1
  253. package/dist/toolbar/Toolbar.svelte.d.ts +1 -1
  254. package/dist/toolbar/ToolbarButton.svelte +1 -1
  255. package/dist/toolbar/ToolbarButton.svelte.d.ts +1 -1
  256. package/dist/toolbar/ToolbarGroup.svelte +1 -1
  257. package/dist/toolbar/ToolbarGroup.svelte.d.ts +1 -1
  258. package/dist/tooltip/Tooltip.svelte +1 -1
  259. package/dist/tooltip/Tooltip.svelte.d.ts +1 -1
  260. package/dist/types.d.ts +18 -0
  261. package/dist/typography/anchor/A.svelte +1 -1
  262. package/dist/typography/anchor/A.svelte.d.ts +1 -1
  263. package/dist/typography/blockquote/Blockquote.svelte +1 -1
  264. package/dist/typography/blockquote/Blockquote.svelte.d.ts +1 -1
  265. package/dist/typography/descriptionlist/DescriptionList.svelte +1 -1
  266. package/dist/typography/descriptionlist/DescriptionList.svelte.d.ts +1 -1
  267. package/dist/typography/heading/Heading.svelte +1 -1
  268. package/dist/typography/heading/Heading.svelte.d.ts +1 -1
  269. package/dist/typography/hr/Hr.svelte +1 -1
  270. package/dist/typography/hr/Hr.svelte.d.ts +1 -1
  271. package/dist/typography/img/EnhancedImg.svelte +1 -1
  272. package/dist/typography/img/EnhancedImg.svelte.d.ts +1 -1
  273. package/dist/typography/img/Img.svelte +1 -1
  274. package/dist/typography/img/Img.svelte.d.ts +1 -1
  275. package/dist/typography/layout/Layout.svelte +1 -1
  276. package/dist/typography/layout/Layout.svelte.d.ts +1 -1
  277. package/dist/typography/list/Li.svelte +1 -1
  278. package/dist/typography/list/Li.svelte.d.ts +1 -1
  279. package/dist/typography/list/List.svelte +1 -1
  280. package/dist/typography/list/List.svelte.d.ts +1 -1
  281. package/dist/typography/mark/Mark.svelte +1 -1
  282. package/dist/typography/mark/Mark.svelte.d.ts +1 -1
  283. package/dist/typography/paragraph/P.svelte +1 -1
  284. package/dist/typography/paragraph/P.svelte.d.ts +1 -1
  285. package/dist/typography/secondary/Secondary.svelte +1 -1
  286. package/dist/typography/secondary/Secondary.svelte.d.ts +1 -1
  287. package/dist/typography/span/Span.svelte +1 -1
  288. package/dist/typography/span/Span.svelte.d.ts +1 -1
  289. package/dist/utils/Popper.svelte +30 -53
  290. package/dist/utils/Popper.svelte.d.ts +3 -1
  291. package/dist/video/Video.svelte +1 -1
  292. package/dist/video/Video.svelte.d.ts +1 -1
  293. package/package.json +28 -23
@@ -1,4 +1,3 @@
1
- import Select from "./Select.svelte";
2
- import MultiSelect from "./MultiSelect.svelte";
3
- import { select } from "./theme";
4
- export { Select, MultiSelect, select };
1
+ export { default as Select } from "./Select.svelte";
2
+ export { default as MultiSelect } from "./MultiSelect.svelte";
3
+ export { select } from "./theme";
@@ -0,0 +1,79 @@
1
+ <script lang="ts">
2
+ import { type TagsProps, CloseButton } from "../..";
3
+ import { tags } from "./theme";
4
+
5
+ let { value = $bindable([]), itemClass, spanClass, placeholder = "Enter tags", class: className, closeClass, inputClass, closeBtnSize = "xs", ...restProps }: TagsProps = $props();
6
+
7
+ const { base, tag: tagCls, span: spanCls, close, input: inputCls } = $derived(tags());
8
+
9
+ let contents: string = $state("");
10
+
11
+ const handleKeys = (event: KeyboardEvent) => {
12
+ if (event.key === "Enter") {
13
+ event.preventDefault();
14
+ if (contents.length > 0 && contents.trim().length > 0) {
15
+ value.push(contents.trim());
16
+ value = value;
17
+ contents = "";
18
+ }
19
+ }
20
+
21
+ if (event.key === "Backspace") {
22
+ if (contents.length === 0) {
23
+ event.preventDefault();
24
+ contents = value.pop() ?? "";
25
+ value = value;
26
+ }
27
+ }
28
+ };
29
+
30
+ const deleteField = (index: number) => {
31
+ value.splice(index, 1);
32
+ value = value;
33
+ };
34
+ </script>
35
+
36
+ <div {...restProps} class={base({ class: className })}>
37
+ {#each value as tag, index}
38
+ <div class={tagCls({ class: itemClass })}>
39
+ <span class={spanCls({ class: spanClass })}>
40
+ {tag}
41
+ </span>
42
+ <CloseButton
43
+ size={closeBtnSize}
44
+ class={close({ class: closeClass })}
45
+ onclick={() => {
46
+ deleteField(index);
47
+ }}
48
+ />
49
+ </div>
50
+ {/each}
51
+
52
+ <input
53
+ onkeydown={(event) => {
54
+ handleKeys(event);
55
+ }}
56
+ bind:value={contents}
57
+ placeholder={value.length === 0 ? placeholder : ""}
58
+ type="text"
59
+ autocomplete="new-password"
60
+ class={inputCls({ class: inputClass })}
61
+ />
62
+ </div>
63
+
64
+ <!--
65
+ @component
66
+ [Go to docs](https://flowbite-svelte.com/)
67
+ ## Type
68
+ [TagsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L843)
69
+ ## Props
70
+ @prop value = $bindable([])
71
+ @prop itemClass
72
+ @prop spanClass
73
+ @prop placeholder = 'Enter tags'
74
+ @prop class:className
75
+ @prop closeClass
76
+ @prop inputClass
77
+ @prop closeBtnSize = "xs"
78
+ @prop ...restProps
79
+ -->
@@ -0,0 +1,19 @@
1
+ import { type TagsProps } from "../..";
2
+ /**
3
+ * [Go to docs](https://flowbite-svelte.com/)
4
+ * ## Type
5
+ * [TagsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L843)
6
+ * ## Props
7
+ * @prop value = $bindable([])
8
+ * @prop itemClass
9
+ * @prop spanClass
10
+ * @prop placeholder = 'Enter tags'
11
+ * @prop class:className
12
+ * @prop closeClass
13
+ * @prop inputClass
14
+ * @prop closeBtnSize = "xs"
15
+ * @prop ...restProps
16
+ */
17
+ declare const Tags: import("svelte").Component<TagsProps, {}, "value">;
18
+ type Tags = ReturnType<typeof Tags>;
19
+ export default Tags;
@@ -0,0 +1,2 @@
1
+ export { default as Tags } from "./Tags.svelte";
2
+ export { tags } from "./theme";
@@ -0,0 +1,2 @@
1
+ export { default as Tags } from "./Tags.svelte";
2
+ export { tags } from "./theme";
@@ -0,0 +1,49 @@
1
+ export declare const tags: import("tailwind-variants").TVReturnType<{
2
+ [key: string]: {
3
+ [key: string]: import("tailwind-variants").ClassValue | {
4
+ close?: import("tailwind-variants").ClassValue;
5
+ input?: import("tailwind-variants").ClassValue;
6
+ base?: import("tailwind-variants").ClassValue;
7
+ span?: import("tailwind-variants").ClassValue;
8
+ tag?: import("tailwind-variants").ClassValue;
9
+ };
10
+ };
11
+ } | {
12
+ [x: string]: {
13
+ [x: string]: import("tailwind-variants").ClassValue | {
14
+ close?: import("tailwind-variants").ClassValue;
15
+ input?: import("tailwind-variants").ClassValue;
16
+ base?: import("tailwind-variants").ClassValue;
17
+ span?: import("tailwind-variants").ClassValue;
18
+ tag?: import("tailwind-variants").ClassValue;
19
+ };
20
+ };
21
+ } | {}, {
22
+ base: string;
23
+ tag: string;
24
+ span: string;
25
+ close: string;
26
+ input: string;
27
+ }, undefined, {
28
+ [key: string]: {
29
+ [key: string]: import("tailwind-variants").ClassValue | {
30
+ close?: import("tailwind-variants").ClassValue;
31
+ input?: import("tailwind-variants").ClassValue;
32
+ base?: import("tailwind-variants").ClassValue;
33
+ span?: import("tailwind-variants").ClassValue;
34
+ tag?: import("tailwind-variants").ClassValue;
35
+ };
36
+ };
37
+ } | {}, {
38
+ base: string;
39
+ tag: string;
40
+ span: string;
41
+ close: string;
42
+ input: string;
43
+ }, import("tailwind-variants").TVReturnType<unknown, {
44
+ base: string;
45
+ tag: string;
46
+ span: string;
47
+ close: string;
48
+ input: string;
49
+ }, undefined, unknown, unknown, undefined>>;
@@ -0,0 +1,10 @@
1
+ import { tv } from "tailwind-variants";
2
+ export const tags = tv({
3
+ slots: {
4
+ base: "border bg-gray-50 border-gray-300 rounded-lg flex focus-within:ring-primary-500 focus-within:ring-1 focus-within:border-primary-500 overflow-x-auto scrollbar-hidden",
5
+ tag: "flex items-center rounded-lg bg-gray-100 text-gray-900 border border-gray-300 my-1 ml-1 px-2 text-sm max-w-full min-w-fit",
6
+ span: "items-center",
7
+ close: "my-auto ml-1",
8
+ input: "block text-sm m-2.5 p-0 bg-transparent border-none outline-none text-gray-900 h-min w-full min-w-fit focus:ring-0 placeholder-gray-400"
9
+ }
10
+ });
@@ -49,7 +49,7 @@
49
49
  @component
50
50
  [Go to docs](https://flowbite-svelte.com/)
51
51
  ## Type
52
- [TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L874)
52
+ [TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L891)
53
53
  ## Props
54
54
  @prop header
55
55
  @prop footer
@@ -2,7 +2,7 @@ import { type TextareaProps } from "../..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L874)
5
+ * [TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L891)
6
6
  * ## Props
7
7
  * @prop header
8
8
  * @prop footer
@@ -195,7 +195,7 @@
195
195
  @component
196
196
  [Go to docs](https://flowbite-svelte.com/)
197
197
  ## Type
198
- [TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L846)
198
+ [TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L863)
199
199
  ## Props
200
200
  @prop id = "time"
201
201
  @prop endId = "end-time"
@@ -2,7 +2,7 @@ import { type TimepickerProps } from "../..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L846)
5
+ * [TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L863)
6
6
  * ## Props
7
7
  * @prop id = "time"
8
8
  * @prop endId = "end-time"
@@ -24,7 +24,7 @@
24
24
  @component
25
25
  [Go to docs](https://flowbite-svelte.com/)
26
26
  ## Type
27
- [ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L893)
27
+ [ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L910)
28
28
  ## Props
29
29
  @prop children
30
30
  @prop size = "default"
@@ -2,7 +2,7 @@ import type { ToggleProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L893)
5
+ * [ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L910)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop size = "default"
@@ -36,7 +36,7 @@
36
36
  @component
37
37
  [Go to docs](https://flowbite-svelte.com/)
38
38
  ## Type
39
- [GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L910)
39
+ [GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L927)
40
40
  ## Props
41
41
  @prop children
42
42
  @prop figure
@@ -2,7 +2,7 @@ import type { GalleryProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L910)
5
+ * [GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L927)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop figure
package/dist/index.d.ts CHANGED
@@ -55,6 +55,7 @@ export * from "./forms/radio";
55
55
  export * from "./forms/radio-button";
56
56
  export * from "./forms/range";
57
57
  export * from "./forms/search";
58
+ export * from "./forms/tags";
58
59
  export * from "./forms/textarea";
59
60
  export * from "./forms/timepicker";
60
61
  export * from "./forms/toggle";
package/dist/index.js CHANGED
@@ -56,6 +56,7 @@ export * from "./forms/radio";
56
56
  export * from "./forms/radio-button";
57
57
  export * from "./forms/range";
58
58
  export * from "./forms/search";
59
+ export * from "./forms/tags";
59
60
  export * from "./forms/textarea";
60
61
  export * from "./forms/timepicker";
61
62
  export * from "./forms/toggle";
@@ -29,7 +29,7 @@
29
29
  @component
30
30
  [Go to docs](https://flowbite-svelte.com/)
31
31
  ## Type
32
- [IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L918)
32
+ [IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L938)
33
33
  ## Props
34
34
  @prop children
35
35
  @prop color = "primary"
@@ -2,7 +2,7 @@ import type { IndicatorProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L918)
5
+ * [IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L938)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop color = "primary"
@@ -15,7 +15,7 @@
15
15
  @component
16
16
  [Go to docs](https://flowbite-svelte.com/)
17
17
  ## Type
18
- [KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L929)
18
+ [KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L949)
19
19
  ## Props
20
20
  @prop children
21
21
  @prop class: className
@@ -2,7 +2,7 @@ import type { KbdProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L929)
5
+ * [KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L949)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -44,7 +44,7 @@
44
44
  @component
45
45
  [Go to docs](https://flowbite-svelte.com/)
46
46
  ## Type
47
- [ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L948)
47
+ [ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L968)
48
48
  ## Props
49
49
  @prop children
50
50
  @prop items
@@ -2,7 +2,7 @@ import type { ListgroupProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L948)
5
+ * [ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L968)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop items
@@ -42,7 +42,7 @@
42
42
  @component
43
43
  [Go to docs](https://flowbite-svelte.com/)
44
44
  ## Type
45
- [ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L959)
45
+ [ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L979)
46
46
  ## Props
47
47
  @prop children
48
48
  @prop active
@@ -2,7 +2,7 @@ import type { ListgroupItemProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L959)
5
+ * [ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L979)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop active
@@ -36,7 +36,7 @@
36
36
  @component
37
37
  [Go to docs](https://flowbite-svelte.com/)
38
38
  ## Type
39
- [MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L970)
39
+ [MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L990)
40
40
  ## Props
41
41
  @prop children
42
42
  @prop extra
@@ -2,7 +2,7 @@ import type { MegaMenuProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L970)
5
+ * [MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L990)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop extra
@@ -9,7 +9,7 @@
9
9
 
10
10
  // TODO: missing focus trap
11
11
 
12
- let { children, oncancel, onclose, modal = true, autoclose = false, header, footer, title, open = $bindable(false), dismissable = true, closeBtnClass, headerClass, bodyClass, footerClass, outsideclose = true, size = "md", placement, class: className, params, transition = fade, ...restProps }: ModalProps = $props();
12
+ let { children, oncancel, onclose, modal = true, autoclose = false, header, footer, title, open = $bindable(false), permanent = false, dismissable = true, closeBtnClass, headerClass, bodyClass, footerClass, outsideclose = true, size = "md", placement, class: className, params, transition = fade, ...restProps }: ModalProps = $props();
13
13
 
14
14
  const paramsDefault = { duration: 100, easing: sineIn };
15
15
  const paramsOptions = $derived(params ?? paramsDefault);
@@ -17,8 +17,11 @@
17
17
  const { base, header: headerCls, footer: footerCls, body, closeBtn } = $derived(modalTheme({ placement, size }));
18
18
 
19
19
  const closeModal = () => {
20
- open = false;
21
- onclose?.();
20
+ // Only close if not permanent
21
+ if (!permanent) {
22
+ open = false;
23
+ onclose?.();
24
+ }
22
25
  };
23
26
 
24
27
  function _oncancel(ev: Event & { currentTarget: HTMLDialogElement }) {
@@ -26,26 +29,30 @@
26
29
  if (ev.currentTarget instanceof HTMLDialogElement) {
27
30
  oncancel?.(ev); // propagate the event to the user
28
31
  // if user cancels the event we don't close the modal
29
- if (ev.defaultPrevented) return;
30
- // now we cancel the event to keep control on closing the modal
32
+ if (ev.defaultPrevented || permanent) return;
31
33
  ev.preventDefault();
32
- // and close it manually
33
34
  closeModal();
34
35
  }
35
36
  }
36
37
 
37
38
  function _onclick(ev: Event & { currentTarget: HTMLDialogElement }) {
38
39
  if (ev.currentTarget instanceof HTMLDialogElement) {
39
- if (outsideclose && ev.target === ev.currentTarget) {
40
+ if (outsideclose && ev.target === ev.currentTarget && !permanent) {
40
41
  closeModal();
41
42
  }
42
- if (autoclose && ev.target instanceof HTMLButtonElement) {
43
+ if (autoclose && ev.target instanceof HTMLButtonElement && !permanent) {
43
44
  closeModal();
44
45
  }
45
46
  }
46
47
  }
47
48
 
48
49
  let dlg: HTMLDialogElement | undefined = $state();
50
+
51
+ $effect(() => {
52
+ if (permanent && !open) {
53
+ open = true;
54
+ }
55
+ });
49
56
  </script>
50
57
 
51
58
  {#if open}
@@ -67,7 +74,7 @@
67
74
  {@render footer()}
68
75
  </div>
69
76
  {/if}
70
- {#if dismissable}
77
+ {#if dismissable && !permanent}
71
78
  <CloseButton onclick={closeModal} class={closeBtn({ class: closeBtnClass })} />
72
79
  {/if}
73
80
  </dialog>
@@ -77,7 +84,7 @@
77
84
  @component
78
85
  [Go to docs](https://flowbite-svelte.com/)
79
86
  ## Type
80
- [ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L980)
87
+ [ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1000)
81
88
  ## Props
82
89
  @prop children
83
90
  @prop oncancel
@@ -88,6 +95,7 @@
88
95
  @prop footer
89
96
  @prop title
90
97
  @prop open = $bindable(false)
98
+ @prop permanent = false
91
99
  @prop dismissable = true
92
100
  @prop closeBtnClass
93
101
  @prop headerClass
@@ -2,7 +2,7 @@ import type { ModalProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L980)
5
+ * [ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1000)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop oncancel
@@ -13,6 +13,7 @@ import type { ModalProps } from "../types";
13
13
  * @prop footer
14
14
  * @prop title
15
15
  * @prop open = $bindable(false)
16
+ * @prop permanent = false
16
17
  * @prop dismissable = true
17
18
  * @prop closeBtnClass
18
19
  * @prop headerClass
@@ -32,7 +32,7 @@
32
32
  @component
33
33
  [Go to docs](https://flowbite-svelte.com/)
34
34
  ## Type
35
- [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L997)
35
+ [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1018)
36
36
  ## Props
37
37
  @prop size = "24"
38
38
  @prop color = "currentColor"
@@ -2,7 +2,7 @@ import type { MenuProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L997)
5
+ * [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1018)
6
6
  * ## Props
7
7
  * @prop size = "24"
8
8
  * @prop color = "currentColor"
@@ -14,7 +14,7 @@
14
14
  @component
15
15
  [Go to docs](https://flowbite-svelte.com/)
16
16
  ## Type
17
- [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1016)
17
+ [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1037)
18
18
  ## Props
19
19
  @prop children
20
20
  @prop class: className
@@ -2,7 +2,7 @@ import type { NavBrandProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1016)
5
+ * [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1037)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -14,7 +14,7 @@
14
14
  @component
15
15
  [Go to docs](https://flowbite-svelte.com/)
16
16
  ## Type
17
- [NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1018)
17
+ [NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1039)
18
18
  ## Props
19
19
  @prop children
20
20
  @prop fluid
@@ -2,7 +2,7 @@ import type { NavContainerProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1018)
5
+ * [NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1039)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop fluid
@@ -25,7 +25,7 @@
25
25
  @component
26
26
  [Go to docs](https://flowbite-svelte.com/)
27
27
  ## Type
28
- [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1022)
28
+ [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1043)
29
29
  ## Props
30
30
  @prop children
31
31
  @prop onclick
@@ -2,7 +2,7 @@ import type { NavHamburgerProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1022)
5
+ * [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1043)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop onclick
@@ -35,7 +35,7 @@
35
35
  @component
36
36
  [Go to docs](https://flowbite-svelte.com/)
37
37
  ## Type
38
- [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1036)
38
+ [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1057)
39
39
  ## Props
40
40
  @prop children
41
41
  @prop activeClass
@@ -2,7 +2,7 @@ import type { NavLiProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1036)
5
+ * [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1057)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop activeClass
@@ -56,7 +56,7 @@
56
56
  @component
57
57
  [Go to docs](https://flowbite-svelte.com/)
58
58
  ## Type
59
- [NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1027)
59
+ [NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1048)
60
60
  ## Props
61
61
  @prop children
62
62
  @prop activeUrl
@@ -2,7 +2,7 @@ import type { NavUlProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1027)
5
+ * [NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1048)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop activeUrl
@@ -29,7 +29,7 @@
29
29
  @component
30
30
  [Go to docs](https://flowbite-svelte.com/)
31
31
  ## Type
32
- [NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1010)
32
+ [NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1031)
33
33
  ## Props
34
34
  @prop children
35
35
  @prop fluid
@@ -2,7 +2,7 @@ import type { NavbarProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1010)
5
+ * [NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1031)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop fluid
@@ -50,7 +50,7 @@
50
50
  @component
51
51
  [Go to docs](https://flowbite-svelte.com/)
52
52
  ## Type
53
- [PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1078)
53
+ [PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1099)
54
54
  ## Props
55
55
  @prop pages = []
56
56
  @prop previous