flowbite-svelte 1.3.0 → 1.4.0

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

@@ -0,0 +1,167 @@
+import { type VariantProps } from "tailwind-variants";
+export declare const buttonToggleGroup: import("tailwind-variants").TVReturnType<{
+    roundedSize: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+    };
+}, undefined, "inline-flex border border-gray-300 overflow-hidden", {
+    roundedSize: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    roundedSize: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+    };
+}, undefined, "inline-flex border border-gray-300 overflow-hidden", unknown, unknown, undefined>>;
+export declare const buttonToggle: import("tailwind-variants").TVReturnType<{
+    selected: {
+        true: string;
+        false: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    roundedSize: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+    };
+    color: {
+        primary: string;
+        secondary: string;
+        gray: string;
+        red: string;
+        orange: string;
+        amber: string;
+        yellow: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+    };
+}, undefined, "relative flex items-center transition-all duration-200 focus:ring-2  focus:outline-none", {
+    selected: {
+        true: string;
+        false: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    roundedSize: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+    };
+    color: {
+        primary: string;
+        secondary: string;
+        gray: string;
+        red: string;
+        orange: string;
+        amber: string;
+        yellow: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    selected: {
+        true: string;
+        false: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    roundedSize: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+    };
+    color: {
+        primary: string;
+        secondary: string;
+        gray: string;
+        red: string;
+        orange: string;
+        amber: string;
+        yellow: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+    };
+}, undefined, "relative flex items-center transition-all duration-200 focus:ring-2  focus:outline-none", 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: {
+        true: string;
+        false: string;
+    };
+}, undefined, "transition-all duration-200 ml-0", {
+    selected: {
+        true: string;
+        false: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    selected: {
+        true: string;
+        false: string;
+    };
+}, undefined, "transition-all duration-200 ml-0", unknown, unknown, undefined>>;
+export type ButtonToggleVariants = VariantProps<typeof buttonToggle>;
+export type ButtonToggleContentVariants = VariantProps<typeof buttonToggleContent>;
+export type ButtonToggleTextVariants = VariantProps<typeof buttonToggleText>;

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

@@ -0,0 +1,78 @@
+import { tv } from "tailwind-variants";
+export const buttonToggleGroup = tv({
+    base: "inline-flex border border-gray-300 overflow-hidden",
+    variants: {
+        roundedSize: {
+            sm: "rounded-sm",
+            md: "rounded-md",
+            lg: "rounded-lg",
+            xl: "rounded-xl",
+            full: "rounded-full"
+        }
+    }
+});
+export const buttonToggle = tv({
+    base: "relative flex items-center transition-all duration-200 focus:ring-2  focus:outline-none",
+    variants: {
+        selected: {
+            true: "",
+            false: ""
+        },
+        size: {
+            sm: "p-1 px-2 text-sm",
+            md: "p-2 px-4 text-base",
+            lg: "p-3 px-5 text-lg",
+            xl: "p-4 px-6 text-xl"
+        },
+        roundedSize: {
+            sm: "first:rounded-s-sm last:rounded-e-sm",
+            md: "first:rounded-s-md last:rounded-e-md",
+            lg: "first:rounded-s-lg last:rounded-e-lg",
+            xl: "first:rounded-s-xl last:rounded-e-xl",
+            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"
+        }
+    },
+    defaultVariants: {
+        selected: false,
+        color: "primary",
+        size: "md",
+        roundedSize: "md"
+    }
+});
+export const buttonToggleContent = tv({
+    base: "flex items-center w-full overflow-hidden relative"
+});
+export const buttonToggleText = tv({
+    base: "transition-all duration-200 ml-0",
+    variants: {
+        selected: {
+            true: "ml-5",
+            false: ""
+        }
+    },
+    defaultVariants: {
+        selected: false
+    }
+});

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#L678)
+[CheckboxButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L705)
 ## 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#L678)
+ * [CheckboxButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L705)
  * ## 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#L691)
+[DropzoneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L718)
 ## 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#L691)
+ * [DropzoneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L718)
  * ## 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#L697)
+[FileuploadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L724)
 ## 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#L697)
+ * [FileuploadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L724)
  * ## 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#L710)
+[FloatingLabelInputProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L737)
 ## 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#L710)
+ * [FloatingLabelInputProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L737)
  * ## 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#L732)
+[HelperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L759)
 ## 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#L732)
+ * [HelperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L759)
  * ## 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#L760)
+[InputAddonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L787)
 ## 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#L760)
+ * [InputAddonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L787)
  * ## Props
  * @prop children
  * @prop class: className

package/dist/forms/input-field/Input.svelte

@@ -5,30 +5,7 @@
   import { input, clampSize } from ".";
   import clsx from "clsx";
 
-  let {
-    children,
-    left,
-    right,
-    value = $bindable(),
-    elementRef = $bindable(),
-    clearable = false,
-    size,
-    color = "default",
-    class: className,
-    wrapperClass,
-    classLeft,
-    classRight,
-    divClass,
-    clearableSvgClass,
-    clearableColor = "none",
-    clearableClass,
-    clearableOnClick,
-    // Combobox props
-    data = [],
-    maxSuggestions = 5,
-    onSelect,
-    ...restProps
-  }: InputProps<InputValue> = $props();
+  let { children, left, right, value = $bindable(), elementRef = $bindable(), clearable = false, size, color = "default", class: className, wrapperClass, classLeft, classRight, divClass, clearableSvgClass, clearableColor = "none", clearableClass, clearableOnClick, data = [], maxSuggestions = 5, onSelect, ...restProps }: InputProps<InputValue> = $props();
 
   // Automatically enable combobox when data is provided
   const isCombobox = $derived(Array.isArray(data) && data.length > 0);
@@ -183,27 +160,35 @@
   <div tabindex="-1" bind:this={dummyFocusDiv} class="sr-only"></div>
 {/if}
 
-<div class={twMerge(isCombobox ? "relative w-full" : "", wrapperClass)}>
-  {#if group}
-    {@render inputContent()}
-  {:else if right || left || clearable}
-    <div class={base({ class: divClass })}>
+{#if isCombobox}
+  <div class={twMerge(isCombobox ? "relative w-full" : "", wrapperClass)}>
+    {#if right || left || clearable}
+      <div class={base({ class: divClass })}>
+        {@render inputContent()}
+      </div>
+    {:else}
       {@render inputContent()}
-    </div>
-  {:else}
-    {@render inputContent()}
-  {/if}
+    {/if}
 
-  {#if isCombobox && isFocused && filteredSuggestions.length > 0}
-    <div class="absolute top-full right-0 left-0 z-10 mt-1 max-h-60 overflow-y-auto rounded-md border border-gray-200 bg-white shadow-lg dark:border-gray-700 dark:bg-gray-800">
-      {#each filteredSuggestions as item, i}
-        <button type="button" class="w-full px-3 py-2 text-left {i === selectedIndex ? 'bg-gray-100 dark:bg-gray-700' : 'hover:bg-gray-50 dark:hover:bg-gray-700'} focus:outline-none" onclick={() => selectItem(item)} onmouseenter={() => (selectedIndex = i)}>
-          {item}
-        </button>
-      {/each}
-    </div>
-  {/if}
-</div>
+    {#if isCombobox && isFocused && filteredSuggestions.length > 0}
+      <div class="absolute top-full right-0 left-0 z-10 mt-1 max-h-60 overflow-y-auto rounded-md border border-gray-200 bg-white shadow-lg dark:border-gray-700 dark:bg-gray-800">
+        {#each filteredSuggestions as item, i}
+          <button type="button" class="w-full px-3 py-2 text-left {i === selectedIndex ? 'bg-gray-100 dark:bg-gray-700' : 'hover:bg-gray-50 dark:hover:bg-gray-700'} focus:outline-none" onclick={() => selectItem(item)} onmouseenter={() => (selectedIndex = i)}>
+            {item}
+          </button>
+        {/each}
+      </div>
+    {/if}
+  </div>
+{:else if group}
+  {@render inputContent()}
+{:else if right || left || clearable}
+  <div class={base({ class: divClass })}>
+    {@render inputContent()}
+  </div>
+{:else}
+  {@render inputContent()}
+{/if}
 
 {#snippet inputContent()}
   {#if left}

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#L767)
+[LabelProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L794)
 ## 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#L767)
+ * [LabelProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L794)
  * ## 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#L796)
+[RangeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L823)
 ## 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#L796)
+ * [RangeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L823)
  * ## 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#L801)
+[SearchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L828)
 ## 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#L801)
+ * [SearchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L828)
  * ## 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#L844)
+[TagsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L871)
 ## 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#L844)
+ * [TagsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L871)
  * ## 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#L891)
+[TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L918)
 ## 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#L891)
+ * [TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L918)
  * ## 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#L863)
+[TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L890)
 ## 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#L863)
+ * [TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L890)
  * ## 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#L910)
+[ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L937)
 ## 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#L910)
+ * [ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L937)
  * ## 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#L927)
+[GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L954)
 ## 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#L927)
+ * [GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L954)
  * ## Props
  * @prop children
  * @prop figure

package/dist/index.d.ts

@@ -41,6 +41,7 @@ export * from "./toolbar";
 export * from "./tooltip";
 export * from "./utils";
 export * from "./video";
+export * from "./forms/button-toggle";
 export * from "./forms/checkbox";
 export * from "./forms/dropzone";
 export * from "./forms/fileupload";

package/dist/index.js

@@ -42,6 +42,7 @@ export * from "./tooltip";
 export * from "./utils";
 export * from "./video";
 // forms
+export * from "./forms/button-toggle";
 export * from "./forms/checkbox";
 export * from "./forms/dropzone";
 export * from "./forms/fileupload";

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#L938)
+[IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L965)
 ## Props
 @prop children
 @prop color = "primary"