flowbite-svelte 1.4.2 → 1.4.3

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 (200) hide show
  1. package/dist/forms/floating-label/FloatingLabelInput.svelte +4 -3
  2. package/dist/forms/floating-label/FloatingLabelInput.svelte.d.ts +1 -0
  3. package/dist/forms/floating-label/theme.d.ts +3 -0
  4. package/dist/forms/floating-label/theme.js +2 -1
  5. package/dist/forms/helper/Helper.svelte +1 -1
  6. package/dist/forms/helper/Helper.svelte.d.ts +1 -1
  7. package/dist/forms/input-addon/InputAddon.svelte +1 -1
  8. package/dist/forms/input-addon/InputAddon.svelte.d.ts +1 -1
  9. package/dist/forms/input-field/Input.svelte +3 -3
  10. package/dist/forms/input-field/theme.d.ts +3 -0
  11. package/dist/forms/input-field/theme.js +2 -1
  12. package/dist/forms/label/Label.svelte +1 -1
  13. package/dist/forms/label/Label.svelte.d.ts +1 -1
  14. package/dist/forms/range/Range.svelte +1 -1
  15. package/dist/forms/range/Range.svelte.d.ts +1 -1
  16. package/dist/forms/search/Search.svelte +1 -1
  17. package/dist/forms/search/Search.svelte.d.ts +1 -1
  18. package/dist/forms/tags/Tags.svelte +1 -1
  19. package/dist/forms/tags/Tags.svelte.d.ts +1 -1
  20. package/dist/forms/textarea/Textarea.svelte +1 -1
  21. package/dist/forms/textarea/Textarea.svelte.d.ts +1 -1
  22. package/dist/forms/timepicker/Timepicker.svelte +1 -1
  23. package/dist/forms/timepicker/Timepicker.svelte.d.ts +1 -1
  24. package/dist/forms/toggle/Toggle.svelte +1 -1
  25. package/dist/forms/toggle/Toggle.svelte.d.ts +1 -1
  26. package/dist/gallery/Gallery.svelte +1 -1
  27. package/dist/gallery/Gallery.svelte.d.ts +1 -1
  28. package/dist/indicator/Indicator.svelte +1 -1
  29. package/dist/indicator/Indicator.svelte.d.ts +1 -1
  30. package/dist/kbd/Kbd.svelte +1 -1
  31. package/dist/kbd/Kbd.svelte.d.ts +1 -1
  32. package/dist/list-group/Listgroup.svelte +1 -1
  33. package/dist/list-group/Listgroup.svelte.d.ts +1 -1
  34. package/dist/list-group/ListgroupItem.svelte +1 -1
  35. package/dist/list-group/ListgroupItem.svelte.d.ts +1 -1
  36. package/dist/mega-menu/MegaMenu.svelte +1 -1
  37. package/dist/mega-menu/MegaMenu.svelte.d.ts +1 -1
  38. package/dist/modal/Modal.svelte +1 -1
  39. package/dist/modal/Modal.svelte.d.ts +1 -1
  40. package/dist/navbar/Menu.svelte +1 -1
  41. package/dist/navbar/Menu.svelte.d.ts +1 -1
  42. package/dist/navbar/NavBrand.svelte +1 -1
  43. package/dist/navbar/NavBrand.svelte.d.ts +1 -1
  44. package/dist/navbar/NavContainer.svelte +1 -1
  45. package/dist/navbar/NavContainer.svelte.d.ts +1 -1
  46. package/dist/navbar/NavHamburger.svelte +1 -1
  47. package/dist/navbar/NavHamburger.svelte.d.ts +1 -1
  48. package/dist/navbar/NavLi.svelte +1 -1
  49. package/dist/navbar/NavLi.svelte.d.ts +1 -1
  50. package/dist/navbar/NavUl.svelte +1 -1
  51. package/dist/navbar/NavUl.svelte.d.ts +1 -1
  52. package/dist/navbar/Navbar.svelte +1 -1
  53. package/dist/navbar/Navbar.svelte.d.ts +1 -1
  54. package/dist/pagination/Pagination.svelte +1 -1
  55. package/dist/pagination/Pagination.svelte.d.ts +1 -1
  56. package/dist/pagination/PaginationButton.svelte +1 -1
  57. package/dist/pagination/PaginationButton.svelte.d.ts +1 -1
  58. package/dist/pagination/PaginationItem.svelte +1 -1
  59. package/dist/pagination/PaginationItem.svelte.d.ts +1 -1
  60. package/dist/pagination/PaginationNav.svelte +1 -1
  61. package/dist/pagination/PaginationNav.svelte.d.ts +1 -1
  62. package/dist/popover/Popover.svelte +1 -1
  63. package/dist/popover/Popover.svelte.d.ts +1 -1
  64. package/dist/progress/Progressbar.svelte +1 -1
  65. package/dist/progress/Progressbar.svelte.d.ts +1 -1
  66. package/dist/progress/Progressradial.svelte +1 -1
  67. package/dist/progress/Progressradial.svelte.d.ts +1 -1
  68. package/dist/rating/AdvancedRating.svelte +1 -1
  69. package/dist/rating/AdvancedRating.svelte.d.ts +1 -1
  70. package/dist/rating/CustomIcon.svelte +1 -1
  71. package/dist/rating/CustomIcon.svelte.d.ts +1 -1
  72. package/dist/rating/Heart.svelte +1 -1
  73. package/dist/rating/Heart.svelte.d.ts +1 -1
  74. package/dist/rating/Rating.svelte +1 -1
  75. package/dist/rating/Rating.svelte.d.ts +1 -1
  76. package/dist/rating/RatingComment.svelte +1 -1
  77. package/dist/rating/RatingComment.svelte.d.ts +1 -1
  78. package/dist/rating/Review.svelte +1 -1
  79. package/dist/rating/Review.svelte.d.ts +1 -1
  80. package/dist/rating/ScoreRating.svelte +1 -1
  81. package/dist/rating/ScoreRating.svelte.d.ts +1 -1
  82. package/dist/rating/Star.svelte +1 -1
  83. package/dist/rating/Star.svelte.d.ts +1 -1
  84. package/dist/rating/Thumbup.svelte +1 -1
  85. package/dist/rating/Thumbup.svelte.d.ts +1 -1
  86. package/dist/sidebar/Sidebar.svelte +1 -1
  87. package/dist/sidebar/Sidebar.svelte.d.ts +1 -1
  88. package/dist/sidebar/SidebarBrand.svelte +1 -1
  89. package/dist/sidebar/SidebarBrand.svelte.d.ts +1 -1
  90. package/dist/sidebar/SidebarButton.svelte +1 -1
  91. package/dist/sidebar/SidebarButton.svelte.d.ts +1 -1
  92. package/dist/sidebar/SidebarCta.svelte +1 -1
  93. package/dist/sidebar/SidebarCta.svelte.d.ts +1 -1
  94. package/dist/sidebar/SidebarDropdownWrapper.svelte +1 -1
  95. package/dist/sidebar/SidebarDropdownWrapper.svelte.d.ts +1 -1
  96. package/dist/sidebar/SidebarGroup.svelte +1 -1
  97. package/dist/sidebar/SidebarGroup.svelte.d.ts +1 -1
  98. package/dist/sidebar/SidebarItem.svelte +1 -1
  99. package/dist/sidebar/SidebarItem.svelte.d.ts +1 -1
  100. package/dist/skeleton/CardPlaceholder.svelte +1 -1
  101. package/dist/skeleton/CardPlaceholder.svelte.d.ts +1 -1
  102. package/dist/skeleton/ImagePlaceholder.svelte +1 -1
  103. package/dist/skeleton/ImagePlaceholder.svelte.d.ts +1 -1
  104. package/dist/skeleton/ListPlaceholder.svelte +1 -1
  105. package/dist/skeleton/ListPlaceholder.svelte.d.ts +1 -1
  106. package/dist/skeleton/Skeleton.svelte +1 -1
  107. package/dist/skeleton/Skeleton.svelte.d.ts +1 -1
  108. package/dist/skeleton/TextPlaceholder.svelte +1 -1
  109. package/dist/skeleton/TextPlaceholder.svelte.d.ts +1 -1
  110. package/dist/skeleton/VideoPlaceholder.svelte +1 -1
  111. package/dist/skeleton/VideoPlaceholder.svelte.d.ts +1 -1
  112. package/dist/speed-dial/SpeedDial.svelte +1 -1
  113. package/dist/speed-dial/SpeedDial.svelte.d.ts +1 -1
  114. package/dist/speed-dial/SpeedDialButton.svelte +1 -1
  115. package/dist/speed-dial/SpeedDialButton.svelte.d.ts +1 -1
  116. package/dist/speed-dial/SpeedDialTrigger.svelte +1 -1
  117. package/dist/speed-dial/SpeedDialTrigger.svelte.d.ts +1 -1
  118. package/dist/spinner/Spinner.svelte +1 -1
  119. package/dist/spinner/Spinner.svelte.d.ts +1 -1
  120. package/dist/stepindicator/StepIndicator.svelte +1 -1
  121. package/dist/stepindicator/StepIndicator.svelte.d.ts +1 -1
  122. package/dist/table/Table.svelte +1 -1
  123. package/dist/table/Table.svelte.d.ts +1 -1
  124. package/dist/table/TableBody.svelte +1 -1
  125. package/dist/table/TableBody.svelte.d.ts +1 -1
  126. package/dist/table/TableBodyCell.svelte +1 -1
  127. package/dist/table/TableBodyCell.svelte.d.ts +1 -1
  128. package/dist/table/TableBodyRow.svelte +1 -1
  129. package/dist/table/TableBodyRow.svelte.d.ts +1 -1
  130. package/dist/table/TableHead.svelte +1 -1
  131. package/dist/table/TableHead.svelte.d.ts +1 -1
  132. package/dist/table/TableHeadCell.svelte +1 -1
  133. package/dist/table/TableHeadCell.svelte.d.ts +1 -1
  134. package/dist/table/TableSearch.svelte +1 -1
  135. package/dist/table/TableSearch.svelte.d.ts +1 -1
  136. package/dist/tabs/TabItem.svelte +1 -1
  137. package/dist/tabs/TabItem.svelte.d.ts +1 -1
  138. package/dist/tabs/Tabs.svelte +1 -1
  139. package/dist/tabs/Tabs.svelte.d.ts +1 -1
  140. package/dist/theme/Theme.svelte +1 -1
  141. package/dist/theme/Theme.svelte.d.ts +1 -1
  142. package/dist/theme/index.d.ts +6 -0
  143. package/dist/timeline/Activity.svelte +1 -1
  144. package/dist/timeline/Activity.svelte.d.ts +1 -1
  145. package/dist/timeline/ActivityItem.svelte +1 -1
  146. package/dist/timeline/ActivityItem.svelte.d.ts +1 -1
  147. package/dist/timeline/Group.svelte +1 -1
  148. package/dist/timeline/Group.svelte.d.ts +1 -1
  149. package/dist/timeline/GroupItem.svelte +1 -1
  150. package/dist/timeline/GroupItem.svelte.d.ts +1 -1
  151. package/dist/timeline/Timeline.svelte +1 -1
  152. package/dist/timeline/Timeline.svelte.d.ts +1 -1
  153. package/dist/timeline/TimelineItem.svelte +1 -1
  154. package/dist/timeline/TimelineItem.svelte.d.ts +1 -1
  155. package/dist/toast/Toast.svelte +1 -1
  156. package/dist/toast/Toast.svelte.d.ts +1 -1
  157. package/dist/toolbar/Toolbar.svelte +1 -1
  158. package/dist/toolbar/Toolbar.svelte.d.ts +1 -1
  159. package/dist/toolbar/ToolbarButton.svelte +1 -1
  160. package/dist/toolbar/ToolbarButton.svelte.d.ts +1 -1
  161. package/dist/toolbar/ToolbarGroup.svelte +1 -1
  162. package/dist/toolbar/ToolbarGroup.svelte.d.ts +1 -1
  163. package/dist/tooltip/Tooltip.svelte +1 -1
  164. package/dist/tooltip/Tooltip.svelte.d.ts +1 -1
  165. package/dist/types.d.ts +2 -0
  166. package/dist/typography/anchor/A.svelte +1 -1
  167. package/dist/typography/anchor/A.svelte.d.ts +1 -1
  168. package/dist/typography/blockquote/Blockquote.svelte +1 -1
  169. package/dist/typography/blockquote/Blockquote.svelte.d.ts +1 -1
  170. package/dist/typography/descriptionlist/DescriptionList.svelte +1 -1
  171. package/dist/typography/descriptionlist/DescriptionList.svelte.d.ts +1 -1
  172. package/dist/typography/heading/Heading.svelte +1 -1
  173. package/dist/typography/heading/Heading.svelte.d.ts +1 -1
  174. package/dist/typography/hr/Hr.svelte +1 -1
  175. package/dist/typography/hr/Hr.svelte.d.ts +1 -1
  176. package/dist/typography/img/EnhancedImg.svelte +1 -1
  177. package/dist/typography/img/EnhancedImg.svelte.d.ts +1 -1
  178. package/dist/typography/img/Img.svelte +1 -1
  179. package/dist/typography/img/Img.svelte.d.ts +1 -1
  180. package/dist/typography/layout/Layout.svelte +1 -1
  181. package/dist/typography/layout/Layout.svelte.d.ts +1 -1
  182. package/dist/typography/list/Li.svelte +1 -1
  183. package/dist/typography/list/Li.svelte.d.ts +1 -1
  184. package/dist/typography/list/List.svelte +1 -1
  185. package/dist/typography/list/List.svelte.d.ts +1 -1
  186. package/dist/typography/mark/Mark.svelte +1 -1
  187. package/dist/typography/mark/Mark.svelte.d.ts +1 -1
  188. package/dist/typography/paragraph/P.svelte +1 -1
  189. package/dist/typography/paragraph/P.svelte.d.ts +1 -1
  190. package/dist/typography/secondary/Secondary.svelte +1 -1
  191. package/dist/typography/secondary/Secondary.svelte.d.ts +1 -1
  192. package/dist/typography/span/Span.svelte +1 -1
  193. package/dist/typography/span/Span.svelte.d.ts +1 -1
  194. package/dist/utils/Arrow.svelte +1 -1
  195. package/dist/utils/Arrow.svelte.d.ts +1 -1
  196. package/dist/utils/Popper.svelte +1 -1
  197. package/dist/utils/Popper.svelte.d.ts +1 -1
  198. package/dist/video/Video.svelte +1 -1
  199. package/dist/video/Video.svelte.d.ts +1 -1
  200. package/package.json +1 -1
