flowbite-svelte 2.0.0-next.0 → 2.0.0-next.2

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

@@ -8,16 +8,14 @@ import type { TagsProps } from "../..";
  * @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 = true
+ * @prop inputProps = {}
+ * @prop disabled
  * @prop ...restProps
  */
 declare const Tags: import("svelte").Component<TagsProps, {}, "value">;

package/dist/forms/textarea/Textarea.svelte

@@ -3,9 +3,8 @@
   import clsx from "clsx";
   import type { TextareaProps } from "../..";
   import CloseButton from "../../utils/CloseButton.svelte";
-  import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
+  import { getTheme } from "../../theme/themeUtils";
   import { createDismissableContext } from "../../utils/dismissable";
-  import { untrack } from "svelte";
 
   let {
     header,
@@ -13,41 +12,16 @@
     addon,
     value = $bindable(),
     elementRef = $bindable(),
-    divClass,
-    innerClass,
-    headerClass,
-    footerClass,
-    addonClass,
     disabled,
     class: className,
     classes,
     clearable,
-    clearableSvgClass,
     clearableColor = "none",
-    clearableClass,
     clearableOnClick,
-    textareaClass,
     ...restProps
   }: TextareaProps = $props();
 
-  warnThemeDeprecation(
-    "Textarea",
-    untrack(() => ({ divClass, innerClass, headerClass, footerClass, addonClass, textareaClass, clearableClass, clearableSvgClass })),
-    { divClass: "div", innerClass: "inner", headerClass: "header", footerClass: "footer", addonClass: "addon", textareaClass: "class", clearableClass: "close", clearableSvgClass: "svg" }
-  );
-
-  const styling = $derived(
-    classes ?? {
-      div: divClass,
-      inner: innerClass,
-      header: headerClass,
-      footer: footerClass,
-      addon: addonClass,
-      textarea: textareaClass,
-      close: clearableClass,
-      svg: clearableSvgClass
-    }
-  );
+  const styling = $derived(classes);
 
   const theme = $derived(getTheme("textarea"));
 
@@ -69,33 +43,33 @@
   createDismissableContext(clearAll);
 </script>
 
