flowbite-svelte 1.14.5 → 1.14.6

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 (107) hide show
  1. package/dist/datepicker/Datepicker.svelte.d.ts +1 -1
  2. package/dist/device-mockups/theme.d.ts +12 -12
  3. package/dist/drawer/Drawer.svelte.d.ts +1 -1
  4. package/dist/drawer/DrawerHandle.svelte +1 -1
  5. package/dist/drawer/DrawerHandle.svelte.d.ts +1 -1
  6. package/dist/drawer/theme.d.ts +3 -3
  7. package/dist/dropdown/Dropdown.svelte +3 -1
  8. package/dist/dropdown/Dropdown.svelte.d.ts +1 -1
  9. package/dist/footer/theme.d.ts +3 -3
  10. package/dist/forms/button-toggle/ButtonToggleGroup.svelte +2 -1
  11. package/dist/forms/button-toggle/ButtonToggleGroup.svelte.d.ts +1 -1
  12. package/dist/forms/checkbox/Checkbox.svelte +2 -1
  13. package/dist/forms/fileupload/Fileupload.svelte +2 -1
  14. package/dist/forms/fileupload/Fileupload.svelte.d.ts +2 -2
  15. package/dist/forms/floating-label/FloatingLabelInput.svelte +2 -1
  16. package/dist/forms/floating-label/FloatingLabelInput.svelte.d.ts +1 -1
  17. package/dist/forms/input-addon/InputAddon.svelte +2 -1
  18. package/dist/forms/input-addon/InputAddon.svelte.d.ts +1 -1
  19. package/dist/forms/input-field/Input.svelte +2 -1
  20. package/dist/forms/input-field/Input.svelte.d.ts +1 -1
  21. package/dist/forms/input-field/index.d.ts +1 -1
  22. package/dist/forms/radio/Radio.svelte +2 -1
  23. package/dist/forms/radio/Radio.svelte.d.ts +1 -1
  24. package/dist/forms/radio/RadioButton.svelte +2 -1
  25. package/dist/forms/radio/RadioButton.svelte.d.ts +1 -1
  26. package/dist/forms/search/Search.svelte +2 -1
  27. package/dist/forms/search/Search.svelte.d.ts +1 -1
  28. package/dist/forms/select/MultiSelect.svelte +3 -1
  29. package/dist/forms/select/MultiSelect.svelte.d.ts +1 -1
  30. package/dist/forms/select/Select.svelte +2 -1
  31. package/dist/forms/select/Select.svelte.d.ts +1 -1
  32. package/dist/forms/tags/Tags.svelte +3 -1
  33. package/dist/forms/tags/Tags.svelte.d.ts +1 -1
  34. package/dist/forms/tags/theme.d.ts +6 -6
  35. package/dist/forms/textarea/Textarea.svelte +2 -1
  36. package/dist/forms/textarea/Textarea.svelte.d.ts +1 -1
  37. package/dist/forms/timepicker/Timepicker.svelte +9 -1
  38. package/dist/forms/timepicker/Timepicker.svelte.d.ts +1 -1
  39. package/dist/forms/toggle/Toggle.svelte +3 -2
  40. package/dist/forms/toggle/Toggle.svelte.d.ts +1 -1
  41. package/dist/gallery/theme.d.ts +3 -3
  42. package/dist/indicator/Indicator.svelte +1 -1
  43. package/dist/list-group/Listgroup.svelte +2 -1
  44. package/dist/list-group/Listgroup.svelte.d.ts +1 -1
  45. package/dist/mega-menu/MegaMenu.svelte +2 -1
  46. package/dist/mega-menu/MegaMenu.svelte.d.ts +1 -1
  47. package/dist/modal/Modal.svelte +3 -1
  48. package/dist/modal/Modal.svelte.d.ts +1 -1
  49. package/dist/navbar/Navbar.svelte +1 -1
  50. package/dist/pagination/Pagination.svelte +1 -1
  51. package/dist/pagination/PaginationNav.svelte +2 -1
  52. package/dist/pagination/PaginationNav.svelte.d.ts +1 -1
  53. package/dist/rating/theme.d.ts +6 -6
  54. package/dist/sidebar/Sidebar.svelte +2 -1
  55. package/dist/sidebar/Sidebar.svelte.d.ts +1 -1
  56. package/dist/sidebar/SidebarDropdownWrapper.svelte +1 -1
  57. package/dist/sidebar/theme.d.ts +9 -9
  58. package/dist/skeleton/WidgetPlaceholder.svelte +1 -1
  59. package/dist/skeleton/WidgetPlaceholder.svelte.d.ts +1 -1
  60. package/dist/skeleton/theme.d.ts +3 -3
  61. package/dist/speed-dial/SpeedDial.svelte +1 -1
  62. package/dist/speed-dial/SpeedDialButton.svelte +2 -1
  63. package/dist/step-indicator/StepIndicator.svelte +1 -1
  64. package/dist/step-indicator/StepIndicator.svelte.d.ts +1 -1
  65. package/dist/stepper/BreadcrumbStepper.svelte +1 -1
  66. package/dist/stepper/BreadcrumbStepper.svelte.d.ts +1 -1
  67. package/dist/stepper/DetailedStepper.svelte +1 -1
  68. package/dist/stepper/DetailedStepper.svelte.d.ts +1 -1
  69. package/dist/stepper/ProgressStepper.svelte +1 -1
  70. package/dist/stepper/ProgressStepper.svelte.d.ts +1 -1
  71. package/dist/stepper/Stepper.svelte +1 -1
  72. package/dist/stepper/Stepper.svelte.d.ts +1 -1
  73. package/dist/stepper/TimelineStepper.svelte +1 -1
  74. package/dist/stepper/TimelineStepper.svelte.d.ts +1 -1
  75. package/dist/stepper/VerticalStepper.svelte +1 -1
  76. package/dist/stepper/VerticalStepper.svelte.d.ts +1 -1
  77. package/dist/table/Table.svelte +3 -2
  78. package/dist/table/Table.svelte.d.ts +1 -1
  79. package/dist/table/TableBody.svelte +2 -1
  80. package/dist/table/TableHead.svelte +1 -1
  81. package/dist/tabs/TabItem.svelte +1 -1
  82. package/dist/tabs/TabItem.svelte.d.ts +1 -1
  83. package/dist/theme/ThemeProvider.svelte +1 -1
  84. package/dist/theme/ThemeProvider.svelte.d.ts +1 -1
  85. package/dist/timeline/ActivityItem.svelte +1 -1
  86. package/dist/timeline/theme.d.ts +18 -18
  87. package/dist/toast/Toast.svelte +2 -3
  88. package/dist/tooltip/Tooltip.svelte +1 -1
  89. package/dist/tooltip/Tooltip.svelte.d.ts +1 -1
  90. package/dist/typography/a/A.svelte +1 -1
  91. package/dist/typography/blockquote/Blockquote.svelte +1 -1
  92. package/dist/typography/descriptionlist/DescriptionList.svelte +1 -1
  93. package/dist/typography/heading/Heading.svelte +1 -1
  94. package/dist/typography/hr/Hr.svelte +1 -1
  95. package/dist/typography/layout/Layout.svelte +1 -1
  96. package/dist/typography/list/List.svelte +1 -1
  97. package/dist/typography/mark/Mark.svelte +1 -1
  98. package/dist/typography/paragraph/P.svelte +1 -1
  99. package/dist/typography/secondary/Secondary.svelte +1 -1
  100. package/dist/typography/span/Span.svelte +1 -1
  101. package/dist/utils/Arrow.svelte +1 -1
  102. package/dist/utils/Arrow.svelte.d.ts +1 -1
  103. package/dist/utils/CloseButton.svelte +1 -1
  104. package/dist/utils/CloseButton.svelte.d.ts +1 -1
  105. package/dist/utils/Popper.svelte +1 -1
  106. package/dist/utils/Popper.svelte.d.ts +1 -1
  107. package/package.json +1 -1
