flowbite-svelte 1.16.0 → 1.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (179) hide show
  1. package/dist/forms/input-field/Input.svelte +4 -4
  2. package/dist/forms/input-field/theme.d.ts +6 -0
  3. package/dist/forms/input-field/theme.js +3 -2
  4. package/dist/modal/Modal.svelte +36 -95
  5. package/dist/modal/Modal.svelte.d.ts +25 -0
  6. package/dist/navbar/Menu.svelte +1 -1
  7. package/dist/navbar/Menu.svelte.d.ts +1 -1
  8. package/dist/navbar/NavBrand.svelte +1 -1
  9. package/dist/navbar/NavBrand.svelte.d.ts +1 -1
  10. package/dist/navbar/NavContainer.svelte +1 -1
  11. package/dist/navbar/NavContainer.svelte.d.ts +1 -1
  12. package/dist/navbar/NavHamburger.svelte +1 -1
  13. package/dist/navbar/NavHamburger.svelte.d.ts +1 -1
  14. package/dist/navbar/NavLi.svelte +1 -1
  15. package/dist/navbar/NavLi.svelte.d.ts +1 -1
  16. package/dist/navbar/NavUl.svelte +1 -1
  17. package/dist/navbar/NavUl.svelte.d.ts +1 -1
  18. package/dist/navbar/Navbar.svelte +1 -1
  19. package/dist/navbar/Navbar.svelte.d.ts +1 -1
  20. package/dist/pagination/Pagination.svelte +1 -1
  21. package/dist/pagination/Pagination.svelte.d.ts +1 -1
  22. package/dist/pagination/PaginationButton.svelte +1 -1
  23. package/dist/pagination/PaginationButton.svelte.d.ts +1 -1
  24. package/dist/pagination/PaginationItem.svelte +1 -1
  25. package/dist/pagination/PaginationItem.svelte.d.ts +1 -1
  26. package/dist/pagination/PaginationNav.svelte +1 -1
  27. package/dist/pagination/PaginationNav.svelte.d.ts +1 -1
  28. package/dist/popover/Popover.svelte +1 -1
  29. package/dist/popover/Popover.svelte.d.ts +1 -1
  30. package/dist/progress/Progressbar.svelte +1 -1
  31. package/dist/progress/Progressbar.svelte.d.ts +1 -1
  32. package/dist/progress/Progressradial.svelte +1 -1
  33. package/dist/progress/Progressradial.svelte.d.ts +1 -1
  34. package/dist/rating/AdvancedRating.svelte +1 -1
  35. package/dist/rating/AdvancedRating.svelte.d.ts +1 -1
  36. package/dist/rating/CustomIcon.svelte +1 -1
  37. package/dist/rating/CustomIcon.svelte.d.ts +1 -1
  38. package/dist/rating/Heart.svelte +1 -1
  39. package/dist/rating/Heart.svelte.d.ts +1 -1
  40. package/dist/rating/Rating.svelte +1 -1
  41. package/dist/rating/Rating.svelte.d.ts +1 -1
  42. package/dist/rating/RatingComment.svelte +1 -1
  43. package/dist/rating/RatingComment.svelte.d.ts +1 -1
  44. package/dist/rating/Review.svelte +1 -1
  45. package/dist/rating/Review.svelte.d.ts +1 -1
  46. package/dist/rating/ScoreRating.svelte +1 -1
  47. package/dist/rating/ScoreRating.svelte.d.ts +1 -1
  48. package/dist/rating/Star.svelte +1 -1
  49. package/dist/rating/Star.svelte.d.ts +1 -1
  50. package/dist/rating/Thumbup.svelte +1 -1
  51. package/dist/rating/Thumbup.svelte.d.ts +1 -1
  52. package/dist/sidebar/Sidebar.svelte +1 -1
  53. package/dist/sidebar/Sidebar.svelte.d.ts +1 -1
  54. package/dist/sidebar/SidebarBrand.svelte +1 -1
  55. package/dist/sidebar/SidebarBrand.svelte.d.ts +1 -1
  56. package/dist/sidebar/SidebarButton.svelte +1 -1
  57. package/dist/sidebar/SidebarButton.svelte.d.ts +1 -1
  58. package/dist/sidebar/SidebarCta.svelte +1 -1
  59. package/dist/sidebar/SidebarCta.svelte.d.ts +1 -1
  60. package/dist/sidebar/SidebarDropdownWrapper.svelte +1 -1
  61. package/dist/sidebar/SidebarDropdownWrapper.svelte.d.ts +1 -1
  62. package/dist/sidebar/SidebarGroup.svelte +1 -1
  63. package/dist/sidebar/SidebarGroup.svelte.d.ts +1 -1
  64. package/dist/sidebar/SidebarItem.svelte +1 -1
  65. package/dist/sidebar/SidebarItem.svelte.d.ts +1 -1
  66. package/dist/skeleton/CardPlaceholder.svelte +1 -1
  67. package/dist/skeleton/CardPlaceholder.svelte.d.ts +1 -1
  68. package/dist/skeleton/ImagePlaceholder.svelte +1 -1
  69. package/dist/skeleton/ImagePlaceholder.svelte.d.ts +1 -1
  70. package/dist/skeleton/ListPlaceholder.svelte +1 -1
  71. package/dist/skeleton/ListPlaceholder.svelte.d.ts +1 -1
  72. package/dist/skeleton/Skeleton.svelte +1 -1
  73. package/dist/skeleton/Skeleton.svelte.d.ts +1 -1
  74. package/dist/skeleton/TestimonialPlaceholder.svelte +1 -1
  75. package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts +1 -1
  76. package/dist/skeleton/TextPlaceholder.svelte +1 -1
  77. package/dist/skeleton/TextPlaceholder.svelte.d.ts +1 -1
  78. package/dist/skeleton/VideoPlaceholder.svelte +1 -1
  79. package/dist/skeleton/VideoPlaceholder.svelte.d.ts +1 -1
  80. package/dist/skeleton/WidgetPlaceholder.svelte +1 -1
  81. package/dist/skeleton/WidgetPlaceholder.svelte.d.ts +1 -1
  82. package/dist/speed-dial/SpeedDial.svelte +1 -1
  83. package/dist/speed-dial/SpeedDial.svelte.d.ts +1 -1
  84. package/dist/speed-dial/SpeedDialButton.svelte +1 -1
  85. package/dist/speed-dial/SpeedDialButton.svelte.d.ts +1 -1
  86. package/dist/speed-dial/SpeedDialTrigger.svelte +1 -1
  87. package/dist/speed-dial/SpeedDialTrigger.svelte.d.ts +1 -1
  88. package/dist/spinner/Spinner.svelte +1 -1
  89. package/dist/spinner/Spinner.svelte.d.ts +1 -1
  90. package/dist/step-indicator/StepIndicator.svelte +1 -1
  91. package/dist/step-indicator/StepIndicator.svelte.d.ts +1 -1
  92. package/dist/stepper/BreadcrumbStepper.svelte +1 -1
  93. package/dist/stepper/BreadcrumbStepper.svelte.d.ts +1 -1
  94. package/dist/stepper/DetailedStepper.svelte +1 -1
  95. package/dist/stepper/DetailedStepper.svelte.d.ts +1 -1
  96. package/dist/stepper/ProgressStepper.svelte +1 -1
  97. package/dist/stepper/ProgressStepper.svelte.d.ts +1 -1
  98. package/dist/stepper/Stepper.svelte +1 -1
  99. package/dist/stepper/Stepper.svelte.d.ts +1 -1
  100. package/dist/stepper/TimelineStepper.svelte +1 -1
  101. package/dist/stepper/TimelineStepper.svelte.d.ts +1 -1
  102. package/dist/stepper/VerticalStepper.svelte +1 -1
  103. package/dist/stepper/VerticalStepper.svelte.d.ts +1 -1
  104. package/dist/table/Table.svelte +1 -1
  105. package/dist/table/Table.svelte.d.ts +1 -1
  106. package/dist/table/TableBody.svelte +1 -1
  107. package/dist/table/TableBody.svelte.d.ts +1 -1
  108. package/dist/table/TableBodyCell.svelte +1 -1
  109. package/dist/table/TableBodyCell.svelte.d.ts +1 -1
  110. package/dist/table/TableBodyRow.svelte +1 -1
  111. package/dist/table/TableBodyRow.svelte.d.ts +1 -1
  112. package/dist/table/TableHead.svelte +1 -1
  113. package/dist/table/TableHead.svelte.d.ts +1 -1
  114. package/dist/table/TableHeadCell.svelte +1 -1
  115. package/dist/table/TableHeadCell.svelte.d.ts +1 -1
  116. package/dist/table/TableSearch.svelte +1 -1
  117. package/dist/table/TableSearch.svelte.d.ts +1 -1
  118. package/dist/tabs/TabItem.svelte +1 -1
  119. package/dist/tabs/TabItem.svelte.d.ts +1 -1
  120. package/dist/tabs/Tabs.svelte +1 -1
  121. package/dist/tabs/Tabs.svelte.d.ts +1 -1
  122. package/dist/timeline/Activity.svelte +1 -1
  123. package/dist/timeline/Activity.svelte.d.ts +1 -1
  124. package/dist/timeline/ActivityItem.svelte +1 -1
  125. package/dist/timeline/ActivityItem.svelte.d.ts +1 -1
  126. package/dist/timeline/Group.svelte +1 -1
  127. package/dist/timeline/Group.svelte.d.ts +1 -1
  128. package/dist/timeline/GroupItem.svelte +1 -1
  129. package/dist/timeline/GroupItem.svelte.d.ts +1 -1
  130. package/dist/timeline/Timeline.svelte +1 -1
  131. package/dist/timeline/Timeline.svelte.d.ts +1 -1
  132. package/dist/timeline/TimelineItem.svelte +1 -1
  133. package/dist/timeline/TimelineItem.svelte.d.ts +1 -1
  134. package/dist/toast/Toast.svelte +1 -1
  135. package/dist/toast/Toast.svelte.d.ts +1 -1
  136. package/dist/toolbar/Toolbar.svelte +1 -1
  137. package/dist/toolbar/Toolbar.svelte.d.ts +1 -1
  138. package/dist/toolbar/ToolbarButton.svelte +1 -1
  139. package/dist/toolbar/ToolbarButton.svelte.d.ts +1 -1
  140. package/dist/toolbar/ToolbarGroup.svelte +1 -1
  141. package/dist/toolbar/ToolbarGroup.svelte.d.ts +1 -1
  142. package/dist/tooltip/Tooltip.svelte +1 -1
  143. package/dist/tooltip/Tooltip.svelte.d.ts +1 -1
  144. package/dist/types.d.ts +0 -5
  145. package/dist/typography/a/A.svelte +1 -1
  146. package/dist/typography/a/A.svelte.d.ts +1 -1
  147. package/dist/typography/blockquote/Blockquote.svelte +1 -1
  148. package/dist/typography/blockquote/Blockquote.svelte.d.ts +1 -1
  149. package/dist/typography/descriptionlist/DescriptionList.svelte +1 -1
  150. package/dist/typography/descriptionlist/DescriptionList.svelte.d.ts +1 -1
  151. package/dist/typography/heading/Heading.svelte +1 -1
  152. package/dist/typography/heading/Heading.svelte.d.ts +1 -1
  153. package/dist/typography/img/EnhancedImg.svelte +1 -1
  154. package/dist/typography/img/EnhancedImg.svelte.d.ts +1 -1
  155. package/dist/typography/img/Img.svelte +1 -1
  156. package/dist/typography/img/Img.svelte.d.ts +1 -1
  157. package/dist/typography/layout/Layout.svelte +1 -1
  158. package/dist/typography/layout/Layout.svelte.d.ts +1 -1
  159. package/dist/typography/list/Li.svelte +1 -1
  160. package/dist/typography/list/Li.svelte.d.ts +1 -1
  161. package/dist/typography/list/List.svelte +1 -1
  162. package/dist/typography/list/List.svelte.d.ts +1 -1
  163. package/dist/typography/mark/Mark.svelte +1 -1
  164. package/dist/typography/mark/Mark.svelte.d.ts +1 -1
  165. package/dist/typography/paragraph/P.svelte +1 -1
  166. package/dist/typography/paragraph/P.svelte.d.ts +1 -1
  167. package/dist/typography/secondary/Secondary.svelte +1 -1
  168. package/dist/typography/secondary/Secondary.svelte.d.ts +1 -1
  169. package/dist/typography/span/Span.svelte +1 -1
  170. package/dist/typography/span/Span.svelte.d.ts +1 -1
  171. package/dist/utils/Arrow.svelte +1 -1
  172. package/dist/utils/Arrow.svelte.d.ts +1 -1
  173. package/dist/utils/Popper.svelte +1 -1
  174. package/dist/utils/Popper.svelte.d.ts +1 -1
  175. package/dist/utils/countdown.svelte.d.ts +8 -0
  176. package/dist/utils/countdown.svelte.js +64 -0
  177. package/dist/video/Video.svelte +1 -1
  178. package/dist/video/Video.svelte.d.ts +1 -1
  179. package/package.json +1 -1
