flowbite-svelte 1.10.3 → 1.10.5

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 (123) hide show
  1. package/dist/modal/Modal.svelte +9 -4
  2. package/dist/sidebar/Sidebar.svelte +25 -15
  3. package/dist/sidebar/Sidebar.svelte.d.ts +1 -0
  4. package/dist/sidebar/SidebarBrand.svelte +1 -1
  5. package/dist/sidebar/SidebarBrand.svelte.d.ts +1 -1
  6. package/dist/sidebar/SidebarButton.svelte +1 -1
  7. package/dist/sidebar/SidebarButton.svelte.d.ts +1 -1
  8. package/dist/sidebar/SidebarCta.svelte +1 -1
  9. package/dist/sidebar/SidebarCta.svelte.d.ts +1 -1
  10. package/dist/sidebar/SidebarDropdownWrapper.svelte +1 -1
  11. package/dist/sidebar/SidebarDropdownWrapper.svelte.d.ts +1 -1
  12. package/dist/sidebar/SidebarGroup.svelte +1 -1
  13. package/dist/sidebar/SidebarGroup.svelte.d.ts +1 -1
  14. package/dist/sidebar/SidebarItem.svelte +1 -1
  15. package/dist/sidebar/SidebarItem.svelte.d.ts +1 -1
  16. package/dist/skeleton/CardPlaceholder.svelte +1 -1
  17. package/dist/skeleton/CardPlaceholder.svelte.d.ts +1 -1
  18. package/dist/skeleton/ImagePlaceholder.svelte +1 -1
  19. package/dist/skeleton/ImagePlaceholder.svelte.d.ts +1 -1
  20. package/dist/skeleton/ListPlaceholder.svelte +1 -1
  21. package/dist/skeleton/ListPlaceholder.svelte.d.ts +1 -1
  22. package/dist/skeleton/Skeleton.svelte +1 -1
  23. package/dist/skeleton/Skeleton.svelte.d.ts +1 -1
  24. package/dist/skeleton/TestimonialPlaceholder.svelte +1 -1
  25. package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts +1 -1
  26. package/dist/skeleton/TextPlaceholder.svelte +1 -1
  27. package/dist/skeleton/TextPlaceholder.svelte.d.ts +1 -1
  28. package/dist/skeleton/VideoPlaceholder.svelte +1 -1
  29. package/dist/skeleton/VideoPlaceholder.svelte.d.ts +1 -1
  30. package/dist/skeleton/WidgetPlaceholder.svelte +1 -1
  31. package/dist/skeleton/WidgetPlaceholder.svelte.d.ts +1 -1
  32. package/dist/speed-dial/SpeedDial.svelte +1 -1
  33. package/dist/speed-dial/SpeedDial.svelte.d.ts +1 -1
  34. package/dist/speed-dial/SpeedDialButton.svelte +1 -1
  35. package/dist/speed-dial/SpeedDialButton.svelte.d.ts +1 -1
  36. package/dist/speed-dial/SpeedDialTrigger.svelte +1 -1
  37. package/dist/speed-dial/SpeedDialTrigger.svelte.d.ts +1 -1
  38. package/dist/spinner/Spinner.svelte +1 -1
  39. package/dist/spinner/Spinner.svelte.d.ts +1 -1
  40. package/dist/stepindicator/StepIndicator.svelte +1 -1
  41. package/dist/stepindicator/StepIndicator.svelte.d.ts +1 -1
  42. package/dist/stepper/BreadcrumbStepper.svelte +1 -1
  43. package/dist/stepper/BreadcrumbStepper.svelte.d.ts +1 -1
  44. package/dist/stepper/DetailedStepper.svelte +1 -1
  45. package/dist/stepper/DetailedStepper.svelte.d.ts +1 -1
  46. package/dist/stepper/ProgressStepper.svelte +1 -1
  47. package/dist/stepper/ProgressStepper.svelte.d.ts +1 -1
  48. package/dist/stepper/Stepper.svelte +1 -1
  49. package/dist/stepper/Stepper.svelte.d.ts +1 -1
  50. package/dist/stepper/TimelineStepper.svelte +1 -1
  51. package/dist/stepper/TimelineStepper.svelte.d.ts +1 -1
  52. package/dist/stepper/VerticalStepper.svelte +1 -1
  53. package/dist/stepper/VerticalStepper.svelte.d.ts +1 -1
  54. package/dist/table/Table.svelte +1 -1
  55. package/dist/table/Table.svelte.d.ts +1 -1
  56. package/dist/table/TableBody.svelte +1 -1
  57. package/dist/table/TableBody.svelte.d.ts +1 -1
  58. package/dist/table/TableBodyCell.svelte +1 -1
  59. package/dist/table/TableBodyCell.svelte.d.ts +1 -1
  60. package/dist/table/TableBodyRow.svelte +1 -1
  61. package/dist/table/TableBodyRow.svelte.d.ts +1 -1
  62. package/dist/table/TableHead.svelte +1 -1
  63. package/dist/table/TableHead.svelte.d.ts +1 -1
  64. package/dist/table/TableHeadCell.svelte +1 -1
  65. package/dist/table/TableHeadCell.svelte.d.ts +1 -1
  66. package/dist/table/TableSearch.svelte +1 -1
  67. package/dist/table/TableSearch.svelte.d.ts +1 -1
  68. package/dist/tabs/TabItem.svelte +1 -1
  69. package/dist/tabs/TabItem.svelte.d.ts +1 -1
  70. package/dist/tabs/Tabs.svelte +1 -1
  71. package/dist/tabs/Tabs.svelte.d.ts +1 -1
  72. package/dist/timeline/Activity.svelte +1 -1
  73. package/dist/timeline/Activity.svelte.d.ts +1 -1
  74. package/dist/timeline/ActivityItem.svelte +1 -1
  75. package/dist/timeline/ActivityItem.svelte.d.ts +1 -1
  76. package/dist/timeline/Group.svelte +1 -1
  77. package/dist/timeline/Group.svelte.d.ts +1 -1
  78. package/dist/timeline/GroupItem.svelte +1 -1
  79. package/dist/timeline/GroupItem.svelte.d.ts +1 -1
  80. package/dist/timeline/Timeline.svelte +1 -1
  81. package/dist/timeline/Timeline.svelte.d.ts +1 -1
  82. package/dist/timeline/TimelineItem.svelte +1 -1
  83. package/dist/timeline/TimelineItem.svelte.d.ts +1 -1
  84. package/dist/toast/Toast.svelte +1 -1
  85. package/dist/toast/Toast.svelte.d.ts +1 -1
  86. package/dist/tooltip/Tooltip.svelte +1 -1
  87. package/dist/tooltip/Tooltip.svelte.d.ts +1 -1
  88. package/dist/types.d.ts +1 -0
  89. package/dist/typography/anchor/A.svelte +1 -1
  90. package/dist/typography/anchor/A.svelte.d.ts +1 -1
  91. package/dist/typography/blockquote/Blockquote.svelte +1 -1
  92. package/dist/typography/blockquote/Blockquote.svelte.d.ts +1 -1
  93. package/dist/typography/descriptionlist/DescriptionList.svelte +1 -1
  94. package/dist/typography/descriptionlist/DescriptionList.svelte.d.ts +1 -1
  95. package/dist/typography/heading/Heading.svelte +1 -1
  96. package/dist/typography/heading/Heading.svelte.d.ts +1 -1
  97. package/dist/typography/hr/Hr.svelte +1 -1
  98. package/dist/typography/hr/Hr.svelte.d.ts +1 -1
  99. package/dist/typography/img/EnhancedImg.svelte +1 -1
  100. package/dist/typography/img/EnhancedImg.svelte.d.ts +1 -1
  101. package/dist/typography/img/Img.svelte +1 -1
  102. package/dist/typography/img/Img.svelte.d.ts +1 -1
  103. package/dist/typography/layout/Layout.svelte +1 -1
  104. package/dist/typography/layout/Layout.svelte.d.ts +1 -1
  105. package/dist/typography/list/Li.svelte +1 -1
  106. package/dist/typography/list/Li.svelte.d.ts +1 -1
  107. package/dist/typography/list/List.svelte +1 -1
  108. package/dist/typography/list/List.svelte.d.ts +1 -1
  109. package/dist/typography/mark/Mark.svelte +1 -1
  110. package/dist/typography/mark/Mark.svelte.d.ts +1 -1
  111. package/dist/typography/paragraph/P.svelte +1 -1
  112. package/dist/typography/paragraph/P.svelte.d.ts +1 -1
  113. package/dist/typography/secondary/Secondary.svelte +1 -1
  114. package/dist/typography/secondary/Secondary.svelte.d.ts +1 -1
  115. package/dist/typography/span/Span.svelte +1 -1
  116. package/dist/typography/span/Span.svelte.d.ts +1 -1
  117. package/dist/utils/Arrow.svelte +1 -1
  118. package/dist/utils/Arrow.svelte.d.ts +1 -1
  119. package/dist/utils/Popper.svelte +1 -1
  120. package/dist/utils/Popper.svelte.d.ts +1 -1
  121. package/dist/video/Video.svelte +1 -1
  122. package/dist/video/Video.svelte.d.ts +1 -1
  123. package/package.json +1 -1
