flowbite-svelte 1.2.0 → 1.2.1

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

@@ -4,27 +4,143 @@
   import { type FloatingLabelInputProps, CloseButton } from "../..";
   import clsx from "clsx";
 
-  let { children, id = idGenerator(), value = $bindable(), elementRef = $bindable(), "aria-describedby": ariaDescribedby, variant = "standard", size = "default", color = "default", class: divClass, inputClass, labelClass, clearable, clearableSvgClass, clearableColor = "none", clearableClass, clearableOnClick, ...restProps }: FloatingLabelInputProps = $props();
+  let { children, id = idGenerator(), value = $bindable(), elementRef = $bindable(), "aria-describedby": ariaDescribedby, variant = "standard", size = "default", color = "default", class: divClass, inputClass, labelClass, clearable, clearableSvgClass, clearableColor = "none", clearableClass, clearableOnClick, data = [], maxSuggestions = 5, onSelect, ...restProps }: FloatingLabelInputProps = $props();
 
   const { base, input, label, clearbtn } = $derived(floatingLabelInput({ variant, size, color }));
 
   const clearAll = () => {
     if (elementRef) {
       elementRef.value = "";
-      value = undefined;
+      value = "";
+      backspaceUsed = false;
+      updateSuggestions();
+      dummyFocusDiv?.focus();
+      setTimeout(() => {
+        elementRef?.focus();
+      }, 100);
     }
     if (clearableOnClick) clearableOnClick();
   };
+
+  const isCombobox = $derived(Array.isArray(data) && data.length > 0);
+
+  let dummyFocusDiv: HTMLDivElement;
+
+  let isFocused = $state(false);
+  let filteredSuggestions: string[] = $state([]);
+  let selectedIndex = $state(-1);
+  let backspaceUsed = $state(false);
+
+  function updateSuggestions() {
+    if (!isCombobox || !isFocused) {
+      filteredSuggestions = [];
+      return;
+    }
+
+    const searchTerm = ((value as string) || "").toLowerCase();
+
+    if (searchTerm === "" && !backspaceUsed) {
+      filteredSuggestions = [];
+    } else if (searchTerm) {
+      filteredSuggestions = data.filter((item) => item.toLowerCase().includes(searchTerm)).slice(0, maxSuggestions);
+    } else if (backspaceUsed) {
+      filteredSuggestions = [...data].slice(0, maxSuggestions);
+    }
+
+    selectedIndex = -1;
+  }
+
+  $effect(() => {
+    if (isCombobox) {
+      updateSuggestions();
+    }
+  });
+
+  function handleInput() {
+    if ((value as string).length > 0) {
+      backspaceUsed = false;
+    }
+    updateSuggestions();
+  }
+
+  function handleFocus() {
+    isFocused = true;
+    updateSuggestions();
+  }
+
+  function handleBlur() {
+    setTimeout(() => {
+      isFocused = false;
+      backspaceUsed = false;
+      filteredSuggestions = [];
+    }, 200);
+  }
+
+  function handleKeydown(event: KeyboardEvent) {
+    if (!isCombobox) return;
+
+    if (event.key === "Backspace" || event.key === "Delete") {
+      const currentValue = value as string;
+      if (currentValue.length <= 1) {
+        backspaceUsed = true;
+      }
+    }
+
+    if (!filteredSuggestions.length) return;
+
+    switch (event.key) {
+      case "ArrowDown":
+        event.preventDefault();
+        selectedIndex = (selectedIndex + 1) % filteredSuggestions.length;
+        break;
+      case "ArrowUp":
+        event.preventDefault();
+        selectedIndex = selectedIndex <= 0 ? filteredSuggestions.length - 1 : selectedIndex - 1;
+        break;
+      case "Enter":
+        if (selectedIndex >= 0) {
+          event.preventDefault();
+          selectItem(filteredSuggestions[selectedIndex]);
+        }
+        break;
+      case "Escape":
+        event.preventDefault();
+        filteredSuggestions = [];
+        break;
+    }
+  }
+
+  function selectItem(item: string) {
+    value = item;
+    if (onSelect) onSelect(item);
+    filteredSuggestions = [];
+    selectedIndex = -1;
+    elementRef?.focus();
+  }
 </script>
 