-<div class={div({ class: clsx(theme?.div, styling.div) })}>
+<div class={div({ class: clsx(theme?.div, className) })}>
   {#if !wrapped}
-    <textarea bind:value bind:this={elementRef} {disabled} {...restProps} class={wrapper({ class: clsx(className, classes?.wrapper) })}></textarea>
+    <textarea bind:value bind:this={elementRef} {disabled} {...restProps} class={wrapper({ class: clsx(theme?.wrapper, styling?.wrapper) })}></textarea>
   {:else}
-    <div class={wrapper({ class: clsx(theme?.wrapper, classes?.wrapper) })}>
+    <div class={wrapper({ class: clsx(theme?.wrapper, styling?.wrapper) })}>
       {#if header}
-        <div class={headerCls({ class: clsx(theme?.header, styling.header) })}>
+        <div class={headerCls({ class: clsx(theme?.header, styling?.header) })}>
           {@render header()}
         </div>
       {/if}
-      <div class={inner({ class: clsx(theme?.inner, styling.inner) })}>
+      <div class={inner({ class: clsx(theme?.inner, styling?.inner) })}>
         {#if addon}
-          <div class={addonCls({ class: clsx(theme?.addon, styling.addon) })}>
+          <div class={addonCls({ class: clsx(theme?.addon, styling?.addon) })}>
             {@render addon()}
           </div>
         {/if}
-        <textarea bind:value bind:this={elementRef} {disabled} {...restProps} class={base({ class: clsx(theme?.base, className) })}></textarea>
+        <textarea bind:value bind:this={elementRef} {disabled} {...restProps} class={base({ class: clsx(theme?.base) })}></textarea>
       </div>
       {#if footer}
-        <div class={footerCls({ class: clsx(theme?.footer, styling.footer) })}>
+        <div class={footerCls({ class: clsx(theme?.footer, styling?.footer) })}>
           {@render footer()}
         </div>
       {/if}
     </div>
   {/if}
   {#if value !== undefined && value !== "" && clearable}
-    <CloseButton class={close({ class: clsx(theme?.close, styling.close) })} color={clearableColor} aria-label="Clear search value" svgClass={clsx(styling.svg)} />
+    <CloseButton class={close({ class: clsx(theme?.close, styling?.close) })} color={clearableColor} aria-label="Clear search value" svgClass={clsx(styling?.svg)} />
   {/if}
 </div>
 
@@ -103,26 +77,18 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L989)
+[TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L960)
 ## Props
 @prop header
 @prop footer
 @prop addon
 @prop value = $bindable()
 @prop elementRef = $bindable()
-@prop divClass
-@prop innerClass
-@prop headerClass
-@prop footerClass
-@prop addonClass
 @prop disabled
 @prop class: className
 @prop classes
 @prop clearable
-@prop clearableSvgClass
 @prop clearableColor = "none"
-@prop clearableClass
 @prop clearableOnClick
-@prop textareaClass
 @prop ...restProps
 -->

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

@@ -2,27 +2,19 @@ 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#L989)
+ * [TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L960)
  * ## Props
  * @prop header
  * @prop footer
  * @prop addon
  * @prop value = $bindable()
  * @prop elementRef = $bindable()
- * @prop divClass
- * @prop innerClass
- * @prop headerClass
- * @prop footerClass
- * @prop addonClass
  * @prop disabled
  * @prop class: className
  * @prop classes
  * @prop clearable
- * @prop clearableSvgClass
  * @prop clearableColor = "none"
- * @prop clearableClass
  * @prop clearableOnClick
- * @prop textareaClass
  * @prop ...restProps
  */
 declare const Textarea: import("svelte").Component<TextareaProps, {}, "value" | "elementRef">;

package/dist/forms/timepicker/Timepicker.svelte

@@ -44,7 +44,7 @@
 
   // Generate theme classes
   const styles = $derived(timepicker({ type, columns, disabled }));
-
+  let selectCls = $derived(styles.select({ class: clsx(theme?.select, selectClass) }));
   // State
   let selectedOption = $state("");
   let showTimerange = $state(false);
@@ -223,7 +223,7 @@
         oninput={(e) => handleTimeChange(e)}
         onchange={(e) => handleTimeChange(e)}
       />
-      <Select selectClass={styles.select({ class: clsx(theme?.select, selectClass) })} onchange={handleOptionSelect} items={options} value={selectedOption} />
+      <Select classes={{ select: selectCls }} onchange={handleOptionSelect} items={options} value={selectedOption} />
     {:else if type === "dropdown"}
       <Input
         {id}
@@ -352,7 +352,7 @@
     {:else if type === "timerange-toggle"}
       <div class={styles.toggleWrapper({ class: clsx(theme?.toggleWrapper) })}>
         <div class={styles.toggleRow({ class: clsx(theme?.toggleRow) })}>
-          <Toggle id={`${id}-timerange-toggle`} checked={showTimerange} onchange={toggleTimerange} spanClass="me-0 rounded-lg" />
+          <Toggle id={`${id}-timerange-toggle`} checked={showTimerange} onchange={toggleTimerange} classes={{ span: "me-0 rounded-base" }} />
         </div>
         {#if showTimerange}
           <div class={styles.toggleTimeRow({ class: clsx(theme?.toggleTimeRow) })}>
@@ -407,7 +407,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L960)
+[TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L931)
 ## 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#L960)
+ * [TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L931)
  * ## Props
  * @prop id = "time"
  * @prop endId = "end-time"

package/dist/forms/toggle/Toggle.svelte

@@ -3,18 +3,11 @@
   import clsx from "clsx";
   import type { ToggleProps } from "../..";
   import Label from "../label/Label.svelte";
-  import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
-  import { untrack } from "svelte";
+  import { getTheme } from "../../theme/themeUtils";
 
-  let { children, size = "default", value, checked = $bindable(), disabled, color = "primary", class: className, classes, inputClass, spanClass, offLabel, ...restProps }: ToggleProps = $props();
+  let { children, size = "default", value, checked = $bindable(), disabled, color = "primary", class: className, classes, offLabel, ...restProps }: ToggleProps = $props();
 
-  warnThemeDeprecation(
-    "Toggle",
-    untrack(() => ({ inputClass, spanClass })),
-    { inputClass: "input", spanClass: "span" }
-  );
-
-  const styling = $derived(classes ?? { input: inputClass, span: spanClass });
+  const styling = $derived(classes);
 
   const theme = $derived(getTheme("toggle"));
 
@@ -25,8 +18,8 @@
   {#if offLabel}
     {@render offLabel()}
   {/if}
-  <input type="checkbox" bind:checked {value} {...restProps} {disabled} class={input({ class: clsx(theme?.input, styling.input) })} />
-  <span class={span({ class: clsx(theme?.span, styling.span) })}></span>
+  <input type="checkbox" bind:checked {value} {...restProps} {disabled} class={input({ class: clsx(theme?.input, styling?.input) })} />
+  <span class={span({ class: clsx(theme?.span, styling?.span) })}></span>
   {#if children}
     {@render children()}
   {/if}
@@ -36,7 +29,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1011)
+[ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L973)
 ## Props
 @prop children
 @prop size = "default"
@@ -46,8 +39,6 @@
 @prop color = "primary"
 @prop class: className
 @prop classes
-@prop inputClass
-@prop spanClass
 @prop offLabel
 @prop ...restProps
 -->

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#L1011)
+ * [ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L973)
  * ## Props
  * @prop children
  * @prop size = "default"
@@ -12,8 +12,6 @@ import type { ToggleProps } from "../..";
  * @prop color = "primary"
  * @prop class: className
  * @prop classes
- * @prop inputClass
- * @prop spanClass
  * @prop offLabel
  * @prop ...restProps
  */

package/dist/gallery/Gallery.svelte

@@ -2,18 +2,11 @@
   import { gallery } from "./theme";
   import clsx from "clsx";
   import type { GalleryProps, ImgType } from "..";
-  import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
-  import { untrack } from "svelte";
+  import { getTheme } from "../theme/themeUtils";
 
-  let { children, figure, items = [], imgClass, class: className, classes, ...restProps }: GalleryProps = $props();
+  let { children, figure, items = [], class: className, classes, ...restProps }: GalleryProps = $props();
 
-  warnThemeDeprecation(
-    "Gallery",
-    untrack(() => ({ imgClass })),
-    { imgClass: "image" }
-  );
-
-  const styling = $derived(classes ?? { image: imgClass });
+  const styling = $derived(classes);
 
   const theme = $derived(getTheme("gallery"));
 
@@ -26,7 +19,7 @@
 
 {#snippet _figure(item: ImgType)}
   <div>
-    <img src={item.src} alt={item.alt} class={image({ class: clsx(theme?.image, styling.image) })} {...restProps} />
+    <img src={item.src} alt={item.alt} class={image({ class: clsx(theme?.image, styling?.image) })} {...restProps} />
   </div>
 {/snippet}
 
@@ -48,12 +41,11 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1028)
+[GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L988)
 ## Props
 @prop children
 @prop figure
 @prop items = []
-@prop imgClass
 @prop class: className
 @prop classes
 @prop ...restProps

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

@@ -2,12 +2,11 @@ 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#L1028)
+ * [GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L988)
  * ## Props
  * @prop children
  * @prop figure
  * @prop items = []
- * @prop imgClass
  * @prop class: className
  * @prop classes
  * @prop ...restProps

package/dist/gallery/theme.js

@@ -1,7 +1,7 @@
 import { tv } from "tailwind-variants";
 export const gallery = tv({
     slots: {
-        image: "h-auto max-w-full rounded-lg",
+        image: "h-auto max-w-full rounded-base",
         div: "grid"
     }
 });

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

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

package/dist/kanban/KanbanCard.svelte

@@ -47,7 +47,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[KanbanCardProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2170)
+[KanbanCardProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2036)
 ## Props
 @prop card
 @prop isDragging = false

package/dist/kanban/KanbanCard.svelte.d.ts

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

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

package/dist/list-group/Listgroup.svelte

@@ -6,14 +6,17 @@
   import { getTheme } from "../theme/themeUtils";
   import { setListGroupContext } from "../context";
 
-  let { children, items, active, onclick, horizontal, rounded, border, class: className, itemClass, iconClass, ...restProps }: ListgroupProps = $props();
+  let { children, items, active, onclick, horizontal, rounded, border, class: className, classes, ...restProps }: ListgroupProps = $props();
 
+  const styling = $derived(classes);
   const theme = $derived(getTheme("listGroup"));
 
-  const base = $derived(listGroup({ rounded, border, horizontal, class: clsx(theme, className) }));
+  const { base, item: listItem, icon: listIcon } = $derived(listGroup({ rounded, border, horizontal }));
 
   let tag = $derived(active ? "div" : "ul");
 
+  let listIconCls = $derived(listIcon({ class: clsx(theme?.icon, styling?.icon) }));
+
   // Create reactive context using getters
   const context = {
     get active() {
@@ -35,15 +38,25 @@
   }
 </script>
 
-<svelte:element this={tag} {...restProps} class={base}>
+<svelte:element this={tag} {...restProps} class={base({ class: clsx(theme?.base, className) })}>
   {#if items?.length}
     {#each items as item, i (i)}
       {#if children}
         {@render children(item)}
       {:else if typeof item === "string"}
-        <ListgroupItem href={undefined} class={clsx(itemClass)} iconClass={clsx(iconClass)} {active} {horizontal} onclick={createItemClickHandler()}>{item}</ListgroupItem>
+        <ListgroupItem href={undefined} class={listItem({ class: clsx(theme?.item, styling?.item) })} classes={{ icon: listIconCls }} {active} {horizontal} onclick={createItemClickHandler()}>
+          {item}
+        </ListgroupItem>
       {:else}
-        <ListgroupItem href={item.href} class={clsx(itemClass)} iconClass={clsx(iconClass)} {active} {horizontal} {...item} onclick={item.onclick ?? createItemClickHandler()} />
+        <ListgroupItem
+          href={item.href}
+          class={listItem({ class: clsx(theme?.item, styling?.item) })}
+          classes={{ icon: listIconCls }}
+          {active}
+          {horizontal}
+          {...item}
+          onclick={item.onclick ?? createItemClickHandler()}
+        />
       {/if}
     {/each}
   {:else}
@@ -55,7 +68,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1069)
+[ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1028)
 ## Props
 @prop children
 @prop items
@@ -65,7 +78,6 @@
 @prop rounded
 @prop border
 @prop class: className
-@prop itemClass
-@prop iconClass
+@prop classes
 @prop ...restProps
 -->

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#L1069)
+ * [ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1028)
  * ## Props
  * @prop children
  * @prop items
@@ -12,8 +12,7 @@ import type { ListgroupProps } from "..";
  * @prop rounded
  * @prop border
  * @prop class: className
- * @prop itemClass
- * @prop iconClass
+ * @prop classes
  * @prop ...restProps
  */
 declare const Listgroup: import("svelte").Component<ListgroupProps, {}, "">;

package/dist/list-group/ListgroupItem.svelte

@@ -1,12 +1,14 @@
 <script lang="ts">
+  import type { HTMLLiAttributes } from "svelte/elements";
   import clsx from "clsx";
   import type { ListgroupItemProps } from "..";
   import { listGroupItem, type ListgroupItemVariants } from "./theme";
   import { getTheme } from "../theme/themeUtils";
   import { getListGroupContext } from "../context";
 
-  let { children, active, current, disabled, horizontal, name, Icon, class: className, iconClass = "me-2.5 h-15 w-15", ...restProps }: ListgroupItemProps = $props();
+  let { children, active, current, disabled, horizontal, name, Icon, class: className, classes, href, type, ...restProps }: ListgroupItemProps = $props();
 
+  const styling = $derived(classes);
   const theme = $derived(getTheme("listGroupItem"));
 
   const listGroupCtx = getListGroupContext();
@@ -14,12 +16,12 @@
   const finalHorizontal = $derived(horizontal ?? listGroupCtx?.horizontal);
 
   let state: ListgroupItemVariants["state"] = $derived(disabled ? "disabled" : current ? "current" : "normal");
-  let itemClass = $derived(listGroupItem({ state, active: finalActive, horizontal: finalHorizontal, class: clsx(theme, className) }));
+  const { base, icon } = $derived(listGroupItem({ state, active: finalActive, horizontal: finalHorizontal }));
 </script>
 
 {#snippet nameOrChildren()}
   {#if Icon}
-    <Icon class={clsx(iconClass)} />
+    <Icon class={icon({ class: clsx(theme?.icon, styling?.icon) })} />
   {/if}
   {#if children}
     {@render children()}
@@ -28,16 +30,16 @@
   {/if}
 {/snippet}
 
-{#if restProps.href === undefined && !active}
-  <li class={itemClass}>
+{#if href === undefined && !active}
+  <li {...restProps as HTMLLiAttributes} class={base({ class: clsx(theme?.base, className) })}>
     {@render nameOrChildren()}
   </li>
-{:else if restProps.href === undefined}
-  <button type="button" {...restProps} class={itemClass} {disabled} aria-current={current}>
+{:else if href === undefined}
+  <button type={type ?? "button"} {...restProps} class={base({ class: clsx(theme?.base, className) })} {disabled} aria-current={current}>
     {@render nameOrChildren()}
   </button>
 {:else}
-  <a {...restProps} class={itemClass} aria-current={current}>
+  <a {href} {...restProps} class={base({ class: clsx(theme?.base, className) })} aria-current={current}>
     {@render nameOrChildren()}
   </a>
 {/if}
@@ -46,7 +48,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1080)
+[ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1038)
 ## Props
 @prop children
 @prop active
@@ -56,6 +58,8 @@
 @prop name
 @prop Icon
 @prop class: className
-@prop iconClass = "me-2.5 h-15 w-15"
+@prop classes
+@prop href
+@prop type
 @prop ...restProps
 -->

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#L1080)
+ * [ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1038)
  * ## Props
  * @prop children
  * @prop active
@@ -12,7 +12,9 @@ import type { ListgroupItemProps } from "..";
  * @prop name
  * @prop Icon
  * @prop class: className
- * @prop iconClass = "me-2.5 h-15 w-15"
+ * @prop classes
+ * @prop href
+ * @prop type
  * @prop ...restProps
  */
 declare const ListgroupItem: import("svelte").Component<ListgroupItemProps, {}, "">;