flowbite-svelte 1.10.3 → 1.10.4

package/dist/modal/Modal.svelte

@@ -20,6 +20,10 @@
   const cancel = (dlg: HTMLDialogElement) => (typeof dlg.requestClose === "function" ? dlg.requestClose() : close());
 
   function _oncancel(ev: Event & { currentTarget: HTMLDialogElement }) {
+    if (ev.target !== ev.currentTarget) {
+      return; // ignore if not on dialog
+    }
+
     // this event gets called when user canceled the dialog:
     // pressesed ESC key, clicked outside, pressed submit button with no 'value' like close button
     oncancel?.(ev);
@@ -32,10 +36,11 @@
   function _onclick(ev: Event & { currentTarget: HTMLDialogElement }) {
     const dlg: HTMLDialogElement = ev.currentTarget;
     if (outsideclose && ev.target === dlg) {
-      cancel(dlg);
+      return cancel(dlg);
     }
+
     if (autoclose && ev.target instanceof HTMLButtonElement && !permanent) {
-      close(dlg);
+      return close(dlg);
     }
   }
 
@@ -83,7 +88,7 @@
       {#if title}
         <h3>{title}</h3>
         {#if dismissable && !permanent}
-          <CloseButton type="submit" onclick={close_handler(form)} class={clsx(closeBtnClass)} />
+          <CloseButton type="submit" formnovalidate onclick={close_handler(form)} class={clsx(closeBtnClass)} />
         {/if}
       {:else if header}
         {@render header()}
@@ -99,7 +104,7 @@
     </div>
   {/if}
   {#if dismissable && !permanent && !title}
-    <CloseButton type="submit" onclick={close_handler(form)} class={cn(closebutton({ class: clsx(closeBtnClass) }), (theme as ModalTheme)?.closebutton)} />
+    <CloseButton type="submit" formnovalidate onclick={close_handler(form)} class={cn(closebutton({ class: clsx(closeBtnClass) }), (theme as ModalTheme)?.closebutton)} />
   {/if}
 {/snippet}
 

package/dist/sidebar/Sidebar.svelte

@@ -9,7 +9,28 @@
   import { getTheme } from "../theme/themeUtils";
   import clsx from "clsx";
 
-  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();
+  let {
+    children,
+    isOpen = false, // Controls the *overlay* state on small screens
+    closeSidebar,
+    isSingle = true,
+    breakpoint = "md", // e.g., 'md'
+    alwaysOpen = false, // When true, sidebar is always visible, no hamburger menu
+    position = "fixed",
+    activateClickOutside = true,
+    backdrop = true,
+    backdropClass,
+    transition = fly,
+    params,
+    divClass,
+    ariaLabel,
+    nonActiveClass,
+    activeClass,
+    activeUrl = "",
+    class: className,
+    disableBreakpoints = false, // Key prop for Drawer integration
+    ...restProps
+  }: SidebarProps = $props();
 
   const theme = getTheme("sidebar");
 
@@ -22,8 +43,15 @@
   };
 
   let innerWidth: number = $state(-1);
-  // Modified to consider alwaysOpen prop
-  let isLargeScreen = $derived(alwaysOpen || innerWidth >= breakpointValues[breakpoint]);
+  // This derived state is now primarily for trapFocus and transition,
+  // NOT for rendering the main sidebar element in standalone mode.
+  // It determines if the screen size *would* make it "large" if alwaysOpen were applied.
+  let isLargeScreen = $derived(innerWidth >= breakpointValues[breakpoint]);
+
+  // Determine if the sidebar should be "open" based on explicit isOpen or large screen AND alwaysOpen
+  // This state is what should drive the 'hidden' / 'block' classes for the sidebar itself,
+  // which will be passed to tailwind-variants.
+  let shouldBeOpen = $derived(isOpen || (alwaysOpen && isLargeScreen));
 
   const activeUrlStore = writable("");
   setContext("activeUrl", activeUrlStore);
@@ -31,7 +59,23 @@
     activeUrlStore.set(activeUrl);
   });
 
-  const { base, active, nonactive, div, backdrop: backdropCls } = $derived(sidebar({ isOpen, breakpoint, position, backdrop, alwaysOpen }));
+  // Pass shouldBeOpen to sidebar utility for `isOpen` variant and other relevant styling.
+  // Pass alwaysOpen directly to sidebar utility for the `alwaysOpen` variant.
+  const {
+    base,
+    active,
+    nonactive,
+    div,
+    backdrop: backdropCls
+  } = $derived(
+    sidebar({
+      isOpen: shouldBeOpen, // Now dynamically drives the tv `isOpen` variant
+      breakpoint: alwaysOpen ? undefined : breakpoint, // Apply breakpoint variant ONLY if not alwaysOpen
+      position,
+      backdrop: backdrop && !disableBreakpoints, // Backdrop for standalone sidebar
+      alwaysOpen // Pass alwaysOpen directly
+    })
+  );
 
   let sidebarCtx: SidebarCtxType = {
     get closeSidebar() {
@@ -46,11 +90,11 @@
     isSingle
   };
 
+  // Transition parameters for the fly effect when opening/closing
   let transitionParams = params ? params : { x: -320, duration: 200, easing: sineIn };
 
   setContext("sidebarContext", sidebarCtx);
 
-  // Handler for Escape key
   const handleEscape = () => {
     closeSidebar?.();
   };
@@ -58,19 +102,18 @@
 
 <svelte:window bind:innerWidth />
 
-{#if isOpen || isLargeScreen}
-  {#if isOpen && !alwaysOpen}
-    {#if backdrop && activateClickOutside}
-      <div role="presentation" class={cn(backdropCls(), clsx(backdropClass), (theme as SidebarTheme)?.backdrop)} onclick={closeSidebar}></div>
-    {:else if backdrop && !activateClickOutside}
-      <div role="presentation" class={cn(backdropCls(), clsx(backdropClass), (theme as SidebarTheme)?.backdrop)}></div>
-    {:else if !backdrop && activateClickOutside}
-      <div role="presentation" class="fixed start-0 top-0 z-50 h-full w-full" onclick={closeSidebar}></div>
-    {:else if !backdrop && !activateClickOutside}
-      <div role="presentation" class="fixed start-0 top-0 z-50 h-full w-full"></div>
-    {/if}
+{#if !disableBreakpoints}
+  <aside use:trapFocus={isOpen ? { onEscape: closeSidebar ? handleEscape : undefined } : null} transition:transition={isOpen && !alwaysOpen ? transitionParams : undefined} {...restProps} class={cn(base(), clsx(clsx(className)), (theme as SidebarTheme)?.base)} aria-label={ariaLabel}>
+    <div class={cn(div(), clsx(divClass), (theme as SidebarTheme)?.base)}>
+      {@render children()}
+    </div>
+  </aside>
+
+  {#if isOpen && !alwaysOpen && backdrop}
+    <div role="presentation" class={cn(backdropCls(), clsx(backdropClass), (theme as SidebarTheme)?.backdrop)} onclick={activateClickOutside ? closeSidebar : undefined}></div>
   {/if}
-  <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}>
+{:else}
+  <aside use:trapFocus={isOpen ? { onEscape: closeSidebar ? handleEscape : undefined } : null} transition:transition={isOpen && !alwaysOpen ? transitionParams : undefined} {...restProps} class={cn(base(), clsx(clsx(className)), (theme as SidebarTheme)?.base)} aria-label={ariaLabel}>
     <div class={cn(div(), clsx(divClass), (theme as SidebarTheme)?.base)}>
       {@render children()}
     </div>
@@ -101,5 +144,6 @@
 @prop activeClass
 @prop activeUrl = ""
 @prop class: className
+@prop disableBreakpoints = false
 @prop ...restProps
 -->

package/dist/sidebar/Sidebar.svelte.d.ts

@@ -22,6 +22,7 @@ import { type SidebarProps } from "..";
  * @prop activeClass
  * @prop activeUrl = ""
  * @prop class: className
+ * @prop disableBreakpoints = false
  * @prop ...restProps
  */
 declare const Sidebar: import("svelte").Component<SidebarProps, {}, "">;

package/dist/sidebar/SidebarBrand.svelte

@@ -25,7 +25,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1383)
+[SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1384)
 ## Props
 @prop children
 @prop site

package/dist/sidebar/SidebarBrand.svelte.d.ts

@@ -2,7 +2,7 @@ import type { SidebarBrandProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1383)
+ * [SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1384)
  * ## Props
  * @prop children
  * @prop site

package/dist/sidebar/SidebarButton.svelte

@@ -23,7 +23,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1366)
+[SidebarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1367)
 ## Props
 @prop breakpoint = "md"
 @prop class: className

package/dist/sidebar/SidebarButton.svelte.d.ts

@@ -2,7 +2,7 @@ import type { SidebarButtonProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SidebarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1366)
+ * [SidebarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1367)
  * ## Props
  * @prop breakpoint = "md"
  * @prop class: className

package/dist/sidebar/SidebarCta.svelte

@@ -26,7 +26,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1370)
+[SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1371)
 ## Props
 @prop children
 @prop icon

package/dist/sidebar/SidebarCta.svelte.d.ts

@@ -2,7 +2,7 @@ import type { SidebarCtaProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1370)
+ * [SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1371)
  * ## Props
  * @prop children
  * @prop icon

package/dist/sidebar/SidebarDropdownWrapper.svelte

@@ -85,7 +85,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1389)
+[SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1390)
 ## Props
 @prop children
 @prop arrowup

package/dist/sidebar/SidebarDropdownWrapper.svelte.d.ts

@@ -2,7 +2,7 @@ import type { SidebarDropdownWrapperProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1389)
+ * [SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1390)
  * ## Props
  * @prop children
  * @prop arrowup

package/dist/sidebar/SidebarGroup.svelte

@@ -13,7 +13,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1406)
+[SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1407)
 ## Props
 @prop children
 @prop class: className = "space-y-2"

package/dist/sidebar/SidebarGroup.svelte.d.ts

@@ -2,7 +2,7 @@ import type { SidebarGroupProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1406)
+ * [SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1407)
  * ## Props
  * @prop children
  * @prop class: className = "space-y-2"

package/dist/sidebar/SidebarItem.svelte

@@ -38,7 +38,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1412)
+[SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1413)
 ## Props
 @prop icon
 @prop subtext