@@ -20,6 +20,10 @@
20
20
  const cancel = (dlg: HTMLDialogElement) => (typeof dlg.requestClose === "function" ? dlg.requestClose() : close());
21
21
 
22
22
  function _oncancel(ev: Event & { currentTarget: HTMLDialogElement }) {
23
+ if (ev.target !== ev.currentTarget) {
24
+ return; // ignore if not on dialog
25
+ }
26
+
23
27
  // this event gets called when user canceled the dialog:
24
28
  // pressesed ESC key, clicked outside, pressed submit button with no 'value' like close button
25
29
  oncancel?.(ev);
@@ -32,10 +36,11 @@
32
36
  function _onclick(ev: Event & { currentTarget: HTMLDialogElement }) {
33
37
  const dlg: HTMLDialogElement = ev.currentTarget;
34
38
  if (outsideclose && ev.target === dlg) {
35
- cancel(dlg);
39
+ return cancel(dlg);
36
40
  }
41
+
37
42
  if (autoclose && ev.target instanceof HTMLButtonElement && !permanent) {
38
- close(dlg);
43
+ return close(dlg);
39
44
  }
40
45
  }
41
46
 
@@ -83,7 +88,7 @@
83
88
  {#if title}
84
89
  <h3>{title}</h3>
85
90
  {#if dismissable && !permanent}
86
- <CloseButton type="submit" onclick={close_handler(form)} class={clsx(closeBtnClass)} />
91
+ <CloseButton type="submit" formnovalidate onclick={close_handler(form)} class={clsx(closeBtnClass)} />
87
92
  {/if}
88
93
  {:else if header}
89
94
  {@render header()}
@@ -99,7 +104,7 @@
99
104
  </div>
100
105
  {/if}
101
106
  {#if dismissable && !permanent && !title}
102
- <CloseButton type="submit" onclick={close_handler(form)} class={cn(closebutton({ class: clsx(closeBtnClass) }), (theme as ModalTheme)?.closebutton)} />
107
+ <CloseButton type="submit" formnovalidate onclick={close_handler(form)} class={cn(closebutton({ class: clsx(closeBtnClass) }), (theme as ModalTheme)?.closebutton)} />
103
108
  {/if}
104
109
  {/snippet}
105
110
 
@@ -9,7 +9,7 @@
9
9
  import { getTheme } from "../theme/themeUtils";
10
10
  import clsx from "clsx";
11
11
 
12
- let { children, isOpen = false, closeSidebar, isSingle = true, breakpoint = "md", alwaysOpen = false, position = "fixed", activateClickOutside = true, backdrop = true, backdropClass, transition = fly, params, divClass, ariaLabel, nonActiveClass, activeClass, activeUrl = "", class: className, ...restProps }: SidebarProps = $props();
12
+ let { children, isOpen = false, closeSidebar, isSingle = true, breakpoint = "md", alwaysOpen = false, position = "fixed", activateClickOutside = true, backdrop = true, backdropClass, transition = fly, params, divClass, ariaLabel, nonActiveClass, activeClass, activeUrl = "", class: className, disableBreakpoints = false, ...restProps }: SidebarProps = $props();
13
13
 
14
14
  const theme = getTheme("sidebar");
15
15
 
@@ -22,8 +22,8 @@
22
22
  };
23
23
 
24
24
  let innerWidth: number = $state(-1);
25
- // Modified to consider alwaysOpen prop
26
- let isLargeScreen = $derived(alwaysOpen || innerWidth >= breakpointValues[breakpoint]);
25
+ // isLargeScreen should only be true if not disabling breakpoints and it meets the criteria
26
+ let isLargeScreen = $derived(disableBreakpoints ? false : alwaysOpen || innerWidth >= breakpointValues[breakpoint]);
27
27
 
28
28
  const activeUrlStore = writable("");
29
29
  setContext("activeUrl", activeUrlStore);
@@ -31,7 +31,8 @@
31
31
  activeUrlStore.set(activeUrl);
32
32
  });
33
33
 
34
- const { base, active, nonactive, div, backdrop: backdropCls } = $derived(sidebar({ isOpen, breakpoint, position, backdrop, alwaysOpen }));
34
+ if (disableBreakpoints) isOpen = true;
35
+ const { base, active, nonactive, div, backdrop: backdropCls } = $derived(sidebar({ isOpen, breakpoint, position, backdrop, alwaysOpen: alwaysOpen && !disableBreakpoints }));
35
36
 
36
37
  let sidebarCtx: SidebarCtxType = {
37
38
  get closeSidebar() {
@@ -58,19 +59,27 @@
58
59
 
59
60
  <svelte:window bind:innerWidth />
60
61
 
61
- {#if isOpen || isLargeScreen}
62
- {#if isOpen && !alwaysOpen}
63
- {#if backdrop && activateClickOutside}
64
- <div role="presentation" class={cn(backdropCls(), clsx(backdropClass), (theme as SidebarTheme)?.backdrop)} onclick={closeSidebar}></div>
65
- {:else if backdrop && !activateClickOutside}
66
- <div role="presentation" class={cn(backdropCls(), clsx(backdropClass), (theme as SidebarTheme)?.backdrop)}></div>
67
- {:else if !backdrop && activateClickOutside}
68
- <div role="presentation" class="fixed start-0 top-0 z-50 h-full w-full" onclick={closeSidebar}></div>
69
- {:else if !backdrop && !activateClickOutside}
70
- <div role="presentation" class="fixed start-0 top-0 z-50 h-full w-full"></div>
62
+ {#if !disableBreakpoints}
63
+ {#if isOpen || isLargeScreen}
64
+ {#if isOpen && !alwaysOpen}
65
+ {#if backdrop && activateClickOutside}
66
+ <div role="presentation" class={cn(backdropCls(), clsx(backdropClass), (theme as SidebarTheme)?.backdrop)} onclick={closeSidebar}></div>
67
+ {:else if backdrop && !activateClickOutside}
68
+ <div role="presentation" class={cn(backdropCls(), clsx(backdropClass), (theme as SidebarTheme)?.backdrop)}></div>
69
+ {:else if !backdrop && activateClickOutside}
70
+ <div role="presentation" class="fixed start-0 top-0 z-50 h-full w-full" onclick={closeSidebar}></div>
71
+ {:else if !backdrop && !activateClickOutside}
72
+ <div role="presentation" class="fixed start-0 top-0 z-50 h-full w-full"></div>
73
+ {/if}
71
74
  {/if}
75
+ <aside use:trapFocus={!isLargeScreen && isOpen && !alwaysOpen ? { onEscape: closeSidebar ? handleEscape : undefined } : null} transition:transition={!alwaysOpen ? transitionParams : undefined} {...restProps} class={cn(base(), clsx(clsx(className)), (theme as SidebarTheme)?.base)} aria-label={ariaLabel}>
76
+ <div class={cn(div(), clsx(divClass), (theme as SidebarTheme)?.base)}>
77
+ {@render children()}
78
+ </div>
79
+ </aside>
72
80
  {/if}
73
- <aside use:trapFocus={!isLargeScreen && isOpen && !alwaysOpen ? { onEscape: closeSidebar ? handleEscape : undefined } : null} transition:transition={!alwaysOpen ? transitionParams : undefined} {...restProps} class={cn(base(), clsx(clsx(className)), (theme as SidebarTheme)?.base)} aria-label={ariaLabel}>
81
+ {:else}
82
+ <aside use:trapFocus={isOpen ? { onEscape: closeSidebar ? handleEscape : undefined } : null} {...restProps} class={cn(base(), clsx(clsx(className)), (theme as SidebarTheme)?.base)} aria-label={ariaLabel}>
74
83
  <div class={cn(div(), clsx(divClass), (theme as SidebarTheme)?.base)}>
75
84
  {@render children()}
76
85
  </div>
@@ -101,5 +110,6 @@
101
110
  @prop activeClass
102
111
  @prop activeUrl = ""
103
112
  @prop class: className
113
+ @prop disableBreakpoints = false
104
114
  @prop ...restProps
105
115
  -->
@@ -22,6 +22,7 @@ import { type SidebarProps } from "..";
22
22
  * @prop activeClass
23
23
  * @prop activeUrl = ""
24
24
  * @prop class: className
25
+ * @prop disableBreakpoints = false
25
26
  * @prop ...restProps
26
27
  */
27
28
  declare const Sidebar: import("svelte").Component<SidebarProps, {}, "">;
@@ -25,7 +25,7 @@
25
25
  @component
26
26
  [Go to docs](https://flowbite-svelte.com/)
27
27
  ## Type
28
- [SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1383)
28
+ [SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1384)
29
29
  ## Props
30
30
  @prop children
31
31
  @prop site
@@ -2,7 +2,7 @@ import type { SidebarBrandProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1383)
5
+ * [SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1384)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop site
@@ -23,7 +23,7 @@
23
23
  @component
24
24
  [Go to docs](https://flowbite-svelte.com/)
25
25
  ## Type
26
- [SidebarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1366)
26
+ [SidebarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1367)
27
27
  ## Props
28
28
  @prop breakpoint = "md"
29
29
  @prop class: className
@@ -2,7 +2,7 @@ import type { SidebarButtonProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [SidebarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1366)
5
+ * [SidebarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1367)
6
6
  * ## Props
7
7
  * @prop breakpoint = "md"
8
8
  * @prop class: className
@@ -26,7 +26,7 @@
26
26
  @component
27
27
  [Go to docs](https://flowbite-svelte.com/)
28
28
  ## Type
29
- [SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1370)
29
+ [SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1371)
30
30
  ## Props
31
31
  @prop children
32
32
  @prop icon
@@ -2,7 +2,7 @@ import type { SidebarCtaProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1370)
5
+ * [SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1371)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop icon
@@ -85,7 +85,7 @@
85
85
  @component
86
86
  [Go to docs](https://flowbite-svelte.com/)
87
87
  ## Type
88
- [SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1389)
88
+ [SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1390)
89
89
  ## Props
90
90
  @prop children
91
91
  @prop arrowup
@@ -2,7 +2,7 @@ import type { SidebarDropdownWrapperProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1389)
5
+ * [SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1390)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop arrowup
@@ -13,7 +13,7 @@
13
13
  @component
14
14
  [Go to docs](https://flowbite-svelte.com/)
15
15
  ## Type
16
- [SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1406)
16
+ [SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1407)
17
17
  ## Props
18
18
  @prop children
19
19
  @prop class: className = "space-y-2"
@@ -2,7 +2,7 @@ import type { SidebarGroupProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1406)
5
+ * [SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1407)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className = "space-y-2"
@@ -38,7 +38,7 @@
38
38
  @component
39
39
  [Go to docs](https://flowbite-svelte.com/)
40
40
  ## Type
41
- [SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1412)
41
+ [SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1413)
42
42
  ## Props
43
43
  @prop icon
44
44
  @prop subtext
@@ -2,7 +2,7 @@ import { type SidebarItemProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1412)
5
+ * [SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1413)
6
6
  * ## Props
7
7
  * @prop icon
8
8
  * @prop subtext
@@ -36,7 +36,7 @@
36
36
  @component
37
37
  [Go to docs](https://flowbite-svelte.com/)
38
38
  ## Type
39
- [CardPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1424)
39
+ [CardPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1425)
40
40
  ## Props
41
41
  @prop size = "sm"
42
42
  @prop class: className
@@ -2,7 +2,7 @@ import type { CardPlaceholderProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [CardPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1424)
5
+ * [CardPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1425)
6
6
  * ## Props
7
7
  * @prop size = "sm"
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
- [ImagePlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1428)
44
+ [ImagePlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1429)
45
45
  ## Props
46
46
  @prop size = "md"
47
47
  @prop rounded
@@ -2,7 +2,7 @@ import type { ImagePlaceholderProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ImagePlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1428)
5
+ * [ImagePlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1429)
6
6
  * ## Props
7
7
  * @prop size = "md"
8
8
  * @prop rounded
@@ -32,7 +32,7 @@
32
32
  @component
33
33
  [Go to docs](https://flowbite-svelte.com/)
34
34
  ## Type
35
- [ListPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1434)
35
+ [ListPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1435)
36
36
  ## Props
37
37
  @prop itemNumber = 5
38
38
  @prop size = "md"
@@ -2,7 +2,7 @@ import type { ListPlaceholderProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ListPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1434)
5
+ * [ListPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1435)
6
6
  * ## Props
7
7
  * @prop itemNumber = 5
8
8
  * @prop size = "md"
@@ -27,7 +27,7 @@
27
27
  @component
28
28
  [Go to docs](https://flowbite-svelte.com/)
29
29
  ## Type
30
- [SkeletonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1440)
30
+ [SkeletonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1441)
31
31
  ## Props
32
32
  @prop size = "sm"
33
33
  @prop class: className
@@ -2,7 +2,7 @@ import type { SkeletonProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [SkeletonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1440)
5
+ * [SkeletonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1441)
6
6
  * ## Props
7
7
  * @prop size = "sm"
8
8
  * @prop class: className
@@ -29,7 +29,7 @@
29
29
  @component
30
30
  [Go to docs](https://flowbite-svelte.com/)
31
31
  ## Type
32
- [TestimonialPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1444)
32
+ [TestimonialPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1445)
33
33
  ## Props
34
34
  @prop class: className
35
35
  @prop ...restProps
@@ -2,7 +2,7 @@ import { type TestimonialPlaceholderProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TestimonialPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1444)
5
+ * [TestimonialPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1445)
6
6
  * ## Props
7
7
  * @prop class: className
8
8
  * @prop ...restProps
@@ -54,7 +54,7 @@
54
54
  @component
55
55
  [Go to docs](https://flowbite-svelte.com/)
56
56
  ## Type
57
- [TextPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1446)
57
+ [TextPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1447)
58
58
  ## Props
59
59
  @prop size = "sm"
60
60
  @prop class: className
@@ -2,7 +2,7 @@ import type { TextPlaceholderProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TextPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1446)
5
+ * [TextPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1447)
6
6
  * ## Props
7
7
  * @prop size = "sm"
8
8
  * @prop class: className
@@ -23,7 +23,7 @@
23
23
  @component
24
24
  [Go to docs](https://flowbite-svelte.com/)
25
25
  ## Type
26
- [VideoPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1450)
26
+ [VideoPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1451)
27
27
  ## Props
28
28
  @prop size = "sm"
29
29
  @prop class: className
@@ -2,7 +2,7 @@ import type { VideoPlaceholderProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [VideoPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1450)
5
+ * [VideoPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1451)
6
6
  * ## Props
7
7
  * @prop size = "sm"
8
8
  * @prop class: className
@@ -31,7 +31,7 @@
31
31
  @component
32
32
  [Go to docs](https://flowbite-svelte.com/)
33
33
  ## Type
34
- [WidgetPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1454)
34
+ [WidgetPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1455)
35
35
  ## Props
36
36
  @prop class: className
37
37
  -->
@@ -2,7 +2,7 @@ import { type WidgetPlaceholderProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [WidgetPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1454)
5
+ * [WidgetPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1455)
6
6
  * ## Props
7
7
  * @prop class: className
8
8
  */
@@ -28,7 +28,7 @@
28
28
  @component
29
29
  [Go to docs](https://flowbite-svelte.com/)
30
30
  ## Type
31
- [SpeedDialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1486)
31
+ [SpeedDialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1487)
32
32
  ## Props
33
33
  @prop children
34
34
  @prop popperClass
@@ -2,7 +2,7 @@ import type { SpeedDialProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [SpeedDialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1486)
5
+ * [SpeedDialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1487)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop popperClass
@@ -29,7 +29,7 @@
29
29
  @component
30
30
  [Go to docs](https://flowbite-svelte.com/)
31
31
  ## Type
32
- [SpeedDialButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1500)
32
+ [SpeedDialButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1501)
33
33
  ## Props
34
34
  @prop children
35
35
  @prop name = ""
@@ -2,7 +2,7 @@ import type { SpeedDialButtonProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [SpeedDialButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1500)
5
+ * [SpeedDialButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1501)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop name = ""
@@ -44,7 +44,7 @@
44
44
  @component
45
45
  [Go to docs](https://flowbite-svelte.com/)
46
46
  ## Type
47
- [SpeedDialTriggerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1484)
47
+ [SpeedDialTriggerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1485)
48
48
  ## Props
49
49
  @prop children
50
50
  @prop name = "Open actions menu"
@@ -2,7 +2,7 @@ import type { SpeedDialTriggerProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [SpeedDialTriggerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1484)
5
+ * [SpeedDialTriggerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1485)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop name = "Open actions menu"
@@ -21,7 +21,7 @@
21
21
  @component
22
22
  [Go to docs](https://flowbite-svelte.com/)
23
23
  ## Type
24
- [SpinnerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1509)
24
+ [SpinnerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1510)
25
25
  ## Props
26
26
  @prop color = "primary"
27
27
  @prop size = "8"
@@ -2,7 +2,7 @@ import type { SpinnerProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [SpinnerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1509)
5
+ * [SpinnerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1510)
6
6
  * ## Props
7
7
  * @prop color = "primary"
8
8
  * @prop size = "8"
@@ -53,7 +53,7 @@
53
53
  @component
54
54
  [Go to docs](https://flowbite-svelte.com/)
55
55
  ## Type
56
- [StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1517)
56
+ [StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1518)
57
57
  ## Props
58
58
  @prop steps = ["Step 1", "Step 2", "Step 3", "Step 4", "Step 5"]
59
59
  @prop currentStep = 1
@@ -2,7 +2,7 @@ import { type StepIndicatorProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1517)
5
+ * [StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1518)
6
6
  * ## Props
7
7
  * @prop steps = ["Step 1", "Step 2", "Step 3", "Step 4", "Step 5"]
8
8
  * @prop currentStep = 1
@@ -55,7 +55,7 @@
55
55
  @component
56
56
  [Go to docs](https://flowbite-svelte.com/)
57
57
  ## Type
58
- [BreadcrumbStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1597)
58
+ [BreadcrumbStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1598)
59
59
  ## Props
60
60
  @prop children
61
61
  @prop steps = []
@@ -2,7 +2,7 @@ import { type BreadcrumbStepperProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [BreadcrumbStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1597)
5
+ * [BreadcrumbStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1598)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop steps = []
@@ -40,7 +40,7 @@
40
40
  @component
41
41
  [Go to docs](https://flowbite-svelte.com/)
42
42
  ## Type
43
- [DetailedStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1566)
43
+ [DetailedStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1567)
44
44
  ## Props
45
45
  @prop children
46
46
  @prop steps = []
@@ -2,7 +2,7 @@ import { type DetailedStepperProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [DetailedStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1566)
5
+ * [DetailedStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1567)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop steps = []
@@ -54,7 +54,7 @@
54
54
  @component
55
55
  [Go to docs](https://flowbite-svelte.com/)
56
56
  ## Type
57
- [ProgressStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1551)
57
+ [ProgressStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1552)
58
58
  ## Props
59
59
  @prop children
60
60
  @prop steps = []
@@ -2,7 +2,7 @@ import { type ProgressStepperProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ProgressStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1551)
5
+ * [ProgressStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1552)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop steps = []
@@ -62,7 +62,7 @@
62
62
  @component
63
63
  [Go to docs](https://flowbite-svelte.com/)
64
64
  ## Type
65
- [StepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1539)
65
+ [StepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1540)
66
66
  ## Props
67
67
  @prop children
68
68
  @prop steps = []
@@ -2,7 +2,7 @@ import { type StepperProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [StepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1539)
5
+ * [StepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1540)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop steps = []
@@ -50,7 +50,7 @@
50
50
  @component
51
51
  [Go to docs](https://flowbite-svelte.com/)
52
52
  ## Type
53
- [TimelineStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1611)
53
+ [TimelineStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1612)
54
54
  ## Props
55
55
  @prop children
56
56
  @prop steps = []
@@ -2,7 +2,7 @@ import { type TimelineStepperProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TimelineStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1611)
5
+ * [TimelineStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1612)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop steps = []