-<div class={base({ class: clsx(divClass) })}>
-  <input {id} placeholder=" " bind:value bind:this={elementRef} {...restProps} aria-describedby={ariaDescribedby} class={input({ class: inputClass })} />
+{#if clearable}
+  <div tabindex="-1" bind:this={dummyFocusDiv} class="sr-only"></div>
+{/if}
+
+<div class={clsx(base({ class: divClass }), isCombobox ? "relative" : "")}>
+  <input {id} placeholder=" " bind:value bind:this={elementRef} {...restProps} aria-describedby={ariaDescribedby} class={input({ class: inputClass })} oninput={handleInput} onfocus={handleFocus} onblur={handleBlur} onkeydown={handleKeydown} />
   {#if value !== undefined && value !== "" && clearable}
     <CloseButton onclick={clearAll} class={clearbtn({ class: clearableClass })} color={clearableColor} aria-label="Clear search value" svgClass={clearableSvgClass} />
   {/if}
   <label for={id} class={label({ class: labelClass })}>
     {@render children()}
   </label>
+
+  {#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>
 
 <!--
@@ -49,5 +165,8 @@
 @prop clearableColor = "none"
 @prop clearableClass
 @prop clearableOnClick
+@prop data = []
+@prop maxSuggestions = 5
+@prop onSelect
 @prop ...restProps
 -->

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

@@ -20,6 +20,9 @@ import { type FloatingLabelInputProps } from "../..";
  * @prop clearableColor = "none"
  * @prop clearableClass
  * @prop clearableOnClick
+ * @prop data = []
+ * @prop maxSuggestions = 5
+ * @prop onSelect
  * @prop ...restProps
  */
 declare const FloatingLabelInput: import("svelte").Component<FloatingLabelInputProps, {}, "value" | "elementRef">;

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#L725)
+[HelperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L728)
 ## 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#L725)
+ * [HelperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L728)
  * ## Props
  * @prop children
  * @prop class: className

package/dist/forms/input/Input.svelte

@@ -4,11 +4,39 @@
   import { input, clampSize } from ".";
   import clsx from "clsx";
 
-  let { children, left, right, value = $bindable(), elementRef = $bindable(), clearable = false, size, color = "default", class: className, classLeft, classRight, divClass, clearableSvgClass, clearableColor = "none", clearableClass, clearableOnClick, ...restProps }: InputProps<InputValue> = $props();
+  let {
+    children,
+    left,
+    right,
+    value = $bindable(),
+    elementRef = $bindable(),
+    clearable = false,
+    size,
+    color = "default",
+    class: className,
+    classLeft,
+    classRight,
+    divClass,
+    clearableSvgClass,
+    clearableColor = "none",
+    clearableClass,
+    clearableOnClick,
+    // Combobox props
+    data = [],
+    maxSuggestions = 5,
+    onSelect,
+    ...restProps
+  }: InputProps<InputValue> = $props();
+
+  // Automatically enable combobox when data is provided
+  const isCombobox = $derived(Array.isArray(data) && data.length > 0);
 
   // tinted if put in component having its own background
   let background: boolean = getContext("background");
 
+  // svelte-ignore non_reactive_update
+  let dummyFocusDiv: HTMLDivElement;
+
   let group: { size: SizeType } = getContext("group");
   let isGroup = !!group;
   let _size = $derived(size || clampSize(group?.size) || "md");
@@ -18,13 +46,163 @@
 
   const clearAll = () => {
     if (elementRef) {
-      elementRef.value = "";
-      value = undefined;
+      // in order to avoid type error in setTimeout()
+      const input = elementRef;
+      input.value = "";
+      value = "";
+
+      backspaceUsed = false;
+      updateSuggestions();
+      // hack to focus outside
+      dummyFocusDiv?.focus();
+      setTimeout(() => {
+        input.focus();
+      }, 100);
     }
+
     if (clearableOnClick) clearableOnClick();
   };
+
+  // Combobox functionality
+  let isFocused = $state(false);
+  let filteredSuggestions: string[] = $state([]);
+  let selectedIndex = $state(-1);
+  let backspaceUsed = $state(false); // Track if backspace was used to clear
+
+  function updateSuggestions() {
+    if (!isCombobox || !isFocused) {
+      filteredSuggestions = [];
+      return;
+    }
+
+    const searchTerm = ((value as string) || "").toLowerCase();
+
+    // Show suggestions if:
+    // 1. There's actual input text, OR
+    // 2. The input is empty but backspace was just used to clear it
+    if (searchTerm === "" && !backspaceUsed) {
+      filteredSuggestions = [];
+    } else {
+      // If there's text, filter suggestions
+      if (searchTerm) {
+        filteredSuggestions = data.filter((item) => item.toLowerCase().includes(searchTerm)).slice(0, maxSuggestions);
+      }
+      // If empty but backspace was used, show all suggestions
+      else if (backspaceUsed) {
+        filteredSuggestions = [...data].slice(0, maxSuggestions);
+      }
+    }
+
+    selectedIndex = -1;
+  }
+
+  // Watch for value changes
+  $effect(() => {
+    if (isCombobox) {
+      updateSuggestions();
+    }
+  });
+
+  function handleInput() {
+    // Reset backspace flag if user starts typing again
+    if ((value as string).length > 0) {
+      backspaceUsed = false;
+    }
+    updateSuggestions();
+  }
+
+  function handleFocus() {
+    isFocused = true;
+    updateSuggestions();
+  }
+
+  function handleBlur() {
+    // Small delay to allow click on suggestion to fire first
+    setTimeout(() => {
+      isFocused = false;
+      backspaceUsed = false; // Reset flag when focus is lost
+      filteredSuggestions = [];
+    }, 200);
+  }
+
+  function handleKeydown(event: KeyboardEvent) {
+    if (!isCombobox) return;
+
+    // Special handling for backspace/delete - track when it's used to clear the input
+    if (event.key === "Backspace" || event.key === "Delete") {
+      const currentValue = value as string;
+      // If this keypress will make the input empty
+      if (currentValue.length <= 1) {
+        backspaceUsed = true;
+      }
+    }
+
+    if (!filteredSuggestions.length) return;
+
+    switch (event.key) {
+      case "ArrowDown":
+        event.preventDefault();
+        selectedIndex = (selectedIndex + 1) % filteredSuggestions.length;
+        break;
+      case "ArrowUp":
+        event.preventDefault();
+        selectedIndex = selectedIndex <= 0 ? filteredSuggestions.length - 1 : selectedIndex - 1;
+        break;
+      case "Enter":
+        if (selectedIndex >= 0) {
+          event.preventDefault();
+          selectItem(filteredSuggestions[selectedIndex]);
+        }
+        break;
+      case "Escape":
+        event.preventDefault();
+        filteredSuggestions = [];
+        break;
+    }
+  }
+
+  function selectItem(item: string) {
+    value = item;
+
+    if (onSelect) {
+      onSelect(item);
+    }
+
+    filteredSuggestions = [];
+    selectedIndex = -1;
+
+    if (elementRef) {
+      elementRef.focus();
+    }
+  }
 </script>
 
+{#if clearable}
+  <div tabindex="-1" bind:this={dummyFocusDiv} class="sr-only"></div>
+{/if}
+
+<div class={isCombobox ? "relative w-full" : ""}>
+  {#if group}
+    {@render inputContent()}
+  {:else if right || left || clearable}
+    <div class={base({ class: divClass })}>
+      {@render inputContent()}
+    </div>
+  {:else}
+    {@render inputContent()}
+  {/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>
+
 {#snippet inputContent()}
   {#if left}
     <div class={leftCls({ class: classLeft })}>
@@ -34,7 +212,7 @@
   {#if children}
     {@render children({ ...restProps, class: inputCls() })}
   {:else}
-    <input {...restProps} bind:value bind:this={elementRef} class={inputCls({ class: clsx(className) })} />
+    <input {...restProps} bind:value bind:this={elementRef} oninput={handleInput} onfocus={handleFocus} onblur={handleBlur} onkeydown={handleKeydown} class={inputCls({ class: clsx(className) })} />
     {#if value !== undefined && value !== "" && clearable}
       <CloseButton onclick={clearAll} class={clearbtn({ class: clearableClass })} color={clearableColor} aria-label="Clear search value" svgClass={clearableSvgClass} />
     {/if}
@@ -45,20 +223,3 @@
     </div>
   {/if}
 {/snippet}
-
-{#if group}
-  {@render inputContent()}
-{:else if right || left || clearable}
-  <div class={base({ class: divClass })}>
-    {@render inputContent()}
-  </div>
-{:else}
-  {@render inputContent()}
-{/if}
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@props: 
--->

package/dist/forms/input/Input.svelte.d.ts

@@ -1,9 +1,4 @@
 import { type InputProps, type InputValue } from "../..";
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @props:
- */
 declare const Input: import("svelte").Component<InputProps<InputValue>, {}, "value" | "elementRef">;
 type Input = ReturnType<typeof Input>;
 export default Input;

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#L749)
+[InputAddonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L755)
 ## 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#L749)
+ * [InputAddonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L755)
  * ## 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#L756)
+[LabelProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L762)
 ## 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#L756)
+ * [LabelProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L762)
  * ## 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#L785)
+[RangeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L791)
 ## 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#L785)
+ * [RangeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L791)
  * ## 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#L790)
+[SearchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L796)
 ## 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#L790)
+ * [SearchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L796)
  * ## Props
  * @prop children
  * @prop class: inputClass

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#L868)
+[TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L874)
 ## 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#L868)
+ * [TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L874)
  * ## 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#L840)
+[TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L846)
 ## 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#L840)
+ * [TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L846)
  * ## 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#L887)
+[ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L893)
 ## 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#L887)
+ * [ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L893)
  * ## 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#L904)
+[GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L910)
 ## 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#L904)
+ * [GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L910)
  * ## 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#L912)
+[IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L918)
 ## 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#L912)
+ * [IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L918)
  * ## 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#L923)
+[KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L929)
 ## 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#L923)
+ * [KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L929)
  * ## 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#L942)
+[ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L948)
 ## 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#L942)
+ * [ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L948)
  * ## Props
  * @prop children
  * @prop items