flowbite-svelte 1.4.0 → 1.4.2

package/dist/footer/FooterLink.svelte

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

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

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

package/dist/footer/FooterLinkGroup.svelte

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

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

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

package/dist/forms/button-toggle/ButtonToggle.svelte

@@ -1,17 +1,21 @@
 <script lang="ts">
   import { getContext } from "svelte";
+  import { twMerge } from "tailwind-merge";
   import CheckIcon from "./CheckIcon.svelte";
   import { buttonToggle, buttonToggleContent, buttonToggleText } from "./theme";
   import type { ButtonToggleVariants } from "./theme";
   import { type ButtonToggleProps, type ButtonToggleContext } from "../..";
 
-  let { value, selected = false, children, color }: ButtonToggleProps = $props();
+  let { value, selected = false, children, iconSlot, color, class: className, iconClass, txtClass, ...restProps }: ButtonToggleProps = $props();
 
   const { toggleSelected, isSelected } = getContext<ButtonToggleContext>("button-toggle-group");
   const multiSelect = getContext<boolean>("multiSelect");
   const actualColor = getContext<ButtonToggleVariants["color"]>("buttonToggleColor") ? getContext<ButtonToggleVariants["color"]>("buttonToggleColor") : color ? color : "primary";
   const size = getContext<ButtonToggleVariants["size"]>("buttonToggleSize");
   const roundedSize = getContext<ButtonToggleVariants["roundedSize"]>("buttonToggleRounded");
+  const ctxIconClass = getContext<string | undefined>("ctxIconClass");
+  const actualIconClass = ctxIconClass || iconClass;
+  const ctxBtnClass = getContext<string | undefined>("ctxBtnClass");
 
   function handleClick() {
     toggleSelected(value);
@@ -22,14 +26,16 @@
   });
 </script>
 