package/dist/sidebar/SidebarItem.svelte.d.ts

@@ -2,7 +2,7 @@ import { type SidebarItemProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1412)
+ * [SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1413)
  * ## Props
  * @prop icon
  * @prop subtext

package/dist/sidebar/theme.d.ts

@@ -13,8 +13,12 @@ export declare const sidebar: import("tailwind-variants").TVReturnType<{
         };
     };
     isOpen: {
-        true: string;
-        false: string;
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
     };
     breakpoint: {
         sm: {
@@ -62,8 +66,12 @@ export declare const sidebar: import("tailwind-variants").TVReturnType<{
         };
     };
     isOpen: {
-        true: string;
-        false: string;
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
     };
     breakpoint: {
         sm: {
@@ -111,8 +119,12 @@ export declare const sidebar: import("tailwind-variants").TVReturnType<{
         };
     };
     isOpen: {
-        true: string;
-        false: string;
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
     };
     breakpoint: {
         sm: {

package/dist/sidebar/theme.js

@@ -1,3 +1,4 @@
+// theme.ts
 import { tv } from "tailwind-variants";
 export const sidebar = tv({
     slots: {
@@ -13,9 +14,10 @@ export const sidebar = tv({
             absolute: { base: "absolute" },
             static: { base: "static" }
         },
+        // Reintroducing isOpen, but this will only apply when isLargeScreen AND alwaysOpen is false
         isOpen: {
-            true: "block",
-            false: "hidden"
+            true: { base: "block" }, // When explicitly open (hamburger menu clicked)
+            false: { base: "hidden" } // When explicitly closed
         },
         breakpoint: {
             sm: { base: "sm:block" },
@@ -25,21 +27,58 @@ export const sidebar = tv({
             "2xl": { base: "2xl:block" }
         },
         alwaysOpen: {
-            true: { base: "block" } // Always display the sidebar when alwaysOpen is true
+            true: { base: "block" } // This variant will ensure it's always block regardless of breakpoints
         },
         backdrop: {
             true: { backdrop: "bg-gray-900 opacity-75" }
         }
     },
     compoundVariants: [
-        // When alwaysOpen is true, override the breakpoint display classes
+        // Rule for responsive display when NOT alwaysOpen
+        {
+            alwaysOpen: false, // Only apply these if the sidebar is NOT always open
+            breakpoint: "sm",
+            class: { base: "sm:block" }
+        },
+        {
+            alwaysOpen: false,
+            breakpoint: "md",
+            class: { base: "md:block" }
+        },
+        {
+            alwaysOpen: false,
+            breakpoint: "lg",
+            class: { base: "lg:block" }
+        },
+        {
+            alwaysOpen: false,
+            breakpoint: "xl",
+            class: { base: "xl:block" }
+        },
+        {
+            alwaysOpen: false,
+            breakpoint: "2xl",
+            class: { base: "2xl:block" }
+        },
+        // Override: When alwaysOpen is true, it should always be visible, ignoring `isOpen` and `breakpoint`
         {
             alwaysOpen: true,
             class: {
-                base: "!block"
+                base: "!block" // Force block display
+            }
+        },
+        // Another compound variant to hide it below the breakpoint if not alwaysOpen and not explicitly open
+        {
+            alwaysOpen: false,
+            isOpen: false, // If it's not always open AND not explicitly open (via hamburger)
+            class: {
+                base: "hidden" // Hide it by default. Breakpoint rules will override this for larger screens.
             }
         }
-    ]
+    ],
+    defaultVariants: {
+        isOpen: false // Default to closed on small screens if not specified
+    }
 });
 export const sidebarButton = tv({
     base: "inline-flex items-center p-0 mt-0 ms-3 text-sm text-gray-500 rounded-lg hover:bg-gray-100 focus:outline-hidden focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600",

package/dist/skeleton/CardPlaceholder.svelte

@@ -36,7 +36,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[CardPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1424)
+[CardPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1425)
 ## Props
 @prop size = "sm"
 @prop class: className

package/dist/skeleton/CardPlaceholder.svelte.d.ts

@@ -2,7 +2,7 @@ import type { CardPlaceholderProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [CardPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1424)
+ * [CardPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1425)
  * ## Props
  * @prop size = "sm"
  * @prop class: className

package/dist/skeleton/ImagePlaceholder.svelte

@@ -41,7 +41,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ImagePlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1428)
+[ImagePlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1429)
 ## Props
 @prop size = "md"
 @prop rounded

package/dist/skeleton/ImagePlaceholder.svelte.d.ts

@@ -2,7 +2,7 @@ import type { ImagePlaceholderProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [ImagePlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1428)
+ * [ImagePlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1429)
  * ## Props
  * @prop size = "md"
  * @prop rounded

package/dist/skeleton/ListPlaceholder.svelte

@@ -32,7 +32,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ListPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1434)
+[ListPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1435)
 ## Props
 @prop itemNumber = 5
 @prop size = "md"

package/dist/skeleton/ListPlaceholder.svelte.d.ts

@@ -2,7 +2,7 @@ import type { ListPlaceholderProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [ListPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1434)
+ * [ListPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1435)
  * ## Props
  * @prop itemNumber = 5
  * @prop size = "md"

package/dist/skeleton/Skeleton.svelte

@@ -27,7 +27,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SkeletonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1440)
+[SkeletonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1441)
 ## Props
 @prop size = "sm"
 @prop class: className

package/dist/skeleton/Skeleton.svelte.d.ts

@@ -2,7 +2,7 @@ import type { SkeletonProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SkeletonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1440)
+ * [SkeletonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1441)
  * ## Props
  * @prop size = "sm"
  * @prop class: className

package/dist/skeleton/TestimonialPlaceholder.svelte

@@ -29,7 +29,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TestimonialPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1444)
+[TestimonialPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1445)
 ## Props
 @prop class: className
 @prop ...restProps

package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts

@@ -2,7 +2,7 @@ import { type TestimonialPlaceholderProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [TestimonialPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1444)
+ * [TestimonialPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1445)
  * ## Props
  * @prop class: className
  * @prop ...restProps

package/dist/skeleton/TextPlaceholder.svelte

@@ -54,7 +54,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TextPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1446)
+[TextPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1447)
 ## Props
 @prop size = "sm"
 @prop class: className

package/dist/skeleton/TextPlaceholder.svelte.d.ts

@@ -2,7 +2,7 @@ import type { TextPlaceholderProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [TextPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1446)
+ * [TextPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1447)
  * ## Props
  * @prop size = "sm"
  * @prop class: className

package/dist/skeleton/VideoPlaceholder.svelte

@@ -23,7 +23,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[VideoPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1450)
+[VideoPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1451)
 ## Props
 @prop size = "sm"
 @prop class: className

package/dist/skeleton/VideoPlaceholder.svelte.d.ts

@@ -2,7 +2,7 @@ import type { VideoPlaceholderProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [VideoPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1450)
+ * [VideoPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1451)
  * ## Props
  * @prop size = "sm"
  * @prop class: className

package/dist/skeleton/WidgetPlaceholder.svelte

@@ -31,7 +31,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[WidgetPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1454)
+[WidgetPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1455)
 ## Props
 @prop class: className
 -->

package/dist/skeleton/WidgetPlaceholder.svelte.d.ts

@@ -2,7 +2,7 @@ import { type WidgetPlaceholderProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [WidgetPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1454)
+ * [WidgetPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1455)
  * ## Props
  * @prop class: className
  */

package/dist/speed-dial/SpeedDial.svelte

@@ -28,7 +28,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SpeedDialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1486)
+[SpeedDialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1487)
 ## Props
 @prop children
 @prop popperClass

package/dist/speed-dial/SpeedDial.svelte.d.ts

@@ -2,7 +2,7 @@ import type { SpeedDialProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SpeedDialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1486)
+ * [SpeedDialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1487)
  * ## Props
  * @prop children
  * @prop popperClass

package/dist/speed-dial/SpeedDialButton.svelte

@@ -29,7 +29,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SpeedDialButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1500)
+[SpeedDialButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1501)
 ## Props
 @prop children
 @prop name = ""

package/dist/speed-dial/SpeedDialButton.svelte.d.ts

@@ -2,7 +2,7 @@ import type { SpeedDialButtonProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SpeedDialButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1500)
+ * [SpeedDialButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1501)
  * ## Props
  * @prop children
  * @prop name = ""

package/dist/speed-dial/SpeedDialTrigger.svelte

@@ -44,7 +44,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SpeedDialTriggerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1484)
+[SpeedDialTriggerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1485)
 ## Props
 @prop children
 @prop name = "Open actions menu"