@@ -4,9 +4,9 @@
4
4
  import { type FloatingLabelInputProps, CloseButton } from "../..";
5
5
  import clsx from "clsx";
6
6
 
7
- let { children, id = idGenerator(), value = $bindable(), elementRef = $bindable(), "aria-describedby": ariaDescribedby, variant = "standard", size = "default", color = "default", class: divClass, inputClass, labelClass, clearable, clearableSvgClass, clearableColor = "none", clearableClass, clearableOnClick, data = [], maxSuggestions = 5, onSelect, ...restProps }: FloatingLabelInputProps = $props();
7
+ let { children, id = idGenerator(), value = $bindable(), elementRef = $bindable(), "aria-describedby": ariaDescribedby, variant = "standard", size = "default", color = "default", class: divClass, inputClass, labelClass, clearable, clearableSvgClass, clearableColor = "none", clearableClass, clearableOnClick, data = [], maxSuggestions = 5, onSelect, comboClass, ...restProps }: FloatingLabelInputProps = $props();
8
8
 
9
- const { base, input, label, clearbtn } = $derived(floatingLabelInput({ variant, size, color }));
9
+ const { base, input, label, clearbtn, combo } = $derived(floatingLabelInput({ variant, size, color }));
10
10
 
11
11
  const clearAll = () => {
12
12
  if (elementRef) {
@@ -134,7 +134,7 @@
134
134
  </label>
135
135
 
136
136
  {#if isCombobox && isFocused && filteredSuggestions.length > 0}
137
- <div class="absolute top-full right-0 left-0 z-10 mt-1 max-h-60 overflow-y-auto rounded-md border border-gray-200 bg-white shadow-lg dark:border-gray-700 dark:bg-gray-800">
137
+ <div class={combo({ class: clsx(comboClass) })}>
138
138
  {#each filteredSuggestions as item, i}
139
139
  <button type="button" class="w-full px-3 py-2 text-left {i === selectedIndex ? 'bg-gray-100 dark:bg-gray-700' : 'hover:bg-gray-50 dark:hover:bg-gray-700'} focus:outline-none" onclick={() => selectItem(item)} onmouseenter={() => (selectedIndex = i)}>
140
140
  {item}
@@ -169,5 +169,6 @@
169
169
  @prop data = []
170
170
  @prop maxSuggestions = 5
171
171
  @prop onSelect
172
+ @prop comboClass
172
173
  @prop ...restProps
173
174
  -->
@@ -23,6 +23,7 @@ import { type FloatingLabelInputProps } from "../..";
23
23
  * @prop data = []
24
24
  * @prop maxSuggestions = 5
25
25
  * @prop onSelect
26
+ * @prop comboClass
26
27
  * @prop ...restProps
27
28
  */
28
29
  declare const FloatingLabelInput: import("svelte").Component<FloatingLabelInputProps, {}, "value" | "elementRef">;
@@ -113,6 +113,7 @@ export declare const floatingLabelInput: import("tailwind-variants").TVReturnTyp
113
113
  input: string;
114
114
  label: string;
115
115
  clearbtn: string;
116
+ combo: string;
116
117
  }, undefined, {
117
118
  variant: {
118
119
  filled: {
@@ -226,6 +227,7 @@ export declare const floatingLabelInput: import("tailwind-variants").TVReturnTyp
226
227
  input: string;
227
228
  label: string;
228
229
  clearbtn: string;
230
+ combo: string;
229
231
  }, import("tailwind-variants").TVReturnType<{
230
232
  variant: {
231
233
  filled: {
@@ -339,4 +341,5 @@ export declare const floatingLabelInput: import("tailwind-variants").TVReturnTyp
339
341
  input: string;
340
342
  label: string;
341
343
  clearbtn: string;
344
+ combo: string;
342
345
  }, undefined, unknown, unknown, undefined>>;
@@ -4,7 +4,8 @@ export const floatingLabelInput = tv({
4
4
  base: "relative",
5
5
  input: "block w-full text-sm text-gray-900 bg-transparent appearance-none dark:text-white focus:outline-hidden focus:ring-0 peer",
6
6
  label: "absolute text-sm duration-300 transform scale-75 z-10 origin-left rtl:origin-right peer-placeholder-shown:scale-100 peer-focus:scale-75",
7
- clearbtn: "absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-black"
7
+ clearbtn: "absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-black",
8
+ combo: "absolute top-full right-0 left-0 z-10 mt-1 max-h-60 overflow-y-auto rounded-md border border-gray-200 bg-white shadow-lg dark:border-gray-700 dark:bg-gray-800"
8
9
  },
9
10
  variants: {
10
11
  variant: {
@@ -16,7 +16,7 @@
16
16
  @component
17
17
  [Go to docs](https://flowbite-svelte.com/)
18
18
  ## Type
19
- [HelperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L769)
19
+ [HelperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L770)
20
20
  ## Props
21
21
  @prop children
22
22
  @prop class: className
@@ -2,7 +2,7 @@ import type { HelperProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [HelperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L769)
5
+ * [HelperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L770)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -41,7 +41,7 @@
41
41
  @component
42
42
  [Go to docs](https://flowbite-svelte.com/)
43
43
  ## Type
44
- [InputAddonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L797)
44
+ [InputAddonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L799)
45
45
  ## Props
46
46
  @prop children
47
47
  @prop class: className
@@ -2,7 +2,7 @@ import type { InputAddonProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [InputAddonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L797)
5
+ * [InputAddonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L799)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -5,7 +5,7 @@
5
5
  import { input, clampSize } from ".";
6
6
  import clsx from "clsx";
7
7
 
8
- let { children, left, right, value = $bindable(), elementRef = $bindable(), clearable = false, size, color = "default", class: className, wrapperClass, classLeft, classRight, divClass, clearableSvgClass, clearableColor = "none", clearableClass, clearableOnClick, data = [], maxSuggestions = 5, onSelect, ...restProps }: InputProps<InputValue> = $props();
8
+ let { children, left, right, value = $bindable(), elementRef = $bindable(), clearable = false, size, color = "default", class: className, wrapperClass, classLeft, classRight, divClass, clearableSvgClass, clearableColor = "none", clearableClass, clearableOnClick, data = [], maxSuggestions = 5, onSelect, comboClass, ...restProps }: InputProps<InputValue> = $props();
9
9
 
10
10
  // Automatically enable combobox when data is provided
11
11
  const isCombobox = $derived(Array.isArray(data) && data.length > 0);
@@ -21,7 +21,7 @@
21
21
  let _size = $derived(size || clampSize(group?.size) || "md");
22
22
  const _color = $derived(color === "default" && background ? "tinted" : color);
23
23
 
24
- const { base, input: inputCls, left: leftCls, right: rightCls, clearbtn } = $derived(input({ size: _size, color: _color, group: isGroup, class: clsx(className) }));
24
+ const { base, input: inputCls, left: leftCls, right: rightCls, clearbtn, combo } = $derived(input({ size: _size, color: _color, group: isGroup, class: clsx(className) }));
25
25
 
26
26
  const clearAll = () => {
27
27
  if (elementRef) {
@@ -171,7 +171,7 @@
171
171
  {/if}
172
172
 
173
173
  {#if isCombobox && isFocused && filteredSuggestions.length > 0}
174
- <div class="absolute top-full right-0 left-0 z-10 mt-1 max-h-60 overflow-y-auto rounded-md border border-gray-200 bg-white shadow-lg dark:border-gray-700 dark:bg-gray-800">
174
+ <div class={combo({ class: clsx(comboClass) })}>
175
175
  {#each filteredSuggestions as item, i}
176
176
  <button type="button" class="w-full px-3 py-2 text-left {i === selectedIndex ? 'bg-gray-100 dark:bg-gray-700' : 'hover:bg-gray-50 dark:hover:bg-gray-700'} focus:outline-none" onclick={() => selectItem(item)} onmouseenter={() => (selectedIndex = i)}>
177
177
  {item}
@@ -94,6 +94,7 @@ export declare const input: import("tailwind-variants").TVReturnType<{
94
94
  left: string;
95
95
  right: string;
96
96
  clearbtn: string;
97
+ combo: string;
97
98
  }, undefined, {
98
99
  size: {
99
100
  sm: {
@@ -188,6 +189,7 @@ export declare const input: import("tailwind-variants").TVReturnType<{
188
189
  left: string;
189
190
  right: string;
190
191
  clearbtn: string;
192
+ combo: string;
191
193
  }, import("tailwind-variants").TVReturnType<{
192
194
  size: {
193
195
  sm: {
@@ -282,4 +284,5 @@ export declare const input: import("tailwind-variants").TVReturnType<{
282
284
  left: string;
283
285
  right: string;
284
286
  clearbtn: string;
287
+ combo: string;
285
288
  }, undefined, unknown, unknown, undefined>>;
@@ -5,7 +5,8 @@ export const input = tv({
5
5
  input: "block w-full disabled:cursor-not-allowed disabled:opacity-50 rtl:text-right focus:outline-hidden",
6
6
  left: "flex absolute inset-y-0 items-center text-gray-500 dark:text-gray-400 pointer-events-none start-0 p-2.5",
7
7
  right: "flex absolute inset-y-0 items-center text-gray-500 dark:text-gray-400 end-0 p-2.5",
8
- clearbtn: "absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-black"
8
+ clearbtn: "absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-black",
9
+ combo: "absolute top-full right-0 left-0 z-20 mt-1 max-h-60 overflow-y-auto rounded-md border border-gray-200 bg-white shadow-lg dark:border-gray-700 dark:bg-gray-800"
9
10
  },
10
11
  variants: {
11
12
  size: {
@@ -20,7 +20,7 @@
20
20
  @component
21
21
  [Go to docs](https://flowbite-svelte.com/)
22
22
  ## Type
23
- [LabelProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L804)
23
+ [LabelProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L806)
24
24
  ## Props
25
25
  @prop children
26
26
  @prop color = "gray"
@@ -2,7 +2,7 @@ import type { LabelProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [LabelProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L804)
5
+ * [LabelProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L806)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop color = "gray"
@@ -14,7 +14,7 @@
14
14
  @component
15
15
  [Go to docs](https://flowbite-svelte.com/)
16
16
  ## Type
17
- [RangeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L833)
17
+ [RangeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L835)
18
18
  ## Props
19
19
  @prop value = $bindable()
20
20
  @prop appearance = "none"
@@ -2,7 +2,7 @@ import type { RangeProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [RangeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L833)
5
+ * [RangeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L835)
6
6
  * ## Props
7
7
  * @prop value = $bindable()
8
8
  * @prop appearance = "none"
@@ -37,7 +37,7 @@
37
37
  @component
38
38
  [Go to docs](https://flowbite-svelte.com/)
39
39
  ## Type
40
- [SearchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L838)
40
+ [SearchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L840)
41
41
  ## Props
42
42
  @prop children
43
43
  @prop class: inputClass
@@ -2,7 +2,7 @@ import { type SearchProps } from "../..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [SearchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L838)
5
+ * [SearchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L840)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: inputClass
@@ -65,7 +65,7 @@
65
65
  @component
66
66
  [Go to docs](https://flowbite-svelte.com/)
67
67
  ## Type
68
- [TagsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L881)
68
+ [TagsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L883)
69
69
  ## Props
70
70
  @prop value = $bindable([])
71
71
  @prop itemClass
@@ -2,7 +2,7 @@ import { type TagsProps } from "../..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TagsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L881)
5
+ * [TagsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L883)
6
6
  * ## Props
7
7
  * @prop value = $bindable([])
8
8
  * @prop itemClass
@@ -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#L928)
52
+ [TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L930)
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#L928)
5
+ * [TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L930)
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#L900)
198
+ [TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L902)
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#L900)
5
+ * [TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L902)
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#L947)
27
+ [ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L949)
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#L947)
5
+ * [ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L949)
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#L964)
39
+ [GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L966)
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#L964)
5
+ * [GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L966)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop figure
@@ -29,7 +29,7 @@
29
29
  @component
30
30
  [Go to docs](https://flowbite-svelte.com/)
31
31
  ## Type
32
- [IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L975)
32
+ [IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L977)
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#L975)
5
+ * [IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L977)
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#L986)
18
+ [KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L988)
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#L986)
5
+ * [KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L988)
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#L1005)
47
+ [ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1007)
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#L1005)
5
+ * [ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1007)
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#L1016)
45
+ [ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1018)
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#L1016)
5
+ * [ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1018)
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#L1027)
39
+ [MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1029)
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#L1027)
5
+ * [MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1029)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop extra
@@ -90,7 +90,7 @@
90
90
  @component
91
91
  [Go to docs](https://flowbite-svelte.com/)
92
92
  ## Type
93
- [ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1037)
93
+ [ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1039)
94
94
  ## Props
95
95
  @prop children
96
96
  @prop oncancel
@@ -2,7 +2,7 @@ import { type ModalProps } from "..";
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#L1037)
5
+ * [ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1039)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop oncancel
@@ -32,7 +32,7 @@
32
32
  @component
33
33
  [Go to docs](https://flowbite-svelte.com/)
34
34
  ## Type
35
- [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1055)
35
+ [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1057)
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#L1055)
5
+ * [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1057)
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#L1074)
17
+ [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1076)
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#L1074)
5
+ * [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1076)
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#L1076)
17
+ [NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1078)
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#L1076)
5
+ * [NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1078)
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#L1080)
28
+ [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1082)
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#L1080)
5
+ * [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1082)
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#L1094)
38
+ [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1096)
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#L1094)
5
+ * [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1096)
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#L1085)
59
+ [NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1087)
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#L1085)
5
+ * [NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1087)
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#L1068)
32
+ [NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1070)
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#L1068)
5
+ * [NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1070)
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#L1162)
53
+ [PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1164)
54
54
  ## Props
55
55
  @prop pages = []
56
56
  @prop previous