flowbite-svelte 1.10.13 → 1.10.14

package/dist/forms/search/theme.d.ts

@@ -1,6 +1,9 @@
 import { type VariantProps } from "tailwind-variants";
 import type { ClassValue } from "svelte/elements";
-export type SearchVariants = VariantProps<typeof search>;
+import type { Classes } from "../../theme/themeUtils";
+export type SearchVariants = VariantProps<typeof search> & Classes<typeof search>;
+export type SearchSlots = keyof typeof search.slots;
+export type SearchTheme = Partial<Record<SearchSlots, ClassValue>>;
 export declare const search: import("tailwind-variants").TVReturnType<{
     size: {
         sm: {
@@ -18,11 +21,12 @@ export declare const search: import("tailwind-variants").TVReturnType<{
     };
 }, {
     base: string;
-    leftDiv: string;
+    left: string;
     icon: string;
     content: string;
     input: string;
-    closebutton: string;
+    close: string;
+    svg: string;
 }, undefined, {
     size: {
         sm: {
@@ -40,11 +44,12 @@ export declare const search: import("tailwind-variants").TVReturnType<{
     };
 }, {
     base: string;
-    leftDiv: string;
+    left: string;
     icon: string;
     content: string;
     input: string;
-    closebutton: string;
+    close: string;
+    svg: string;
 }, import("tailwind-variants").TVReturnType<{
     size: {
         sm: {
@@ -62,11 +67,10 @@ export declare const search: import("tailwind-variants").TVReturnType<{
     };
 }, {
     base: string;
-    leftDiv: string;
+    left: string;
     icon: string;
     content: string;
     input: string;
-    closebutton: string;
+    close: string;
+    svg: string;
 }, undefined, unknown, unknown, undefined>>;
-export type SearchSlots = keyof typeof search.slots;
-export type SearchTheme = Partial<Record<SearchSlots, ClassValue>>;

package/dist/forms/search/theme.js

@@ -2,11 +2,12 @@ import { tv } from "tailwind-variants";
 export const search = tv({
     slots: {
         base: "relative w-full",
-        leftDiv: "absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none",
+        left: "absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none",
         icon: "text-gray-500 dark:text-gray-400",
         content: "absolute inset-y-0 end-0 flex items-center text-gray-500 dark:text-gray-400",
         input: "block w-full text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500",
-        closebutton: "absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-black"
+        close: "absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-black",
+        svg: ""
     },
     variants: {
         size: {

package/dist/forms/select/MultiSelect.svelte

@@ -2,8 +2,8 @@
   import clsx from "clsx";
   import { Badge, CloseButton, type MultiSelectProps, type SelectOptionType } from "../..";
   import { multiSelect, type MultiSelectTheme } from ".";
-  import { getTheme } from "../../theme/themeUtils";
-  import { onMount, onDestroy } from "svelte"; // Import onMount and onDestroy
+  import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
+  import { onMount } from "svelte";
 
   // Consider reusing that component - https://svelecte.vercel.app/
 
@@ -18,6 +18,7 @@
     onchange,
     onblur,
     class: className,
+    classes,
     // Extract select-specific props
     name,
     form,

package/dist/forms/select/Select.svelte

@@ -2,13 +2,17 @@
   import { select as selectCls, type SelectTheme } from ".";
   import clsx from "clsx";
   import { type SelectProps, CloseButton } from "../..";
-  import { getTheme } from "../../theme/themeUtils";
+  import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
 
-  let { children, items, value = $bindable(), elementRef = $bindable(), underline, size = "md", disabled, selectClass, class: className, placeholder = "Choose option ...", clearable, clearableSvgClass, clearableColor = "none", clearableClass, clearableOnClick, ...restProps }: SelectProps<T> = $props();
+  let { children, items, value = $bindable(), elementRef = $bindable(), underline, size = "md", disabled, placeholder = "Choose option ...", clearable, clearableColor = "none", clearableOnClick, clearableSvgClass, clearableClass, selectClass, class: className, classes, ...restProps }: SelectProps<T> = $props();
+
+  // clearableSvgClass, clearableClass, selectClass
+  warnThemeDeprecation("Select", { selectClass, clearableSvgClass, clearableClass }, { selectClass: "select", clearableSvgClass: "svg", clearableClass: "close" });
+  let styling = $derived({ select: selectClass, svg: clearableSvgClass, close: clearableClass });
 
   const theme = getTheme("select");
 
-  const { base, select, closebutton } = $derived(selectCls({ underline, size, disabled }));
+  const { base, select, close } = $derived(selectCls({ underline, size, disabled }));
 
   const clearAll = () => {
     if (elementRef) {
@@ -36,7 +40,7 @@
     {/if}
   </select>
   {#if value !== undefined && value !== "" && clearable}
-    <CloseButton onclick={clearAll} class={closebutton({ class: clsx((theme as SelectTheme)?.closebutton, clearableClass) })} color={clearableColor} aria-label="Clear search value" svgClass={clsx(clearableSvgClass)} {disabled} />
+    <CloseButton onclick={clearAll} class={close({ class: clsx((theme as SelectTheme)?.close, clearableClass) })} color={clearableColor} aria-label="Clear search value" svgClass={clsx(clearableSvgClass)} {disabled} />
   {/if}
 </div>
 <!--

package/dist/forms/select/theme.d.ts

@@ -1,6 +1,12 @@
 import { type VariantProps } from "tailwind-variants";
 import type { ClassValue } from "svelte/elements";
-export type SelectVariants = VariantProps<typeof select>;
+import type { Classes } from "../../theme/themeUtils";
+export type SelectVariants = VariantProps<typeof select> & Classes<typeof select>;
+export type MultiSelectVariants = VariantProps<typeof multiSelect> & Classes<typeof multiSelect>;
+export type SelectSlots = keyof typeof select.slots;
+export type SelectTheme = Partial<Record<SelectSlots, ClassValue>>;
+export type MultiSelectSlots = keyof typeof multiSelect.slots;
+export type MultiSelectTheme = Partial<Record<MultiSelectSlots, ClassValue>>;
 export declare const select: import("tailwind-variants").TVReturnType<{
     underline: {
         true: {
@@ -30,7 +36,7 @@ export declare const select: import("tailwind-variants").TVReturnType<{
 }, {
     base: string;
     select: string;
-    closebutton: string;
+    close: string;
 }, undefined, {
     underline: {
         true: {
@@ -60,7 +66,7 @@ export declare const select: import("tailwind-variants").TVReturnType<{
 }, {
     base: string;
     select: string;
-    closebutton: string;
+    close: string;
 }, import("tailwind-variants").TVReturnType<{
     underline: {
         true: {
@@ -90,11 +96,8 @@ export declare const select: import("tailwind-variants").TVReturnType<{
 }, {
     base: string;
     select: string;
-    closebutton: string;
+    close: string;
 }, undefined, unknown, unknown, undefined>>;
-export type SelectSlots = keyof typeof select.slots;
-export type SelectTheme = Partial<Record<SelectSlots, ClassValue>>;
-export type MultiSelectVariants = VariantProps<typeof multiSelect>;
 export declare const multiSelect: import("tailwind-variants").TVReturnType<{
     size: {
         sm: string;
@@ -192,5 +195,3 @@ export declare const multiSelect: import("tailwind-variants").TVReturnType<{
     dropdownitem: string;
     closebutton: string;
 }, undefined, unknown, unknown, undefined>>;
-export type MultiSelectSlots = keyof typeof multiSelect.slots;
-export type MultiSelectTheme = Partial<Record<MultiSelectSlots, ClassValue>>;

package/dist/forms/select/theme.js

@@ -3,7 +3,7 @@ export const select = tv({
     slots: {
         base: "relative",
         select: "block w-full rtl:text-right",
-        closebutton: "absolute right-8 top-1/2 -translate-y-1/2 text-gray-400 hover:text-black"
+        close: "absolute right-8 top-1/2 -translate-y-1/2 text-gray-400 hover:text-black"
     },
     variants: {
         underline: {

package/dist/forms/tags/Tags.svelte

@@ -1,83 +1,133 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { type TagsProps, CloseButton } from "../..";
+  import { type TagsProps, CloseButton, P } from "../..";
   import { tags, type TagsTheme } from "./theme";
-  import { getTheme } from "../../theme/themeUtils";
+  import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
 
-  let { value = $bindable([]), itemClass, spanClass, placeholder = "Enter tags", class: className, closeClass, inputClass, closeBtnSize = "xs", ...restProps }: TagsProps = $props();
+  let { value = $bindable([]), placeholder = "Enter tags", class: className, classes, itemClass, spanClass, closeClass, inputClass, closeBtnSize = "xs", unique = false, availableTags = [], showHelper = false, showAvailableTags = false, allowNewTags = false, ...restProps }: TagsProps = $props();
+
+  warnThemeDeprecation("Tags", { itemClass, spanClass, closeClass, inputClass }, { itemClass: "tag", spanClass: "span", closeClass: "close", inputClass: "input" });
+  let styling = $derived({
+    tag: itemClass,
+    span: spanClass,
+    close: closeClass,
+    input: inputClass
+  });
 
   const theme = getTheme("tags");
 
-  const { base, tag: tagCls, span: spanCls, closebutton, input: inputCls } = $derived(tags());
+  const { base, tag: tagCls, span: spanCls, close, input: inputCls, info, warning, error } = $derived(tags());
 
   let contents: string = $state("");
+  let errorMessage: string = $state("");
 
   const handleKeys = (event: KeyboardEvent) => {
     if (event.key === "Enter") {
       event.preventDefault();
-      if (contents.length > 0 && contents.trim().length > 0) {
-        value.push(contents.trim());
-        value = value;
-        contents = "";
+      const newTag = contents.trim();
+
+      if (newTag.length === 0) return;
+
+      const isInAvailable = availableTags.length === 0 || availableTags.some((tag) => tag.toLowerCase() === newTag.toLowerCase());
+
+      const alreadyExists = value.some((tag) => tag.toLowerCase() === newTag.toLowerCase());
+
+      if (!allowNewTags && !isInAvailable) {
+        errorMessage = `"${newTag}" is not in the available tags.`;
+        return;
       }
-    }
 
-    if (event.key === "Backspace") {
-      if (contents.length === 0) {
-        event.preventDefault();
-        contents = value.pop() ?? "";
-        value = value;
+      if (unique && alreadyExists) {
+        errorMessage = `"${newTag}" is already added.`;
+        return;
       }
+
+      value.push(newTag);
+      value = value;
+      contents = "";
+      errorMessage = "";
+    }
+
+    if (event.key === "Backspace" && contents.length === 0) {
+      event.preventDefault();
+      contents = value.pop() ?? "";
+      value = value;
+      errorMessage = "";
     }
   };
 
   const deleteField = (index: number) => {
     value.splice(index, 1);
     value = value;
+    errorMessage = "";
   };
 </script>
 
-<div {...restProps} class={base({ class: clsx((theme as TagsTheme)?.base, className) })}>
+{#if showHelper && contents.trim().length > 0 && availableTags.length > 0 && !allowNewTags}
+  {#if value.some((tag) => tag.toLowerCase() === contents.trim().toLowerCase())}
+    <P class={clsx(warning(), classes?.warning)}>"{contents.trim()}" is already added.</P>
+  {:else if !availableTags.some((tag) => tag.toLowerCase() === contents.trim().toLowerCase())}
+    <P class={clsx(error(), classes?.error)}>"{contents.trim()}" is not in the available tags.</P>
+  {/if}
+{/if}
+
+<div
+  {...restProps}
+  class={base({
+    class: clsx((theme as TagsTheme)?.base, className, availableTags.length > 0 ? "overflow-auto" : "overflow-x-auto")
+  })}
+>
   {#each value as tag, index}
-    <div class={tagCls({ class: clsx((theme as TagsTheme)?.tag, itemClass) })}>
-      <span class={spanCls({ class: clsx((theme as TagsTheme)?.span, spanClass) })}>
+    <div class={tagCls({ class: clsx((theme as TagsTheme)?.tag, styling.tag) })}>
+      <span class={spanCls({ class: clsx((theme as TagsTheme)?.span, styling.span) })}>
         {tag}
       </span>
-      <CloseButton
-        size={closeBtnSize}
-        class={closebutton({ class: clsx((theme as TagsTheme)?.closebutton, closeClass) })}
-        onclick={() => {
-          deleteField(index);
-        }}
-      />
+      <CloseButton size={closeBtnSize} class={close({ class: clsx((theme as TagsTheme)?.close, styling.close) })} onclick={() => deleteField(index)} />
     </div>
   {/each}
-
-  <input
-    onkeydown={(event) => {
-      handleKeys(event);
-    }}
-    bind:value={contents}
-    placeholder={value.length === 0 ? placeholder : ""}
-    type="text"
-    autocomplete="new-password"
-    class={inputCls({ class: clsx(inputClass) })}
-  />
+  <div class="relative w-full">
+    <input onkeydown={handleKeys} bind:value={contents} placeholder={value.length === 0 ? placeholder : ""} type="text" autocomplete="new-password" class={inputCls({ class: clsx(styling.input) })} />
+    {#if availableTags.length > 0 && contents.trim() !== ""}
+      <ul class="absolute z-10 mt-1 max-h-48 w-full overflow-auto rounded border border-gray-300 bg-white shadow">
+        {#each availableTags.filter((tag) => tag.toLowerCase().includes(contents.trim().toLowerCase()) && (!unique || !value.some((t) => t.toLowerCase() === tag.toLowerCase()))) as suggestion}
+          <li>
+            <button
+              type="button"
+              class="block w-full cursor-pointer px-3 py-2 text-left hover:bg-gray-100"
+              onclick={() => {
+                value.push(suggestion);
+                value = value;
+                contents = "";
+              }}
+            >
+              {suggestion}
+            </button>
+          </li>
+        {/each}
+      </ul>
+    {/if}
+  </div>
 </div>
 
 <!--
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TagsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L876)
+[TagsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L877)
 ## Props
 @prop value = $bindable([])
-@prop itemClass
-@prop spanClass
 @prop placeholder = "Enter tags"
 @prop class: className
+@prop classes
+@prop itemClass
+@prop spanClass
 @prop closeClass
 @prop inputClass
 @prop closeBtnSize = "xs"
+@prop unique = false
+@prop availableTags = []
+@prop showHelper = false
+@prop showAvailableTags = false
+@prop allowNewTags = false
 @prop ...restProps
 -->

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

@@ -2,16 +2,22 @@ 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#L876)
+ * [TagsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L877)
  * ## Props
  * @prop value = $bindable([])
- * @prop itemClass
- * @prop spanClass
  * @prop placeholder = "Enter tags"
  * @prop class: className
+ * @prop classes
+ * @prop itemClass
+ * @prop spanClass
  * @prop closeClass
  * @prop inputClass
  * @prop closeBtnSize = "xs"
+ * @prop unique = false
+ * @prop availableTags = []
+ * @prop showHelper = false
+ * @prop showAvailableTags = false
+ * @prop allowNewTags = false
  * @prop ...restProps
  */
 declare const Tags: import("svelte").Component<TagsProps, {}, "value">;

package/dist/forms/tags/theme.d.ts

@@ -1,12 +1,20 @@
+import { type VariantProps } from "tailwind-variants";
 import type { ClassValue } from "svelte/elements";
+import type { Classes } from "../../theme/themeUtils";
+export type TagsVariants = VariantProps<typeof tags> & Classes<typeof tags>;
+export type TagsSlots = keyof typeof tags.slots;
+export type TagsTheme = Partial<Record<TagsSlots, ClassValue>>;
 export declare const tags: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             base?: import("tailwind-variants").ClassValue;
             span?: import("tailwind-variants").ClassValue;
+            close?: import("tailwind-variants").ClassValue;
             tag?: import("tailwind-variants").ClassValue;
             input?: import("tailwind-variants").ClassValue;
-            closebutton?: import("tailwind-variants").ClassValue;
+            error?: import("tailwind-variants").ClassValue;
+            info?: import("tailwind-variants").ClassValue;
+            warning?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
@@ -14,39 +22,52 @@ export declare const tags: import("tailwind-variants").TVReturnType<{
         [x: string]: import("tailwind-variants").ClassValue | {
             base?: import("tailwind-variants").ClassValue;
             span?: import("tailwind-variants").ClassValue;
+            close?: import("tailwind-variants").ClassValue;
             tag?: import("tailwind-variants").ClassValue;
             input?: import("tailwind-variants").ClassValue;
-            closebutton?: import("tailwind-variants").ClassValue;
+            error?: import("tailwind-variants").ClassValue;
+            info?: import("tailwind-variants").ClassValue;
+            warning?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
     base: string;
     tag: string;
     span: string;
-    closebutton: string;
+    close: string;
     input: string;
+    info: string;
+    warning: string;
+    error: string;
 }, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             base?: import("tailwind-variants").ClassValue;
             span?: import("tailwind-variants").ClassValue;
+            close?: import("tailwind-variants").ClassValue;
             tag?: import("tailwind-variants").ClassValue;
             input?: import("tailwind-variants").ClassValue;
-            closebutton?: import("tailwind-variants").ClassValue;
+            error?: import("tailwind-variants").ClassValue;
+            info?: import("tailwind-variants").ClassValue;
+            warning?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
     base: string;
     tag: string;
     span: string;
-    closebutton: string;
+    close: string;
     input: string;
+    info: string;
+    warning: string;
+    error: string;
 }, import("tailwind-variants").TVReturnType<unknown, {
     base: string;
     tag: string;
     span: string;
-    closebutton: string;
+    close: string;
     input: string;
+    info: string;
+    warning: string;
+    error: string;
 }, undefined, unknown, unknown, undefined>>;
-export type TagsSlots = keyof typeof tags.slots;
-export type TagsTheme = Partial<Record<TagsSlots, ClassValue>>;

package/dist/forms/tags/theme.js

@@ -1,10 +1,13 @@
 import { tv } from "tailwind-variants";
 export const tags = tv({
     slots: {
-        base: "border bg-gray-50 border-gray-300 rounded-lg flex focus-within:ring-primary-500 focus-within:ring-1 focus-within:border-primary-500 overflow-x-auto scrollbar-hidden",
+        base: "border bg-gray-50 border-gray-300 rounded-lg flex focus-within:ring-primary-500 focus-within:ring-1 focus-within:border-primary-500 scrollbar-hidden",
         tag: "flex items-center rounded-lg bg-gray-100 text-gray-900 border border-gray-300 my-1 ml-1 px-2 text-sm max-w-full min-w-fit",
         span: "items-center",
-        closebutton: "my-auto ml-1",
-        input: "block text-sm m-2.5 p-0 bg-transparent border-none outline-none text-gray-900 h-min w-full min-w-fit focus:ring-0 placeholder-gray-400"
+        close: "my-auto ml-1",
+        input: "block text-sm m-2.5 p-0 bg-transparent border-none outline-none text-gray-900 h-min w-full min-w-fit focus:ring-0 placeholder-gray-400",
+        info: "mt-1 text-sm text-blue-500",
+        warning: "mt-1 text-sm text-yellow-500",
+        error: "mt-1 text-sm text-red-500"
     }
 });

package/dist/forms/textarea/Textarea.svelte

@@ -58,7 +58,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L923)
+[TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L930)
 ## 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#L923)
+ * [TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L930)
  * ## Props
  * @prop header
  * @prop footer

package/dist/forms/timepicker/Timepicker.svelte

@@ -269,7 +269,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L894)
+[TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L901)
 ## 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#L894)
+ * [TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L901)
  * ## Props
  * @prop id = "time"
  * @prop endId = "end-time"

package/dist/forms/toggle/Toggle.svelte

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

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

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

package/dist/gallery/Gallery.svelte

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

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

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

package/dist/indicator/Indicator.svelte

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

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

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

package/dist/kbd/Kbd.svelte

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

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

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

package/dist/list-group/Listgroup.svelte

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

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

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

package/dist/list-group/ListgroupItem.svelte

@@ -45,7 +45,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1014)
+[ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1021)
 ## Props
 @prop children
 @prop active

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

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