flowbite-svelte 1.12.6 → 1.13.0

package/dist/datepicker/theme.js

@@ -2,7 +2,7 @@ import { tv } from "tailwind-variants";
 export const datepicker = tv({
     slots: {
         base: "inline-block rounded-lg bg-white dark:bg-gray-700 shadow-lg p-4",
-        input: "w-full rounded-md border px-4 py-2 text-sm focus:ring-2 focus:outline-none outline-none dark:border-gray-600 dark:bg-gray-700 dark:text-white disabled:cursor-not-allowed disabled:opacity-50",
+        input: "w-full rounded-md border px-4 py-2 text-sm focus:ring-2 focus:outline-none outline-none dark:border-gray-600 dark:bg-gray-700 dark:text-white disabled:cursor-not-allowed disabled:opacity-50 border-gray-300 bg-gray-50 text-gray-900",
         titleVariant: "mb-2 text-lg font-semibold text-gray-900 dark:text-white",
         polite: "text-sm rounded-lg text-gray-900 dark:text-white bg-white dark:bg-gray-700 font-semibold py-2.5 px-5 hover:bg-gray-100 dark:hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-gray-200",
         button: "absolute inset-y-0 right-0 flex items-center px-3 text-gray-500 focus:outline-hidden dark:text-gray-400",

package/dist/dialog/Dialog.svelte

@@ -16,6 +16,7 @@
 
   // Prefer requestClose when available to trigger a cancellable "cancel" event; otherwise synthesize it.
   const cancel = (dlg: HTMLDialogElement) => {
+    // @ts-ignore
     if (typeof dlg.requestClose === "function") return dlg.requestClose();
     dlg.dispatchEvent(new Event("cancel", { bubbles: true, cancelable: true }));
   };
@@ -35,12 +36,15 @@
   }
 
   function _onclick(ev: MouseEvent & { currentTarget: HTMLDialogElement }) {
-    const dlg: HTMLDialogElement = ev.currentTarget,
-      rect = dlg.getBoundingClientRect(),
-      clickedInContent = ev.clientX >= rect.left && ev.clientX <= rect.right && ev.clientY >= rect.top && ev.clientY <= rect.bottom;
+    const dlg: HTMLDialogElement = ev.currentTarget;
+    if (ev.target === dlg) {
+      // click outside - backdrop is dialog
+      const rect = dlg.getBoundingClientRect(),
+        clickedInContent = ev.clientX >= rect.left && ev.clientX <= rect.right && ev.clientY >= rect.top && ev.clientY <= rect.bottom;
 
-    if (outsideclose && !clickedInContent) {
-      return cancel(dlg);
+      if (outsideclose && !clickedInContent) {
+        return cancel(dlg);
+      }
     }
 
     if (autoclose && ev.target instanceof HTMLButtonElement && !permanent) {

package/dist/drawer/Drawer.svelte

@@ -6,8 +6,15 @@
   import { sineIn } from "svelte/easing";
   import { fly } from "svelte/transition";
   import { drawer } from ".";
+  import { setContext } from "svelte";
 
-  let { children, open = $bindable(false), hidden = $bindable(), width, dismissable = false, placement = "left", class: className, transitionParams, transition = fly, outsideclose, activateClickOutside, ...restProps }: DrawerProps = $props();
+  let { children, open = $bindable(false), hidden = $bindable(), modal, offset, width, dismissable = offset ? false : undefined, placement = "left", class: className, transitionParams, transition = fly, outsideclose, activateClickOutside, ...restProps }: DrawerProps = $props();
+
+  setContext("drawer", {
+    get placement() {
+      return placement;
+    }
+  });
 
   // back compatibility
   if (hidden !== undefined) console.warn("'hidden' property is deprecated. Please use the 'open' property to manage 'Drawer'.");
@@ -35,23 +42,51 @@
 
   const theme = getTheme("drawer");
 
-  const { base } = $derived(drawer({ placement, width, modal: restProps.modal }));
+  let shifted = $state(true);
 
-  let innerWidth: number = $state(-1);
-  let innerHeight: number = $state(-1);
-  // let startX = $derived(position === 'fixed'? 0: )
-  let x = $derived(placement === "left" ? -320 : placement === "right" ? innerWidth + 320 : undefined);
-  let y = $derived(placement === "top" ? -100 : placement === "bottom" ? innerHeight + 100 : undefined);
+  const { base } = $derived(drawer({ placement, width, modal: offset && !open ? false : modal, shifted }));
 
-  let transition_params = $derived(transitionParams ?? Object.assign({}, { x, y, duration: 200, easing: sineIn }));
-</script>
+  let x = $state(),
+    y = $state();
+
+  let transition_params = $derived({ x, y, duration: 300, easing: sineIn, opacity: 1, ...transitionParams });
+
+  function init(node: HTMLDialogElement) {
+    // set initial offset, later it will be switched on/off by onintrostart
+    if (offset) node.style[placement] = offset;
+  }
 
-<svelte:window bind:innerWidth bind:innerHeight />
+  function onintrostart(ev: CustomEvent & { currentTarget: HTMLDialogElement }) {
+    // set the values for transition start position
+    const dlg = ev.currentTarget;
+    const { innerWidth = 0, innerHeight = 0 } = dlg.ownerDocument.defaultView ?? {};
 
-<Dialog bind:open {transition} {dismissable} {outsideclose} transitionParams={transition_params} {...restProps} class={base({ class: clsx(theme?.base, className) })}>
+    const rect = dlg.getBoundingClientRect();
+
+    x = placement === "left" ? rect.left : placement === "right" ? rect.right - innerWidth : undefined;
+    y = placement === "top" ? rect.top : placement === "bottom" ? rect.bottom - innerHeight : undefined;
+    // remove shift for transition end position
+    shifted = false;
+
+    // add offset if closed, remove it when open
+    if (offset) dlg.style[placement] = open ? "" : offset;
+  }
+
+  function onoutrostart(ev: CustomEvent & { currentTarget: HTMLDialogElement }) {
+    shifted = true;
+  }
+</script>
+
+<Dialog {@attach init} bind:open {modal} {dismissable} {transition} {onintrostart} {onoutrostart} {outsideclose} transitionParams={transition_params} {...restProps} class={base({ class: clsx(theme?.base, className) })}>
   {@render children?.()}
 </Dialog>
 
+{#if offset && !open}
+  <Dialog {@attach init} open modal={false} {dismissable} {outsideclose} {...restProps} class={base({ class: clsx(theme?.base, className) })}>
+    {@render children?.()}
+  </Dialog>
+{/if}
+
 <!--
 @component
 [Go to docs](https://flowbite-svelte.com/)
@@ -61,8 +96,10 @@
 @prop children
 @prop open = $bindable(false)
 @prop hidden = $bindable()
+@prop modal
+@prop offset
 @prop width
-@prop dismissable = false
+@prop dismissable = offset ? false : undefined
 @prop placement = "left"
 @prop class: className
 @prop transitionParams

package/dist/drawer/Drawer.svelte.d.ts

@@ -7,8 +7,10 @@ import { type DrawerProps } from "..";
  * @prop children
  * @prop open = $bindable(false)
  * @prop hidden = $bindable()
+ * @prop modal
+ * @prop offset
  * @prop width
- * @prop dismissable = false
+ * @prop dismissable = offset ? false : undefined
  * @prop placement = "left"
  * @prop class: className
  * @prop transitionParams

package/dist/drawer/DrawerHandle.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+  import { getTheme } from "../theme/themeUtils";
+  import type { DrawerHandleProps } from "../types";
+  import clsx from "clsx";
+  import { drawerhandle } from "./theme";
+  import { getContext } from "svelte";
+
+  let { children, placement, "aria-label": ariaLabel, class: className, classes, ...restProps }: DrawerHandleProps = $props();
+
+  const ctx = getContext<{ placement: DrawerHandleProps["placement"] } | undefined>("drawer");
+
+  const theme = getTheme("drawerhandle");
+  let { base, handle } = $derived(drawerhandle({ placement: placement ?? ctx?.placement ?? "left" }));
+</script>
+
+<button type="button" aria-label={ariaLabel} {...restProps} class={base({ class: clsx(theme?.base, className) })}>
+  {@render children?.()}
+  <span class={handle({ class: clsx(theme?.handle, classes?.handle) })}></span>
+</button>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Type
+[DrawerHandleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L580)
+## Props
+@prop children
+@prop placement
+@prop "aria-label": ariaLabel
+@prop class: className
+@prop classes
+@prop ...restProps
+-->

package/dist/drawer/DrawerHandle.svelte.d.ts

@@ -0,0 +1,16 @@
+import type { DrawerHandleProps } from "../types";
+/**
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Type
+ * [DrawerHandleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L580)
+ * ## Props
+ * @prop children
+ * @prop placement
+ * @prop "aria-label": ariaLabel
+ * @prop class: className
+ * @prop classes
+ * @prop ...restProps
+ */
+declare const DrawerHandle: import("svelte").Component<DrawerHandleProps, {}, "">;
+type DrawerHandle = ReturnType<typeof DrawerHandle>;
+export default DrawerHandle;

package/dist/drawer/Drawerhead.svelte

@@ -34,7 +34,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DrawerheadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L579)
+[DrawerheadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L582)
 ## Props
 @prop closeIcon
 @prop children

package/dist/drawer/Drawerhead.svelte.d.ts

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

package/dist/drawer/index.d.ts

@@ -1,3 +1,4 @@
 export { default as Drawer } from "./Drawer.svelte";
 export { default as Drawerhead } from "./Drawerhead.svelte";
-export { drawer, drawerhead } from "./theme";
+export { default as DrawerHandle } from "./DrawerHandle.svelte";
+export { drawer, drawerhead, drawerhandle } from "./theme";

package/dist/drawer/index.js

@@ -1,3 +1,4 @@
 export { default as Drawer } from "./Drawer.svelte";
 export { default as Drawerhead } from "./Drawerhead.svelte";
-export { drawer, drawerhead } from "./theme";
+export { default as DrawerHandle } from "./DrawerHandle.svelte";
+export { drawer, drawerhead, drawerhandle } from "./theme";

package/dist/drawer/theme.d.ts

@@ -36,6 +36,10 @@ export declare const drawer: import("tailwind-variants").TVReturnType<{
             base: string;
         };
     };
+    shifted: {
+        true: {};
+        false: {};
+    };
 }, {
     base: string;
 }, undefined, {}, {
@@ -93,3 +97,71 @@ export declare const drawerhead: import("tailwind-variants").TVReturnType<{
     button: string;
     svg: string;
 }, undefined, unknown, unknown, undefined>>;
+export type DrawerHandleVariants = VariantProps<typeof drawerhandle> & Classes<typeof drawerhandle>;
+export declare const drawerhandle: import("tailwind-variants").TVReturnType<{
+    placement: {
+        left: {
+            base: string;
+            handle: string;
+        };
+        right: {
+            base: string;
+            handle: string;
+        };
+        top: {
+            base: string;
+            handle: string;
+        };
+        bottom: {
+            base: string;
+            handle: string;
+        };
+    };
+}, {
+    base: string;
+    handle: string;
+}, undefined, {
+    placement: {
+        left: {
+            base: string;
+            handle: string;
+        };
+        right: {
+            base: string;
+            handle: string;
+        };
+        top: {
+            base: string;
+            handle: string;
+        };
+        bottom: {
+            base: string;
+            handle: string;
+        };
+    };
+}, {
+    base: string;
+    handle: string;
+}, import("tailwind-variants").TVReturnType<{
+    placement: {
+        left: {
+            base: string;
+            handle: string;
+        };
+        right: {
+            base: string;
+            handle: string;
+        };
+        top: {
+            base: string;
+            handle: string;
+        };
+        bottom: {
+            base: string;
+            handle: string;
+        };
+    };
+}, {
+    base: string;
+    handle: string;
+}, undefined, unknown, unknown, undefined>>;

package/dist/drawer/theme.js

@@ -3,7 +3,7 @@ import { dialog } from "../dialog/theme";
 export const drawer = tv({
     extend: dialog,
     slots: {
-        base: "p-4 max-h-none max-w-none"
+        base: "p-4 max-h-none max-w-none border border-gray-200 dark:border-gray-700 transform-gpu will-change-transform"
     },
     variants: {
         placement: {
@@ -20,11 +20,43 @@ export const drawer = tv({
         modal: {
             false: { base: "fixed inset-0" },
             true: { base: "" }
+        },
+        shifted: {
+            true: {},
+            false: {}
         }
     },
+    compoundVariants: [
+        {
+            shifted: false,
+            modal: false,
+            class: { base: "z-50" }
+        },
+        {
+            shifted: true,
+            placement: "left",
+            class: { base: "-translate-x-full" }
+        },
+        {
+            shifted: true,
+            placement: "right",
+            class: { base: "translate-x-full" }
+        },
+        {
+            shifted: true,
+            placement: "top",
+            class: { base: "-translate-y-full" }
+        },
+        {
+            shifted: true,
+            placement: "bottom",
+            class: { base: "translate-y-full" }
+        }
+    ],
     defaultVariants: {
         placement: "left",
-        width: "default"
+        width: "default",
+        modal: true
     }
 });
 export const drawerhead = tv({
@@ -34,3 +66,17 @@ export const drawerhead = tv({
         svg: "h-4 w-4"
     }
 });
+export const drawerhandle = tv({
+    slots: {
+        base: "p-4 absolute flex select-none cursor-grab active:cursor-grabbing focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500 dark:focus-visible:ring-offset-gray-800",
+        handle: "absolute rounded-lg bg-gray-300 dark:bg-gray-600"
+    },
+    variants: {
+        placement: {
+            left: { base: "inset-y-0 right-0 touch-pan-y", handle: "w-1 h-8 top-1/2 -translate-y-1/2" },
+            right: { base: "inset-y-0 left-0 touch-pan-y", handle: "w-1 h-8 top-1/2 -translate-y-1/2" },
+            top: { base: "inset-x-0 bottom-0 touch-pan-x", handle: "w-8 h-1 left-1/2 -translate-x-1/2" },
+            bottom: { base: "inset-x-0 top-0 touch-pan-x", handle: "w-8 h-1 left-1/2 -translate-x-1/2" }
+        }
+    }
+});

package/dist/dropdown/Dropdown.svelte

@@ -34,7 +34,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DropdownProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L586)
+[DropdownProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L589)
 ## Props
 @prop children
 @prop simple = false

package/dist/dropdown/Dropdown.svelte.d.ts

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

package/dist/dropdown/DropdownDivider.svelte

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

package/dist/dropdown/DropdownDivider.svelte.d.ts

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

package/dist/dropdown/DropdownGroup.svelte

@@ -17,7 +17,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DropdownGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L608)
+[DropdownGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L611)
 ## Props
 @prop children
 @prop class: className

package/dist/dropdown/DropdownGroup.svelte.d.ts

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

package/dist/dropdown/DropdownHeader.svelte

@@ -17,7 +17,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DropdownHeaderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L594)
+[DropdownHeaderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L597)
 ## Props
 @prop children
 @prop class: className

package/dist/dropdown/DropdownHeader.svelte.d.ts

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

package/dist/dropdown/DropdownItem.svelte

@@ -40,7 +40,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DropdownItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L600)
+[DropdownItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L603)
 ## Props
 @prop aClass
 @prop children

package/dist/dropdown/DropdownItem.svelte.d.ts

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

package/dist/footer/Footer.svelte

@@ -19,7 +19,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[FooterProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L615)
+[FooterProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L618)
 ## Props
 @prop children
 @prop footerType = "default"

package/dist/footer/Footer.svelte.d.ts

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

package/dist/footer/FooterBrand.svelte

@@ -31,7 +31,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[FooterBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L620)
+[FooterBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L623)
 ## Props
 @prop children
 @prop aClass

package/dist/footer/FooterBrand.svelte.d.ts

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

package/dist/footer/FooterCopyright.svelte

@@ -33,7 +33,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[FooterCopyrightProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L631)
+[FooterCopyrightProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L634)
 ## Props
 @prop spanClass
 @prop aClass

package/dist/footer/FooterCopyright.svelte.d.ts

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

package/dist/footer/FooterIcon.svelte

@@ -21,7 +21,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[FooterIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L641)
+[FooterIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L644)
 ## Props
 @prop children
 @prop href

package/dist/footer/FooterIcon.svelte.d.ts

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

package/dist/footer/FooterLink.svelte

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

package/dist/footer/FooterLink.svelte.d.ts

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

package/dist/footer/FooterLinkGroup.svelte

@@ -17,7 +17,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[FooterLinkGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L647)
+[FooterLinkGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L650)
 ## Props
 @prop class: className
 @prop children

package/dist/footer/FooterLinkGroup.svelte.d.ts

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

package/dist/forms/checkbox/CheckboxButton.svelte

@@ -58,7 +58,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[CheckboxButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L681)
+[CheckboxButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L684)
 ## Props
 @prop children
 @prop class: className

package/dist/forms/checkbox/CheckboxButton.svelte.d.ts

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

package/dist/forms/dropzone/Dropzone.svelte

@@ -52,7 +52,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DropzoneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L694)
+[DropzoneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L697)
 ## Props
 @prop children
 @prop files = $bindable<FileList | null>()