-<button type="button" class={buttonToggle({ selected, color: actualColor, size, roundedSize })} data-selected={selected} onclick={handleClick} role={multiSelect ? "checkbox" : "radio"} aria-checked={selected}>
+<button type="button" class={twMerge(buttonToggle({ selected, color: actualColor, size, roundedSize }), ctxBtnClass, className)} data-selected={selected} onclick={handleClick} role={multiSelect ? "checkbox" : "radio"} aria-checked={selected} {...restProps}>
   <div class={buttonToggleContent()}>
     {#if selected}
-      <span class="absolute left-0 flex-shrink-0">
-        <CheckIcon />
-      </span>
+      {#if iconSlot}
+        {@render iconSlot()}
+      {:else}
+        <CheckIcon class={twMerge("absolute left-0 flex-shrink-0 text-green-600", actualIconClass)} />
+      {/if}
     {/if}
-    <span class={buttonToggleText({ selected })}>
+    <span class={buttonToggleText({ selected, class: txtClass })}>
       {@render children()}
     </span>
   </div>
@@ -39,10 +45,15 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ButtonToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L372)
+[ButtonToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L374)
 ## Props
 @prop value
 @prop selected = false
 @prop children
+@prop iconSlot
 @prop color
+@prop class: className
+@prop iconClass
+@prop txtClass
+@prop ...restProps
 -->

package/dist/forms/button-toggle/ButtonToggle.svelte.d.ts

@@ -2,12 +2,17 @@ import { type ButtonToggleProps } from "../..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [ButtonToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L372)
+ * [ButtonToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L374)
  * ## Props
  * @prop value
  * @prop selected = false
  * @prop children
+ * @prop iconSlot
  * @prop color
+ * @prop class: className
+ * @prop iconClass
+ * @prop txtClass
+ * @prop ...restProps
  */
 declare const ButtonToggle: import("svelte").Component<ButtonToggleProps, {}, "">;
 type ButtonToggle = ReturnType<typeof ButtonToggle>;

package/dist/forms/button-toggle/ButtonToggleGroup.svelte

@@ -3,7 +3,7 @@
   import { twMerge } from "tailwind-merge";
   import { type ButtonToggleGroupProps, buttonToggleGroup } from "../..";
 
-  let { multiSelect = false, name = "toggle-group", value = multiSelect ? [] : null, color, size = "md", roundedSize = "md", onSelect = (val: any) => {}, children, class: className }: ButtonToggleGroupProps = $props();
+  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();
 
   const base = $derived(buttonToggleGroup({ roundedSize }));
   type SelectedValue = string | null | string[];
@@ -57,10 +57,12 @@
   setContext("buttonToggleColor", color);
   setContext("buttonToggleSize", size);
   setContext("buttonToggleRounded", roundedSize);
+  setContext("ctxIconClass", ctxIconClass);
+  setContext("ctxBtnClass", ctxBtnClass);
 </script>
 
 <div class="inline">
-  <div class={twMerge(base, className)} role={multiSelect ? "group" : "radiogroup"} aria-label={name}>
+  <div class={twMerge(base, className)} role={multiSelect ? "group" : "radiogroup"} aria-label={name} {...restProps}>
     {@render children()}
   </div>
 </div>

package/dist/forms/button-toggle/CheckIcon.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  // Simple check icon SVG component
+  let { class: className, ...restProps } = $props();
 </script>
 
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-600">
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class={className} {...restProps}>
   <polyline points="20 6 9 17 4 12"></polyline>
 </svg>

package/dist/forms/button-toggle/CheckIcon.svelte.d.ts

@@ -1,18 +1,5 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const CheckIcon: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type CheckIcon = InstanceType<typeof CheckIcon>;
+declare const CheckIcon: import("svelte").Component<{
+    class: any;
+} & Record<string, any>, {}, "">;
+type CheckIcon = ReturnType<typeof CheckIcon>;
 export default CheckIcon;

package/dist/forms/button-toggle/theme.d.ts

@@ -63,8 +63,9 @@ export declare const buttonToggle: import("tailwind-variants").TVReturnType<{
         fuchsia: string;
         pink: string;
         rose: string;
+        none: string;
     };
-}, undefined, "relative flex items-center transition-all duration-200 focus:ring-2  focus:outline-none", {
+}, undefined, "relative flex items-center transition-all duration-200  focus:outline-none border-r last:border-r-0", {
     selected: {
         true: string;
         false: string;
@@ -103,6 +104,7 @@ export declare const buttonToggle: import("tailwind-variants").TVReturnType<{
         fuchsia: string;
         pink: string;
         rose: string;
+        none: string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     selected: {
@@ -143,8 +145,9 @@ export declare const buttonToggle: import("tailwind-variants").TVReturnType<{
         fuchsia: string;
         pink: string;
         rose: string;
+        none: string;
     };
-}, undefined, "relative flex items-center transition-all duration-200 focus:ring-2  focus:outline-none", unknown, unknown, undefined>>;
+}, undefined, "relative flex items-center transition-all duration-200  focus:outline-none border-r last:border-r-0", unknown, unknown, undefined>>;
 export declare const buttonToggleContent: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex items-center w-full overflow-hidden relative", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex items-center w-full overflow-hidden relative", unknown, unknown, undefined>>;
 export declare const buttonToggleText: import("tailwind-variants").TVReturnType<{
     selected: {

package/dist/forms/button-toggle/theme.js

@@ -12,7 +12,7 @@ export const buttonToggleGroup = tv({
     }
 });
 export const buttonToggle = tv({
-    base: "relative flex items-center transition-all duration-200 focus:ring-2  focus:outline-none",
+    base: "relative flex items-center transition-all duration-200  focus:outline-none border-r last:border-r-0",
     variants: {
         selected: {
             true: "",
@@ -32,26 +32,27 @@ export const buttonToggle = tv({
             full: "first:rounded-s-full last:rounded-e-full"
         },
         color: {
-            primary: "focus:ring-primary-200 data-[selected=true]:bg-primary-200 data-[selected=false]:hover:bg-gray-100",
-            secondary: "focus:ring-secondary-200 data-[selected=true]:bg-secondary-200 data-[selected=false]:hover:bg-gray-100",
-            gray: "focus:ring-gray-200 data-[selected=true]:bg-gray-200 data-[selected=false]:hover:bg-gray-100",
-            red: "focus:ring-red-200 data-[selected=true]:bg-red-200 data-[selected=false]:hover:bg-red-50",
-            orange: "focus:ring-orange-200 data-[selected=true]:bg-orange-200 data-[selected=false]:hover:bg-orange-50",
-            amber: "focus:ring-amber-200 data-[selected=true]:bg-amber-200 data-[selected=false]:hover:bg-amber-50",
-            yellow: "focus:ring-yellow-200 data-[selected=true]:bg-yellow-200 data-[selected=false]:hover:bg-yellow-50",
-            lime: "focus:ring-lime-200 data-[selected=true]:bg-lime-200 data-[selected=false]:hover:bg-lime-50",
-            green: "focus:ring-green-200 data-[selected=true]:bg-green-200 data-[selected=false]:hover:bg-green-50",
-            emerald: "focus:ring-emerald-200 data-[selected=true]:bg-emerald-200 data-[selected=false]:hover:bg-emerald-50",
-            teal: "focus:ring-teal-200 data-[selected=true]:bg-teal-200 data-[selected=false]:hover:bg-teal-50",
-            cyan: "focus:ring-cyan-200 data-[selected=true]:bg-cyan-200 data-[selected=false]:hover:bg-cyan-50",
-            sky: "focus:ring-sky-200 data-[selected=true]:bg-sky-200 data-[selected=false]:hover:bg-sky-50",
-            blue: "focus:ring-blue-200 data-[selected=true]:bg-blue-200 data-[selected=false]:hover:bg-blue-50",
-            indigo: "focus:ring-indigo-200 data-[selected=true]:bg-indigo-200 data-[selected=false]:hover:bg-indigo-50",
-            violet: "focus:ring-violet-200 data-[selected=true]:bg-violet-200 data-[selected=false]:hover:bg-violet-50",
-            purple: "focus:ring-purple-200 data-[selected=true]:bg-purple-200 data-[selected=false]:hover:bg-purple-50",
-            fuchsia: "focus:ring-fuchsia-200 data-[selected=true]:bg-fuchsia-200 data-[selected=false]:hover:bg-fuchsia-50",
-            pink: "focus:ring-pink-200 data-[selected=true]:bg-pink-200 data-[selected=false]:hover:bg-pink-50",
-            rose: "focus:ring-rose-200 data-[selected=true]:bg-rose-200 data-[selected=false]:hover:bg-rose-50"
+            primary: "data-[selected=true]:bg-primary-200 data-[selected=false]:hover:bg-gray-100",
+            secondary: "data-[selected=true]:bg-secondary-200 data-[selected=false]:hover:bg-gray-100",
+            gray: "data-[selected=true]:bg-gray-200 data-[selected=false]:hover:bg-gray-100",
+            red: "data-[selected=true]:bg-red-200 data-[selected=false]:hover:bg-red-50",
+            orange: "data-[selected=true]:bg-orange-200 data-[selected=false]:hover:bg-orange-50",
+            amber: "data-[selected=true]:bg-amber-200 data-[selected=false]:hover:bg-amber-50",
+            yellow: "data-[selected=true]:bg-yellow-200 data-[selected=false]:hover:bg-yellow-50",
+            lime: "data-[selected=true]:bg-lime-200 data-[selected=false]:hover:bg-lime-50",
+            green: "data-[selected=true]:bg-green-200 data-[selected=false]:hover:bg-green-50",
+            emerald: "data-[selected=true]:bg-emerald-200 data-[selected=false]:hover:bg-emerald-50",
+            teal: "data-[selected=true]:bg-teal-200 data-[selected=false]:hover:bg-teal-50",
+            cyan: "data-[selected=true]:bg-cyan-200 data-[selected=false]:hover:bg-cyan-50",
+            sky: "data-[selected=true]:bg-sky-200 data-[selected=false]:hover:bg-sky-50",
+            blue: "data-[selected=true]:bg-blue-200 data-[selected=false]:hover:bg-blue-50",
+            indigo: "data-[selected=true]:bg-indigo-200 data-[selected=false]:hover:bg-indigo-50",
+            violet: "data-[selected=true]:bg-violet-200 data-[selected=false]:hover:bg-violet-50",
+            purple: "data-[selected=true]:bg-purple-200 data-[selected=false]:hover:bg-purple-50",
+            fuchsia: "data-[selected=true]:bg-fuchsia-200 data-[selected=false]:hover:bg-fuchsia-50",
+            pink: "data-[selected=true]:bg-pink-200 data-[selected=false]:hover:bg-pink-50",
+            rose: "data-[selected=true]:bg-rose-200 data-[selected=false]:hover:bg-rose-50",
+            none: ""
         }
     },
     defaultVariants: {

package/dist/forms/checkbox/CheckboxButton.svelte

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

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

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

package/dist/forms/dropzone/Dropzone.svelte

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

package/dist/forms/dropzone/Dropzone.svelte.d.ts

@@ -2,7 +2,7 @@ import type { DropzoneProps } from "../../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [DropzoneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L718)
+ * [DropzoneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L728)
  * ## Props
  * @prop children
  * @prop files = $bindable<FileList | null>()

package/dist/forms/fileupload/Fileupload.svelte

@@ -27,7 +27,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[FileuploadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L724)
+[FileuploadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L734)
 ## Props
 @prop files = $bindable()
 @prop size = "md"

package/dist/forms/fileupload/Fileupload.svelte.d.ts

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

package/dist/forms/floating-label/FloatingLabelInput.svelte

@@ -148,7 +148,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[FloatingLabelInputProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L737)
+[FloatingLabelInputProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L747)
 ## Props
 @prop children
 @prop id = idGenerator()

package/dist/forms/floating-label/FloatingLabelInput.svelte.d.ts

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

package/dist/forms/helper/Helper.svelte

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

package/dist/forms/helper/Helper.svelte.d.ts

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

package/dist/forms/input-addon/InputAddon.svelte

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

package/dist/forms/input-addon/InputAddon.svelte.d.ts

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

package/dist/forms/label/Label.svelte

@@ -20,7 +20,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[LabelProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L794)
+[LabelProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L804)
 ## Props
 @prop children
 @prop color = "gray"

package/dist/forms/label/Label.svelte.d.ts

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

package/dist/forms/range/Range.svelte

@@ -14,7 +14,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[RangeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L823)
+[RangeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L833)
 ## Props
 @prop value = $bindable()
 @prop appearance = "none"

package/dist/forms/range/Range.svelte.d.ts

@@ -2,7 +2,7 @@ import type { RangeProps } from "../../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [RangeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L823)
+ * [RangeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L833)
  * ## Props
  * @prop value = $bindable()
  * @prop appearance = "none"

package/dist/forms/search/Search.svelte

@@ -37,7 +37,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SearchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L828)
+[SearchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L838)
 ## Props
 @prop children
 @prop class: inputClass

package/dist/forms/search/Search.svelte.d.ts

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

package/dist/forms/tags/Tags.svelte

@@ -65,7 +65,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TagsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L871)
+[TagsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L881)
 ## Props
 @prop value = $bindable([])
 @prop itemClass

package/dist/forms/tags/Tags.svelte.d.ts

@@ -2,7 +2,7 @@ import { type TagsProps } from "../..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [TagsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L871)
+ * [TagsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L881)
  * ## Props
  * @prop value = $bindable([])
  * @prop itemClass

package/dist/forms/textarea/Textarea.svelte

@@ -49,7 +49,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L918)
+[TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L928)
 ## Props
 @prop header
 @prop footer

package/dist/forms/textarea/Textarea.svelte.d.ts

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

package/dist/forms/timepicker/Timepicker.svelte

@@ -195,7 +195,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L890)
+[TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L900)
 ## Props
 @prop id = "time"
 @prop endId = "end-time"

package/dist/forms/timepicker/Timepicker.svelte.d.ts

@@ -2,7 +2,7 @@ import { type TimepickerProps } from "../..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L890)
+ * [TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L900)
  * ## Props
  * @prop id = "time"
  * @prop endId = "end-time"

package/dist/forms/toggle/Toggle.svelte

@@ -24,7 +24,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L937)
+[ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L947)
 ## Props
 @prop children
 @prop size = "default"

package/dist/forms/toggle/Toggle.svelte.d.ts

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

package/dist/gallery/Gallery.svelte

@@ -36,7 +36,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L954)
+[GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L964)
 ## Props
 @prop children
 @prop figure

package/dist/gallery/Gallery.svelte.d.ts

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

package/dist/indicator/Indicator.svelte

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

package/dist/indicator/Indicator.svelte.d.ts

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

package/dist/kbd/Kbd.svelte

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

package/dist/kbd/Kbd.svelte.d.ts

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

package/dist/list-group/Listgroup.svelte

@@ -44,7 +44,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L995)
+[ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1005)
 ## Props
 @prop children
 @prop items

package/dist/list-group/Listgroup.svelte.d.ts

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