@@ -37,6 +37,6 @@ import type { DatepickerProps } from "..";
37
37
  * @prop elementRef = $bindable()
38
38
  * @prop actionSlot
39
39
  */
40
- declare const Datepicker: import("svelte").Component<DatepickerProps, {}, "value" | "elementRef" | "rangeFrom" | "rangeTo">;
40
+ declare const Datepicker: import("svelte").Component<DatepickerProps, {}, "value" | "rangeFrom" | "rangeTo" | "elementRef">;
41
41
  type Datepicker = ReturnType<typeof Datepicker>;
42
42
  export default Datepicker;
@@ -5,8 +5,8 @@ declare const android: import("tailwind-variants").TVReturnType<{
5
5
  [key: string]: {
6
6
  [key: string]: import("tailwind-merge").ClassNameValue | {
7
7
  base?: import("tailwind-merge").ClassNameValue;
8
- slot?: import("tailwind-merge").ClassNameValue;
9
8
  top?: import("tailwind-merge").ClassNameValue;
9
+ slot?: import("tailwind-merge").ClassNameValue;
10
10
  right?: import("tailwind-merge").ClassNameValue;
11
11
  leftTop?: import("tailwind-merge").ClassNameValue;
12
12
  leftMid?: import("tailwind-merge").ClassNameValue;
@@ -17,8 +17,8 @@ declare const android: import("tailwind-variants").TVReturnType<{
17
17
  [x: string]: {
18
18
  [x: string]: import("tailwind-merge").ClassNameValue | {
19
19
  base?: import("tailwind-merge").ClassNameValue;
20
- slot?: import("tailwind-merge").ClassNameValue;
21
20
  top?: import("tailwind-merge").ClassNameValue;
21
+ slot?: import("tailwind-merge").ClassNameValue;
22
22
  right?: import("tailwind-merge").ClassNameValue;
23
23
  leftTop?: import("tailwind-merge").ClassNameValue;
24
24
  leftMid?: import("tailwind-merge").ClassNameValue;
@@ -37,8 +37,8 @@ declare const android: import("tailwind-variants").TVReturnType<{
37
37
  [key: string]: {
38
38
  [key: string]: import("tailwind-merge").ClassNameValue | {
39
39
  base?: import("tailwind-merge").ClassNameValue;
40
- slot?: import("tailwind-merge").ClassNameValue;
41
40
  top?: import("tailwind-merge").ClassNameValue;
41
+ slot?: import("tailwind-merge").ClassNameValue;
42
42
  right?: import("tailwind-merge").ClassNameValue;
43
43
  leftTop?: import("tailwind-merge").ClassNameValue;
44
44
  leftMid?: import("tailwind-merge").ClassNameValue;
@@ -67,8 +67,8 @@ declare const defaultMockup: import("tailwind-variants").TVReturnType<{
67
67
  [key: string]: {
68
68
  [key: string]: import("tailwind-merge").ClassNameValue | {
69
69
  base?: import("tailwind-merge").ClassNameValue;
70
- slot?: import("tailwind-merge").ClassNameValue;
71
70
  top?: import("tailwind-merge").ClassNameValue;
71
+ slot?: import("tailwind-merge").ClassNameValue;
72
72
  right?: import("tailwind-merge").ClassNameValue;
73
73
  leftTop?: import("tailwind-merge").ClassNameValue;
74
74
  leftBot?: import("tailwind-merge").ClassNameValue;
@@ -78,8 +78,8 @@ declare const defaultMockup: import("tailwind-variants").TVReturnType<{
78
78
  [x: string]: {
79
79
  [x: string]: import("tailwind-merge").ClassNameValue | {
80
80
  base?: import("tailwind-merge").ClassNameValue;
81
- slot?: import("tailwind-merge").ClassNameValue;
82
81
  top?: import("tailwind-merge").ClassNameValue;
82
+ slot?: import("tailwind-merge").ClassNameValue;
83
83
  right?: import("tailwind-merge").ClassNameValue;
84
84
  leftTop?: import("tailwind-merge").ClassNameValue;
85
85
  leftBot?: import("tailwind-merge").ClassNameValue;
@@ -96,8 +96,8 @@ declare const defaultMockup: import("tailwind-variants").TVReturnType<{
96
96
  [key: string]: {
97
97
  [key: string]: import("tailwind-merge").ClassNameValue | {
98
98
  base?: import("tailwind-merge").ClassNameValue;
99
- slot?: import("tailwind-merge").ClassNameValue;
100
99
  top?: import("tailwind-merge").ClassNameValue;
100
+ slot?: import("tailwind-merge").ClassNameValue;
101
101
  right?: import("tailwind-merge").ClassNameValue;
102
102
  leftTop?: import("tailwind-merge").ClassNameValue;
103
103
  leftBot?: import("tailwind-merge").ClassNameValue;
@@ -167,8 +167,8 @@ declare const ios: import("tailwind-variants").TVReturnType<{
167
167
  [key: string]: {
168
168
  [key: string]: import("tailwind-merge").ClassNameValue | {
169
169
  base?: import("tailwind-merge").ClassNameValue;
170
- slot?: import("tailwind-merge").ClassNameValue;
171
170
  top?: import("tailwind-merge").ClassNameValue;
171
+ slot?: import("tailwind-merge").ClassNameValue;
172
172
  right?: import("tailwind-merge").ClassNameValue;
173
173
  leftTop?: import("tailwind-merge").ClassNameValue;
174
174
  leftBot?: import("tailwind-merge").ClassNameValue;
@@ -178,8 +178,8 @@ declare const ios: import("tailwind-variants").TVReturnType<{
178
178
  [x: string]: {
179
179
  [x: string]: import("tailwind-merge").ClassNameValue | {
180
180
  base?: import("tailwind-merge").ClassNameValue;
181
- slot?: import("tailwind-merge").ClassNameValue;
182
181
  top?: import("tailwind-merge").ClassNameValue;
182
+ slot?: import("tailwind-merge").ClassNameValue;
183
183
  right?: import("tailwind-merge").ClassNameValue;
184
184
  leftTop?: import("tailwind-merge").ClassNameValue;
185
185
  leftBot?: import("tailwind-merge").ClassNameValue;
@@ -196,8 +196,8 @@ declare const ios: import("tailwind-variants").TVReturnType<{
196
196
  [key: string]: {
197
197
  [key: string]: import("tailwind-merge").ClassNameValue | {
198
198
  base?: import("tailwind-merge").ClassNameValue;
199
- slot?: import("tailwind-merge").ClassNameValue;
200
199
  top?: import("tailwind-merge").ClassNameValue;
200
+ slot?: import("tailwind-merge").ClassNameValue;
201
201
  right?: import("tailwind-merge").ClassNameValue;
202
202
  leftTop?: import("tailwind-merge").ClassNameValue;
203
203
  leftBot?: import("tailwind-merge").ClassNameValue;
@@ -267,8 +267,8 @@ declare const smartwatch: import("tailwind-variants").TVReturnType<{
267
267
  [key: string]: {
268
268
  [key: string]: import("tailwind-merge").ClassNameValue | {
269
269
  base?: import("tailwind-merge").ClassNameValue;
270
- slot?: import("tailwind-merge").ClassNameValue;
271
270
  top?: import("tailwind-merge").ClassNameValue;
271
+ slot?: import("tailwind-merge").ClassNameValue;
272
272
  bot?: import("tailwind-merge").ClassNameValue;
273
273
  rightTop?: import("tailwind-merge").ClassNameValue;
274
274
  rightBot?: import("tailwind-merge").ClassNameValue;
@@ -278,8 +278,8 @@ declare const smartwatch: import("tailwind-variants").TVReturnType<{
278
278
  [x: string]: {
279
279
  [x: string]: import("tailwind-merge").ClassNameValue | {
280
280
  base?: import("tailwind-merge").ClassNameValue;
281
- slot?: import("tailwind-merge").ClassNameValue;
282
281
  top?: import("tailwind-merge").ClassNameValue;
282
+ slot?: import("tailwind-merge").ClassNameValue;
283
283
  bot?: import("tailwind-merge").ClassNameValue;
284
284
  rightTop?: import("tailwind-merge").ClassNameValue;
285
285
  rightBot?: import("tailwind-merge").ClassNameValue;
@@ -296,8 +296,8 @@ declare const smartwatch: import("tailwind-variants").TVReturnType<{
296
296
  [key: string]: {
297
297
  [key: string]: import("tailwind-merge").ClassNameValue | {
298
298
  base?: import("tailwind-merge").ClassNameValue;
299
- slot?: import("tailwind-merge").ClassNameValue;
300
299
  top?: import("tailwind-merge").ClassNameValue;
300
+ slot?: import("tailwind-merge").ClassNameValue;
301
301
  bot?: import("tailwind-merge").ClassNameValue;
302
302
  rightTop?: import("tailwind-merge").ClassNameValue;
303
303
  rightBot?: import("tailwind-merge").ClassNameValue;
@@ -19,6 +19,6 @@ import type { DrawerProps } from "..";
19
19
  * @prop activateClickOutside
20
20
  * @prop ...restProps
21
21
  */
22
- declare const Drawer: import("svelte").Component<DrawerProps, {}, "open" | "hidden">;
22
+ declare const Drawer: import("svelte").Component<DrawerProps, {}, "hidden" | "open">;
23
23
  type Drawer = ReturnType<typeof Drawer>;
24
24
  export default Drawer;
@@ -1,6 +1,6 @@
1
1
  <script lang="ts">
2
2
  import { getTheme } from "../theme/themeUtils";
3
- import type { DrawerHandleProps } from "../types";
3
+ import type { DrawerHandleProps } from "..";
4
4
  import clsx from "clsx";
5
5
  import { drawerhandle } from "./theme";
6
6
  import { getContext } from "svelte";
@@ -1,4 +1,4 @@
1
- import type { DrawerHandleProps } from "../types";
1
+ import type { DrawerHandleProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
@@ -63,16 +63,16 @@ export type DrawerheadVariants = VariantProps<typeof drawerhead> & Classes<typeo
63
63
  export declare const drawerhead: import("tailwind-variants").TVReturnType<{
64
64
  [key: string]: {
65
65
  [key: string]: import("tailwind-merge").ClassNameValue | {
66
- button?: import("tailwind-merge").ClassNameValue;
67
66
  base?: import("tailwind-merge").ClassNameValue;
67
+ button?: import("tailwind-merge").ClassNameValue;
68
68
  svg?: import("tailwind-merge").ClassNameValue;
69
69
  };
70
70
  };
71
71
  } | {
72
72
  [x: string]: {
73
73
  [x: string]: import("tailwind-merge").ClassNameValue | {
74
- button?: import("tailwind-merge").ClassNameValue;
75
74
  base?: import("tailwind-merge").ClassNameValue;
75
+ button?: import("tailwind-merge").ClassNameValue;
76
76
  svg?: import("tailwind-merge").ClassNameValue;
77
77
  };
78
78
  };
@@ -83,8 +83,8 @@ export declare const drawerhead: import("tailwind-variants").TVReturnType<{
83
83
  }, undefined, {
84
84
  [key: string]: {
85
85
  [key: string]: import("tailwind-merge").ClassNameValue | {
86
- button?: import("tailwind-merge").ClassNameValue;
87
86
  base?: import("tailwind-merge").ClassNameValue;
87
+ button?: import("tailwind-merge").ClassNameValue;
88
88
  svg?: import("tailwind-merge").ClassNameValue;
89
89
  };
90
90
  };
@@ -1,5 +1,7 @@
1
1
  <script lang="ts">
2
- import { DropdownGroup, type DropdownProps, Popper } from "..";
2
+ import type { DropdownProps } from "..";
3
+ import Popper from "../utils/Popper.svelte";
4
+ import DropdownGroup from "./DropdownGroup.svelte";
3
5
  import { getTheme } from "../theme/themeUtils";
4
6
  import clsx from "clsx";
5
7
  import { setContext } from "svelte";
@@ -1,4 +1,4 @@
1
- import { type DropdownProps } from "..";
1
+ import type { DropdownProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
@@ -29,17 +29,17 @@ export type FooterBrandVariants = VariantProps<typeof footerBrand> & Classes<typ
29
29
  export declare const footerBrand: import("tailwind-variants").TVReturnType<{
30
30
  [key: string]: {
31
31
  [key: string]: import("tailwind-merge").ClassNameValue | {
32
+ base?: import("tailwind-merge").ClassNameValue;
32
33
  img?: import("tailwind-merge").ClassNameValue;
33
34
  span?: import("tailwind-merge").ClassNameValue;
34
- base?: import("tailwind-merge").ClassNameValue;
35
35
  };
36
36
  };
37
37
  } | {
38
38
  [x: string]: {
39
39
  [x: string]: import("tailwind-merge").ClassNameValue | {
40
+ base?: import("tailwind-merge").ClassNameValue;
40
41
  img?: import("tailwind-merge").ClassNameValue;
41
42
  span?: import("tailwind-merge").ClassNameValue;
42
- base?: import("tailwind-merge").ClassNameValue;
43
43
  };
44
44
  };
45
45
  } | {}, {
@@ -49,9 +49,9 @@ export declare const footerBrand: import("tailwind-variants").TVReturnType<{
49
49
  }, undefined, {
50
50
  [key: string]: {
51
51
  [key: string]: import("tailwind-merge").ClassNameValue | {
52
+ base?: import("tailwind-merge").ClassNameValue;
52
53
  img?: import("tailwind-merge").ClassNameValue;
53
54
  span?: import("tailwind-merge").ClassNameValue;
54
- base?: import("tailwind-merge").ClassNameValue;
55
55
  };
56
56
  };
57
57
  } | {}, {
@@ -1,7 +1,8 @@
1
1
  <script lang="ts">
2
2
  import { setContext } from "svelte";
3
3
  import clsx from "clsx";
4
- import { type ButtonToggleGroupProps, buttonToggleGroup } from "../..";
4
+ import type { ButtonToggleGroupProps } from "../..";
5
+ import { buttonToggleGroup } from "./theme";
5
6
  import { getTheme } from "../../theme/themeUtils";
6
7
 
7
8
  let { multiSelect = false, name = "toggle-group", value = multiSelect ? [] : null, color, size = "md", roundedSize = "md", onSelect = (val: any) => {}, children, ctxIconClass, ctxBtnClass, class: className, ...restProps }: ButtonToggleGroupProps = $props();
@@ -1,4 +1,4 @@
1
- import { type ButtonToggleGroupProps } from "../..";
1
+ import type { ButtonToggleGroupProps } from "../..";
2
2
  declare const ButtonToggleGroup: import("svelte").Component<ButtonToggleGroupProps, {}, "">;
3
3
  type ButtonToggleGroup = ReturnType<typeof ButtonToggleGroup>;
4
4
  export default ButtonToggleGroup;
@@ -1,7 +1,8 @@
1
1
  <script lang="ts">
2
2
  import { checkbox } from "./theme";
3
3
  import clsx from "clsx";
4
- import { type CheckboxProps, Label } from "../..";
4
+ import { type CheckboxProps } from "../..";
5
+ import Label from "../label/Label.svelte";
5
6
  import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
6
7
 
7
8
  let { children, color = "primary", custom, inline, tinted, rounded, group = $bindable([]), choices = [], checked = $bindable(false), classes, class: className, divClass, disabled, value, labelProps = {}, ...restProps }: CheckboxProps = $props();
@@ -1,7 +1,8 @@
1
1
  <script lang="ts">
2
2
  import { fileupload } from "./theme";
3
3
  import clsx from "clsx";
4
- import { CloseButton, type FileuploadProps } from "../..";
4
+ import type { FileuploadProps } from "../..";
5
+ import CloseButton from "../../utils/CloseButton.svelte";
5
6
  import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
6
7
  import { createDismissableContext } from "../../utils/dismissable";
7
8
 
@@ -1,4 +1,4 @@
1
- import { type FileuploadProps } from "../..";
1
+ import type { FileuploadProps } from "../..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
@@ -17,6 +17,6 @@ import { type FileuploadProps } from "../..";
17
17
  * @prop wrapperClass
18
18
  * @prop ...restProps
19
19
  */
20
- declare const Fileupload: import("svelte").Component<FileuploadProps, {}, "files" | "elementRef">;
20
+ declare const Fileupload: import("svelte").Component<FileuploadProps, {}, "elementRef" | "files">;
21
21
  type Fileupload = ReturnType<typeof Fileupload>;
22
22
  export default Fileupload;
@@ -2,7 +2,8 @@
2
2
  import { idGenerator } from "../../utils";
3
3
  import { floatingLabelInput } from "./theme";
4
4
  import clsx from "clsx";
5
- import { type FloatingLabelInputProps, CloseButton } from "../..";
5
+ import type { FloatingLabelInputProps } from "../..";
6
+ import CloseButton from "../../utils/CloseButton.svelte";
6
7
  import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
7
8
  import { createDismissableContext } from "../../utils/dismissable";
8
9
 
@@ -1,4 +1,4 @@
1
- import { type FloatingLabelInputProps } from "../..";
1
+ import type { FloatingLabelInputProps } from "../..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
@@ -2,7 +2,8 @@
2
2
  import type { SizeType } from "../../types";
3
3
  import { getContext } from "svelte";
4
4
  import clsx from "clsx";
5
- import { type InputAddonProps, clampSize } from "../..";
5
+ import type { InputAddonProps } from "../..";
6
+ import { clampSize } from "../input-field";
6
7
 
7
8
  let { children, class: className, size, ...restProps }: InputAddonProps = $props();
8
9
 
@@ -1,4 +1,4 @@
1
- import { type InputAddonProps } from "../..";
1
+ import type { InputAddonProps } from "../..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
@@ -1,7 +1,8 @@
1
1
  <script lang="ts">
2
2
  import { getContext } from "svelte";
3
3
  import clsx from "clsx";
4
- import { CloseButton, type SizeType, type InputProps, type InputValue } from "../..";
4
+ import type { SizeType, InputProps, InputValue } from "../..";
5
+ import CloseButton from "../../utils/CloseButton.svelte";
5
6
  import { input } from "./theme";
6
7
  import { clampSize } from "./index";
7
8
  import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
@@ -1,4 +1,4 @@
1
- import { type InputProps, type InputValue } from "../..";
1
+ import type { InputProps, InputValue } from "../..";
2
2
  declare const Input: import("svelte").Component<InputProps<InputValue>, {}, "value" | "elementRef">;
3
3
  type Input = ReturnType<typeof Input>;
4
4
  export default Input;
@@ -1,4 +1,4 @@
1
1
  export { default as Input } from "./Input.svelte";
2
2
  export { input } from "./theme";
3
3
  import type { SizeType } from "../../types";
4
- export declare function clampSize(s: SizeType): "md" | "sm" | "lg";
4
+ export declare function clampSize(s: SizeType): "sm" | "md" | "lg";
@@ -2,7 +2,8 @@
2
2
  import { getContext } from "svelte";
3
3
  import { radio } from "./theme";
4
4
  import clsx from "clsx";
5
- import { type RadioProps, Label } from "../..";
5
+ import type { RadioProps } from "../..";
6
+ import Label from "../label/Label.svelte";
6
7
  import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
7
8
 
8
9
  // remove inputClass in next major version
@@ -1,4 +1,4 @@
1
- import { type RadioProps } from "../..";
1
+ import type { RadioProps } from "../..";
2
2
  declare function $$render<T>(): {
3
3
  props: RadioProps<T>;
4
4
  exports: {};
@@ -1,6 +1,7 @@
1
1
  <script lang="ts" generics="T">
2
2
  import clsx from "clsx";
3
- import { Button, type RadioButtonProps } from "../..";
3
+ import type { RadioButtonProps } from "../..";
4
+ import Button from "../../buttons/Button.svelte";
4
5
  import { radioButton } from "./theme";
5
6
  import { getTheme } from "../../theme/themeUtils";
6
7
 
@@ -1,4 +1,4 @@
1
- import { type RadioButtonProps } from "../..";
1
+ import type { RadioButtonProps } from "../..";
2
2
  declare function $$render<T>(): {
3
3
  props: RadioButtonProps<T>;
4
4
  exports: {};
@@ -1,7 +1,8 @@
1
1
  <script lang="ts">
2
2
  import { search } from "./theme";
3
3
  import clsx from "clsx";
4
- import { CloseButton, type SearchProps } from "../..";
4
+ import type { SearchProps } from "../..";
5
+ import CloseButton from "../../utils/CloseButton.svelte";
5
6
  import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
6
7
  import { createDismissableContext } from "../../utils/dismissable";
7
8
 
@@ -1,4 +1,4 @@
1
- import { type SearchProps } from "../..";
1
+ import type { SearchProps } from "../..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
@@ -1,6 +1,8 @@
1
1
  <script lang="ts" generics="T">
2
2
  import clsx from "clsx";
3
- import { Badge, CloseButton, type MultiSelectProps, type SelectOptionType } from "../..";
3
+ import type { MultiSelectProps, SelectOptionType } from "../..";
4
+ import Badge from "../../badge/Badge.svelte";
5
+ import CloseButton from "../../utils/CloseButton.svelte";
4
6
  import { multiSelect } from "./theme";
5
7
  import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
6
8
  import { onMount } from "svelte";
@@ -1,4 +1,4 @@
1
- import { type MultiSelectProps } from "../..";
1
+ import type { MultiSelectProps } from "../..";
2
2
  declare function $$render<T>(): {
3
3
  props: MultiSelectProps<T>;
4
4
  exports: {};
@@ -1,7 +1,8 @@
1
1
  <script lang="ts" generics="T">
2
2
  import { select as selectCls } from "./theme";
3
3
  import clsx from "clsx";
4
- import { type SelectProps, CloseButton } from "../..";
4
+ import type { SelectProps } from "../..";
5
+ import CloseButton from "../../utils/CloseButton.svelte";
5
6
  import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
6
7
  import { createDismissableContext } from "../../utils/dismissable";
7
8
 
@@ -1,4 +1,4 @@
1
- import { type SelectProps } from "../..";
1
+ import type { SelectProps } from "../..";
2
2
  declare function $$render<T>(): {
3
3
  props: SelectProps<T>;
4
4
  exports: {};
@@ -1,6 +1,8 @@
1
1
  <script lang="ts">
2
2
  import clsx from "clsx";
3
- import { type TagsProps, CloseButton, P } from "../..";
3
+ import type { TagsProps } from "../..";
4
+ import P from "../../typography/paragraph/P.svelte";
5
+ import CloseButton from "../../utils/CloseButton.svelte";
4
6
  import { tags } from "./theme";
5
7
  import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
6
8
  import { computePosition, offset, flip, shift, autoUpdate } from "@floating-ui/dom";
@@ -1,4 +1,4 @@
1
- import { type TagsProps } from "../..";
1
+ import type { TagsProps } from "../..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
@@ -4,27 +4,27 @@ export type TagsVariants = VariantProps<typeof tags> & Classes<typeof tags>;
4
4
  export declare const tags: import("tailwind-variants").TVReturnType<{
5
5
  [key: string]: {
6
6
  [key: string]: import("tailwind-merge").ClassNameValue | {
7
+ base?: import("tailwind-merge").ClassNameValue;
7
8
  input?: import("tailwind-merge").ClassNameValue;
8
9
  span?: import("tailwind-merge").ClassNameValue;
9
- base?: import("tailwind-merge").ClassNameValue;
10
10
  close?: import("tailwind-merge").ClassNameValue;
11
- error?: import("tailwind-merge").ClassNameValue;
12
11
  tag?: import("tailwind-merge").ClassNameValue;
13
12
  info?: import("tailwind-merge").ClassNameValue;
14
13
  warning?: import("tailwind-merge").ClassNameValue;
14
+ error?: import("tailwind-merge").ClassNameValue;
15
15
  };
16
16
  };
17
17
  } | {
18
18
  [x: string]: {
19
19
  [x: string]: import("tailwind-merge").ClassNameValue | {
20
+ base?: import("tailwind-merge").ClassNameValue;
20
21
  input?: import("tailwind-merge").ClassNameValue;
21
22
  span?: import("tailwind-merge").ClassNameValue;
22
- base?: import("tailwind-merge").ClassNameValue;
23
23
  close?: import("tailwind-merge").ClassNameValue;
24
- error?: import("tailwind-merge").ClassNameValue;
25
24
  tag?: import("tailwind-merge").ClassNameValue;
26
25
  info?: import("tailwind-merge").ClassNameValue;
27
26
  warning?: import("tailwind-merge").ClassNameValue;
27
+ error?: import("tailwind-merge").ClassNameValue;
28
28
  };
29
29
  };
30
30
  } | {}, {
@@ -39,14 +39,14 @@ export declare const tags: import("tailwind-variants").TVReturnType<{
39
39
  }, undefined, {
40
40
  [key: string]: {
41
41
  [key: string]: import("tailwind-merge").ClassNameValue | {
42
+ base?: import("tailwind-merge").ClassNameValue;
42
43
  input?: import("tailwind-merge").ClassNameValue;
43
44
  span?: import("tailwind-merge").ClassNameValue;
44
- base?: import("tailwind-merge").ClassNameValue;
45
45
  close?: import("tailwind-merge").ClassNameValue;
46
- error?: import("tailwind-merge").ClassNameValue;
47
46
  tag?: import("tailwind-merge").ClassNameValue;
48
47
  info?: import("tailwind-merge").ClassNameValue;
49
48
  warning?: import("tailwind-merge").ClassNameValue;
49
+ error?: import("tailwind-merge").ClassNameValue;
50
50
  };
51
51
  };
52
52
  } | {}, {
@@ -1,7 +1,8 @@
1
1
  <script lang="ts">
2
2
  import { textarea } from "./theme";
3
3
  import clsx from "clsx";
4
- import { type TextareaProps, CloseButton } from "../..";
4
+ import type { TextareaProps } from "../..";
5
+ import CloseButton from "../../utils/CloseButton.svelte";
5
6
  import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
6
7
  import { createDismissableContext } from "../../utils/dismissable";
7
8
 
@@ -1,4 +1,4 @@
1
- import { type TextareaProps } from "../..";
1
+ import type { TextareaProps } from "../..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
@@ -1,6 +1,14 @@
1
1
  <script lang="ts">
2
2
  import clsx from "clsx";
3
- import { Dropdown, DropdownItem, Button, Input, ButtonGroup, Select, Label, Toggle, type TimepickerProps, type TimePickerOption } from "../..";
3
+ import type { TimepickerProps, TimePickerOption } from "../..";
4
+ import Input from "../input-field/Input.svelte";
5
+ import Select from "../select/Select.svelte";
6
+ import Button from "../../buttons/Button.svelte";
7
+ import ButtonGroup from "../../button-group/ButtonGroup.svelte";
8
+ import Dropdown from "../../dropdown/Dropdown.svelte";
9
+ import DropdownItem from "../../dropdown/DropdownItem.svelte";
10
+ import Label from "../label/Label.svelte";
11
+ import Toggle from "../toggle/Toggle.svelte";
4
12
  import { timepicker } from "./theme";
5
13
  import { parse, isValid, isBefore, isAfter } from "date-fns";
6
14
  import { getTheme } from "../../theme/themeUtils";
@@ -1,4 +1,4 @@
1
- import { type TimepickerProps } from "../..";
1
+ import type { TimepickerProps } from "../..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
@@ -1,7 +1,8 @@
1
1
  <script lang="ts">
2
- import { toggle } from "./index";
2
+ import { toggle } from "./theme";
3
3
  import clsx from "clsx";
4
- import { type ToggleProps, Label } from "../..";
4
+ import type { ToggleProps } from "../..";
5
+ import Label from "../label/Label.svelte";
5
6
  import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
6
7
 
7
8
  let { children, size = "default", value, checked = $bindable(), disabled, color = "primary", class: className, classes, inputClass, spanClass, offLabel, ...restProps }: ToggleProps = $props();
@@ -1,4 +1,4 @@
1
- import { type ToggleProps } from "../..";
1
+ import type { ToggleProps } from "../..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
@@ -4,15 +4,15 @@ export type GalleryVariants = VariantProps<typeof gallery> & Classes<typeof gall
4
4
  export declare const gallery: import("tailwind-variants").TVReturnType<{
5
5
  [key: string]: {
6
6
  [key: string]: import("tailwind-merge").ClassNameValue | {
7
- div?: import("tailwind-merge").ClassNameValue;
8
7
  image?: import("tailwind-merge").ClassNameValue;
8
+ div?: import("tailwind-merge").ClassNameValue;
9
9
  };
10
10
  };
11
11
  } | {
12
12
  [x: string]: {
13
13
  [x: string]: import("tailwind-merge").ClassNameValue | {
14
- div?: import("tailwind-merge").ClassNameValue;
15
14
  image?: import("tailwind-merge").ClassNameValue;
15
+ div?: import("tailwind-merge").ClassNameValue;
16
16
  };
17
17
  };
18
18
  } | {}, {
@@ -21,8 +21,8 @@ export declare const gallery: import("tailwind-variants").TVReturnType<{
21
21
  }, undefined, {
22
22
  [key: string]: {
23
23
  [key: string]: import("tailwind-merge").ClassNameValue | {
24
- div?: import("tailwind-merge").ClassNameValue;
25
24
  image?: import("tailwind-merge").ClassNameValue;
25
+ div?: import("tailwind-merge").ClassNameValue;
26
26
  };
27
27
  };
28
28
  } | {}, {
@@ -1,5 +1,5 @@
1
1
  <script lang="ts">
2
- import { indicator } from "./index";
2
+ import { indicator } from "./theme";
3
3
  import clsx from "clsx";
4
4
  import type { IndicatorProps } from "..";
5
5
  import { getTheme } from "../theme/themeUtils";
@@ -2,7 +2,8 @@
2
2
  import { setContext } from "svelte";
3
3
  import { listGroup } from "./theme";
4
4
  import clsx from "clsx";
5
- import { type ListgroupProps, ListgroupItem } from "..";
5
+ import type { ListgroupProps } from "..";
6
+ import ListgroupItem from "./ListgroupItem.svelte";
6
7
  import { getTheme } from "../theme/themeUtils";
7
8
 
8
9
  let { children, items, active, onclick, horizontal, rounded, border, class: className, itemClass, iconClass, ...restProps }: ListgroupProps = $props();
@@ -1,4 +1,4 @@
1
- import { type ListgroupProps } from "..";
1
+ import type { ListgroupProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type