@@ -225,7 +225,7 @@
225
225
  {@render left()}
226
226
  </div>
227
227
  {/if}
228
- {@render inputContent()}
228
+ {@render inputContent(true)}
229
229
  {#if right}
230
230
  <div class={rightCls({ class: clsx(theme?.right, styling.right) })}>
231
231
  {@render right()}
@@ -243,14 +243,14 @@
243
243
  {/if}
244
244
  </div>
245
245
  {:else}
246
- {@render inputContent()}
246
+ {@render inputContent(false)}
247
247
  {/if}
248
248
 
249
- {#snippet inputContent()}
249
+ {#snippet inputContent(wrapped: boolean)}
250
250
  {#if children}
251
251
  {@render children({ ...restProps, class: inputCls() })}
252
252
  {:else}
253
- <input {...restProps} bind:value bind:this={elementRef} oninput={handleInput} onfocus={handleFocus} onblur={handleBlur} onkeydown={handleKeydown} class={inputCls({ class: clsx(theme?.input, className) })} />
253
+ <input {...restProps} bind:value bind:this={elementRef} oninput={handleInput} onfocus={handleFocus} onblur={handleBlur} onkeydown={handleKeydown} class={[wrapped || base(), inputCls({ class: clsx(theme?.input, className) })]} />
254
254
  {#if value !== undefined && value !== "" && clearable}
255
255
  <CloseButton class={close({ class: clsx(theme?.close, styling.close) })} color={clearableColor} aria-label="Clear search value" svgClass={clsx(styling.svg)} />
256
256
  {/if}
@@ -83,9 +83,11 @@ export declare const input: import("tailwind-variants").TVReturnType<{
83
83
  };
84
84
  grouped: {
85
85
  false: {
86
+ base: string;
86
87
  input: string;
87
88
  };
88
89
  true: {
90
+ base: string;
89
91
  input: string;
90
92
  };
91
93
  };
@@ -181,9 +183,11 @@ export declare const input: import("tailwind-variants").TVReturnType<{
181
183
  };
182
184
  grouped: {
183
185
  false: {
186
+ base: string;
184
187
  input: string;
185
188
  };
186
189
  true: {
190
+ base: string;
187
191
  input: string;
188
192
  };
189
193
  };
@@ -279,9 +283,11 @@ export declare const input: import("tailwind-variants").TVReturnType<{
279
283
  };
280
284
  grouped: {
281
285
  false: {
286
+ base: string;
282
287
  input: string;
283
288
  };
284
289
  true: {
290
+ base: string;
285
291
  input: string;
286
292
  };
287
293
  };
@@ -86,9 +86,10 @@ export const input = tv({
86
86
  }
87
87
  },
88
88
  grouped: {
89
- false: { input: "rounded-lg" },
89
+ false: { base: "rounded-lg", input: "rounded-lg" },
90
90
  true: {
91
- input: "first:rounded-s-lg last:rounded-e-lg not-first:-ms-px"
91
+ base: "first:rounded-s-lg last:rounded-e-lg not-first:-ms-px group",
92
+ input: "group-first:rounded-s-lg group-last:rounded-e-lg group-not-first:-ms-px"
92
93
  }
93
94
  }
94
95
  },
@@ -7,126 +7,67 @@
7
7
  import { sineIn } from "svelte/easing";
8
8
  import { fade } from "svelte/transition";
9
9
  import { modal as modalStyle } from "./theme";
10
- import { onMount } from "svelte";
11
10
 
12
- let {
13
- children,
14
- header,
15
- footer,
16
- title,
17
- open = $bindable(false),
18
- permanent = false,
19
- dismissable = true,
20
- closeBtnClass,
21
- headerClass,
22
- bodyClass,
23
- footerClass,
24
- size = "md",
25
- placement,
26
- class: className,
27
- classes,
28
- transitionParams,
29
- transition = fade,
30
- fullscreen = false,
31
- countdown: countdownConfig = {
32
- number: 0,
33
- text: "You can close this in {count} seconds"
34
- },
35
- ...restProps
36
- }: ModalProps = $props();
11
+ let { children, header, footer, title, open = $bindable(false), permanent = false, dismissable = true, closeBtnClass, headerClass, bodyClass, footerClass, size = "md", placement, class: className, classes, transitionParams, transition = fade, fullscreen = false, ...restProps }: ModalProps = $props();
37
12
 
13
+ // form, header, footer, body, close
38
14
  warnThemeDeprecation("Modal", { headerClass, bodyClass, footerClass, closeBtnClass }, { bodyClass: "body", headerClass: "header", footerClass: "footer", closeBtnClass: "close" });
39
15
  const styling = $derived(classes ?? { header: headerClass, body: bodyClass, footer: footerClass, close: closeBtnClass });
40
16
 
41
17
  const theme = getTheme("modal");
18
+
42
19
  const paramsDefault = { duration: 100, easing: sineIn };
43
20
  const paramsOptions = $derived(transitionParams ?? paramsDefault);
44
- const { base, header: headerCls, footer: footerCls, body } = $derived(modalStyle({ placement, size }));
45
-
46
- // Countdown logic
47
- let countdownRemaining = $state(countdownConfig.number);
48
- let countdownActive = $state(countdownConfig.number > 0);
49
- let outsideclose = $derived(countdownRemaining > 0 ? false : true);
50
- let countdownInterval: NodeJS.Timeout | null = null;
51
-
52
- // Reset countdown when modal opens
53
- $effect(() => {
54
- if (open && countdownConfig.number > 0) {
55
- countdownRemaining = countdownConfig.number;
56
- countdownActive = true;
57
- startCountdown();
58
- } else if (!open) {
59
- stopCountdown();
60
- }
61
- });
62
-
63
- function startCountdown() {
64
- stopCountdown(); // Clear any existing interval
65
- countdownInterval = setInterval(() => {
66
- countdownRemaining--;
67
- if (countdownRemaining <= 0) {
68
- countdownActive = false;
69
- stopCountdown();
70
- }
71
- }, 1000);
72
- }
73
-
74
- function stopCountdown() {
75
- if (countdownInterval) {
76
- clearInterval(countdownInterval);
77
- countdownInterval = null;
78
- }
79
- }
80
21
 
81
- // Cleanup on destroy
82
- onMount(() => {
83
- return () => stopCountdown();
84
- });
85
-
86
- // Determine if close button should be shown
87
- const shouldShowCloseButton = $derived(dismissable && !permanent && !countdownActive);
88
- const shouldShowCountdownMessage = $derived(countdownActive && countdownRemaining > 0);
89
-
90
- // Countdown display text
91
- const displayCountdownText = $derived(() => {
92
- if (typeof countdownConfig.text === "function") {
93
- return countdownConfig.text(countdownRemaining);
94
- } else {
95
- return (countdownConfig.text ?? "").replace("{count}", countdownRemaining.toString());
96
- }
97
- });
22
+ const { base, header: headerCls, footer: footerCls, body } = $derived(modalStyle({ placement, size }));
98
23
  </script>
99
24
 
100
- <Dialog bind:open {transition} dismissable={dismissable && !title && !permanent && !countdownActive} transitionParams={paramsOptions} {classes} count={countdownRemaining} {outsideclose} {...restProps} class={base({ fullscreen, class: clsx(theme?.base, className) })}>
25
+ <Dialog bind:open {transition} dismissable={dismissable && !title && !permanent} transitionParams={paramsOptions} {classes} {...restProps} class={base({ fullscreen, class: clsx(theme?.base, className) })}>
101
26
  {#if title || header}
102
27
  <div class={headerCls({ class: clsx(theme?.header, styling.header) })}>
103
28
  {#if title}
104
- <div class="flex w-full items-center justify-between">
105
- <h3 class="flex-1">{title}</h3>
106
- <div class="flex items-center gap-2">
107
- {#if shouldShowCountdownMessage}
108
- <span class="text-sm text-gray-500 dark:text-gray-400">
109
- {displayCountdownText()}
110
- </span>
111
- {/if}
112
- {#if shouldShowCloseButton}
113
- <CloseButton type="submit" formnovalidate class={clsx(styling.close)} />
114
- {/if}
115
- </div>
116
- </div>
29
+ <h3>{title}</h3>
30
+ {#if dismissable && !permanent}
31
+ <CloseButton type="submit" formnovalidate class={clsx(styling.close)} />
32
+ {/if}
117
33
  {:else if header}
118
34
  {@render header()}
119
35
  {/if}
120
36
  </div>
121
37
  {/if}
122
-
123
38
  <div class={body({ class: clsx(theme?.body, styling.body) })}>
124
39
  {@render children?.()}
125
40
  </div>
126
-
127
41
  {#if footer}
128
42
  <div class={footerCls({ class: clsx(theme?.footer, styling.footer) })}>
129
43
  {@render footer()}
130
44
  </div>
131
45
  {/if}
132
46
  </Dialog>
47
+
48
+ <!--
49
+ @component
50
+ [Go to docs](https://flowbite-svelte.com/)
51
+ ## Type
52
+ [ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1060)
53
+ ## Props
54
+ @prop children
55
+ @prop header
56
+ @prop footer
57
+ @prop title
58
+ @prop open = $bindable(false)
59
+ @prop permanent = false
60
+ @prop dismissable = true
61
+ @prop closeBtnClass
62
+ @prop headerClass
63
+ @prop bodyClass
64
+ @prop footerClass
65
+ @prop size = "md"
66
+ @prop placement
67
+ @prop class: className
68
+ @prop classes
69
+ @prop transitionParams
70
+ @prop transition = fade
71
+ @prop fullscreen = false
72
+ @prop ...restProps
73
+ -->
@@ -1,4 +1,29 @@
1
1
  import type { ModalProps } from "..";
2
+ /**
3
+ * [Go to docs](https://flowbite-svelte.com/)
4
+ * ## Type
5
+ * [ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1060)
6
+ * ## Props
7
+ * @prop children
8
+ * @prop header
9
+ * @prop footer
10
+ * @prop title
11
+ * @prop open = $bindable(false)
12
+ * @prop permanent = false
13
+ * @prop dismissable = true
14
+ * @prop closeBtnClass
15
+ * @prop headerClass
16
+ * @prop bodyClass
17
+ * @prop footerClass
18
+ * @prop size = "md"
19
+ * @prop placement
20
+ * @prop class: className
21
+ * @prop classes
22
+ * @prop transitionParams
23
+ * @prop transition = fade
24
+ * @prop fullscreen = false
25
+ * @prop ...restProps
26
+ */
2
27
  declare const Modal: import("svelte").Component<ModalProps, {}, "open">;
3
28
  type Modal = ReturnType<typeof Modal>;
4
29
  export default Modal;
@@ -33,7 +33,7 @@
33
33
  @component
34
34
  [Go to docs](https://flowbite-svelte.com/)
35
35
  ## Type
36
- [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1077)
36
+ [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1071)
37
37
  ## Props
38
38
  @prop size = "24"
39
39
  @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#L1077)
5
+ * [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1071)
6
6
  * ## Props
7
7
  * @prop size = "24"
8
8
  * @prop color = "currentColor"
@@ -17,7 +17,7 @@
17
17
  @component
18
18
  [Go to docs](https://flowbite-svelte.com/)
19
19
  ## Type
20
- [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1101)
20
+ [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1095)
21
21
  ## Props
22
22
  @prop children
23
23
  @prop class: className
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * [Go to docs](https://flowbite-svelte.com/)
3
3
  * ## Type
4
- * [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1101)
4
+ * [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1095)
5
5
  * ## Props
6
6
  * @prop children
7
7
  * @prop class: className
@@ -17,7 +17,7 @@
17
17
  @component
18
18
  [Go to docs](https://flowbite-svelte.com/)
19
19
  ## Type
20
- [NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1103)
20
+ [NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1097)
21
21
  ## Props
22
22
  @prop children
23
23
  @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#L1103)
5
+ * [NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1097)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop fluid
@@ -31,7 +31,7 @@
31
31
  @component
32
32
  [Go to docs](https://flowbite-svelte.com/)
33
33
  ## Type
34
- [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1107)
34
+ [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1101)
35
35
  ## Props
36
36
  @prop children
37
37
  @prop onclick
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * [Go to docs](https://flowbite-svelte.com/)
3
3
  * ## Type
4
- * [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1107)
4
+ * [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1101)
5
5
  * ## Props
6
6
  * @prop children
7
7
  * @prop onclick
@@ -44,7 +44,7 @@
44
44
  @component
45
45
  [Go to docs](https://flowbite-svelte.com/)
46
46
  ## Type
47
- [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1128)
47
+ [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1122)
48
48
  ## Props
49
49
  @prop children
50
50
  @prop onclick
@@ -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#L1128)
5
+ * [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1122)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop onclick
@@ -71,7 +71,7 @@
71
71
  @component
72
72
  [Go to docs](https://flowbite-svelte.com/)
73
73
  ## Type
74
- [NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1113)
74
+ [NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1107)
75
75
  ## Props
76
76
  @prop children
77
77
  @prop activeUrl = $bindable()
@@ -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#L1113)
5
+ * [NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1107)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop activeUrl = $bindable()
@@ -44,7 +44,7 @@
44
44
  @component
45
45
  [Go to docs](https://flowbite-svelte.com/)
46
46
  ## Type
47
- [NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1093)
47
+ [NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1087)
48
48
  ## Props
49
49
  @prop children
50
50
  @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#L1093)
5
+ * [NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1087)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop fluid
@@ -55,7 +55,7 @@
55
55
  @component
56
56
  [Go to docs](https://flowbite-svelte.com/)
57
57
  ## Type
58
- [PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1200)
58
+ [PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1194)
59
59
  ## Props
60
60
  @prop pages = []
61
61
  @prop previous
@@ -2,7 +2,7 @@ import type { PaginationProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1200)
5
+ * [PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1194)
6
6
  * ## Props
7
7
  * @prop pages = []
8
8
  * @prop previous
@@ -63,7 +63,7 @@
63
63
  @component
64
64
  [Go to docs](https://flowbite-svelte.com/)
65
65
  ## Type
66
- [PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1164)
66
+ [PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1158)
67
67
  ## Props
68
68
  @prop children
69
69
  @prop size
@@ -2,7 +2,7 @@ import type { PaginationButtonProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1164)
5
+ * [PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1158)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop size
@@ -32,7 +32,7 @@
32
32
  @component
33
33
  [Go to docs](https://flowbite-svelte.com/)
34
34
  ## Type
35
- [PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1196)
35
+ [PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1190)
36
36
  ## Props
37
37
  @prop children
38
38
  @prop size
@@ -2,7 +2,7 @@ import type { PaginationItemProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1196)
5
+ * [PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1190)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop size
@@ -109,7 +109,7 @@
109
109
  @component
110
110
  [Go to docs](https://flowbite-svelte.com/)
111
111
  ## Type
112
- [PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1170)
112
+ [PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1164)
113
113
  ## Props
114
114
  @prop currentPage = 1
115
115
  @prop totalPages = 1
@@ -2,7 +2,7 @@ import type { PaginationNavProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1170)
5
+ * [PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1164)
6
6
  * ## Props
7
7
  * @prop currentPage = 1
8
8
  * @prop totalPages = 1
@@ -33,7 +33,7 @@
33
33
  @component
34
34
  [Go to docs](https://flowbite-svelte.com/)
35
35
  ## Type
36
- [PopoverProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1210)
36
+ [PopoverProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1204)
37
37
  ## Props
38
38
  @prop title: titleSlot
39
39
  @prop color = "default"
@@ -2,7 +2,7 @@ import type { PopoverProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [PopoverProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1210)
5
+ * [PopoverProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1204)
6
6
  * ## Props
7
7
  * @prop title: titleSlot
8
8
  * @prop color = "default"
@@ -53,7 +53,7 @@
53
53
  @component
54
54
  [Go to docs](https://flowbite-svelte.com/)
55
55
  ## Type
56
- [ProgressbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1220)
56
+ [ProgressbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1214)
57
57
  ## Props
58
58
  @prop progress = "45"
59
59
  @prop precision = 0
@@ -2,7 +2,7 @@ import type { ProgressbarProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ProgressbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1220)
5
+ * [ProgressbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1214)
6
6
  * ## Props
7
7
  * @prop progress = "45"
8
8
  * @prop precision = 0
@@ -65,7 +65,7 @@
65
65
  @component
66
66
  [Go to docs](https://flowbite-svelte.com/)
67
67
  ## Type
68
- [ProgressradialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1231)
68
+ [ProgressradialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1225)
69
69
  ## Props
70
70
  @prop progress = 45
71
71
  @prop radius = 42
@@ -2,7 +2,7 @@ import type { ProgressradialProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ProgressradialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1231)
5
+ * [ProgressradialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1225)
6
6
  * ## Props
7
7
  * @prop progress = 45
8
8
  * @prop radius = 42
@@ -41,7 +41,7 @@
41
41
  @component
42
42
  [Go to docs](https://flowbite-svelte.com/)
43
43
  ## Type
44
- [AdvancedRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1248)
44
+ [AdvancedRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1242)
45
45
  ## Props
46
46
  @prop rating
47
47
  @prop globalText
@@ -2,7 +2,7 @@ import type { AdvancedRatingProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [AdvancedRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1248)
5
+ * [AdvancedRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1242)
6
6
  * ## Props
7
7
  * @prop rating
8
8
  * @prop globalText
@@ -29,7 +29,7 @@
29
29
  @component
30
30
  [Go to docs](https://flowbite-svelte.com/)
31
31
  ## Type
32
- [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1334)
32
+ [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1328)
33
33
  ## Props
34
34
  @prop fillPercent = 100
35
35
  @prop fillColor = "#00ff00"
@@ -2,7 +2,7 @@ import type { RatingIconProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1334)
5
+ * [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1328)
6
6
  * ## Props
7
7
  * @prop fillPercent = 100
8
8
  * @prop fillColor = "#00ff00"
@@ -28,7 +28,7 @@
28
28
  @component
29
29
  [Go to docs](https://flowbite-svelte.com/)
30
30
  ## Type
31
- [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1334)
31
+ [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1328)
32
32
  ## Props
33
33
  @prop fillPercent = 100
34
34
  @prop fillColor = "#ff0000"
@@ -2,7 +2,7 @@ import type { RatingIconProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1334)
5
+ * [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1328)
6
6
  * ## Props
7
7
  * @prop fillPercent = 100
8
8
  * @prop fillColor = "#ff0000"
@@ -47,7 +47,7 @@
47
47
  @component
48
48
  [Go to docs](https://flowbite-svelte.com/)
49
49
  ## Type
50
- [RatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1260)
50
+ [RatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1254)
51
51
  ## Props
52
52
  @prop children
53
53
  @prop text
@@ -2,7 +2,7 @@ import type { RatingProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [RatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1260)
5
+ * [RatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1254)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop text