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

package/dist/accordion/theme.js

@@ -39,7 +39,7 @@ export const accordionItem = tv({
                 content: "py-5 border-b border-default text-body"
             },
             false: {
-                button: "rounded-t-base hover:text-heading hover:bg-neutral-secondary-medium",
+                button: "hover:text-heading hover:bg-neutral-secondary-medium",
                 contentWrapper: "border border-s-0 border-e-0 border-t-0 border-b-default",
                 content: "p-4 md:p-5"
             }

package/dist/command-palette/CommandPalette.svelte

@@ -194,7 +194,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[CommandPaletteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2253)
+[CommandPaletteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2202)
 ## Props
 @prop open = $bindable(false)
 @prop items = []

package/dist/command-palette/CommandPalette.svelte.d.ts

@@ -2,7 +2,7 @@ import type { CommandPaletteProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [CommandPaletteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2253)
+ * [CommandPaletteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2202)
  * ## Props
  * @prop open = $bindable(false)
  * @prop items = []

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

@@ -35,7 +35,10 @@
 
   const { base, input, label, close, combo } = $derived(floatingLabelInput({ variant, size, validation, disabled, withIcon }));
 
-  const clearAll = () => {
+  // Track if clear button should be shown
+  const showClearButton = $derived(clearable && value !== undefined && value !== "");
+
+  const clearAll = (_event?: MouseEvent) => {
     if (elementRef) {
       elementRef.value = "";
       value = "";
@@ -177,8 +180,8 @@
     onblur={handleBlur}
     onkeydown={handleKeydown}
   />
-  {#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)} />
+  {#if showClearButton}
+    <CloseButton class={close({ class: clsx(theme?.close, styling?.close) })} color={clearableColor} ariaLabel="Clear search value" svgClass={clsx(styling?.svg)} />
   {/if}
   <label for={id} class={label({ class: clsx(theme?.label, styling?.label) })}>
     {@render children()}

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}
 
@@ -53,7 +46,6 @@
 @prop children
 @prop figure
 @prop items = []
-@prop imgClass
 @prop class: className
 @prop classes
 @prop ...restProps

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

@@ -7,7 +7,6 @@ import type { GalleryProps } from "..";
  * @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#L1038)
 ## 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#L1038)
  * ## 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#L2119)
 ## 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#L2119)
  * ## 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#L1049)
 ## 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#L1049)
  * ## 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#L1068)
 ## 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#L1068)
  * ## 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#L1078)
 ## 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#L1078)
  * ## 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, {}, "">;

package/dist/list-group/theme.d.ts

@@ -1,46 +1,95 @@
 import { type VariantProps } from "tailwind-variants";
-export type ListgroupVariants = VariantProps<typeof listGroup>;
-export type ListgroupItemVariants = VariantProps<typeof listGroupItem>;
+import type { Classes } from "../theme/themeUtils";
+export type ListgroupVariants = VariantProps<typeof listGroup> & Classes<typeof listGroup>;
+export type ListgroupItemVariants = VariantProps<typeof listGroupItem> & Classes<typeof listGroupItem>;
 export declare const listGroup: import("tailwind-variants").TVReturnType<{
     rounded: {
-        true: string;
-        false: string;
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
     };
     border: {
-        true: string;
-        false: string;
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
     };
     horizontal: {
-        true: string;
-        false: string;
-    };
-}, undefined, "flex bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 divide-gray-200 dark:divide-gray-600", {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    item: string;
+    icon: string;
+}, undefined, {
     rounded: {
-        true: string;
-        false: string;
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
     };
     border: {
-        true: string;
-        false: string;
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
     };
     horizontal: {
-        true: string;
-        false: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    item: string;
+    icon: string;
+}, import("tailwind-variants").TVReturnType<{
     rounded: {
-        true: string;
-        false: string;
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
     };
     border: {
-        true: string;
-        false: string;
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
     };
     horizontal: {
-        true: string;
-        false: string;
-    };
-}, undefined, "flex bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 divide-gray-200 dark:divide-gray-600", unknown, unknown, undefined>>;
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    item: string;
+    icon: string;
+}, undefined, unknown, unknown, undefined>>;
 export declare const listGroupItem: import("tailwind-variants").TVReturnType<{
     state: {
         normal: string;
@@ -55,7 +104,10 @@ export declare const listGroupItem: import("tailwind-variants").TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "py-2 px-4 w-full text-sm font-medium list-none flex items-center text-left gap-2", {
+}, {
+    base: string;
+    icon: string;
+}, undefined, {
     state: {
         normal: string;
         current: string;
@@ -69,7 +121,10 @@ export declare const listGroupItem: import("tailwind-variants").TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, import("tailwind-variants").TVReturnType<{
+}, {
+    base: string;
+    icon: string;
+}, import("tailwind-variants").TVReturnType<{
     state: {
         normal: string;
         current: string;
@@ -83,4 +138,7 @@ export declare const listGroupItem: import("tailwind-variants").TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "py-2 px-4 w-full text-sm font-medium list-none flex items-center text-left gap-2", unknown, unknown, undefined>>;
+}, {
+    base: string;
+    icon: string;
+}, undefined, unknown, unknown, undefined>>;

package/dist/list-group/theme.js

@@ -1,24 +1,28 @@
 import { tv } from "tailwind-variants";
 export const listGroup = tv({
-    base: "flex bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 divide-gray-200 dark:divide-gray-600",
+    slots: {
+        base: "flex bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 divide-gray-200 dark:divide-gray-600",
+        item: "",
+        icon: ""
+    },
     variants: {
         rounded: {
-            true: "rounded-lg",
-            false: ""
+            true: { base: "rounded-lg" },
+            false: { base: "" }
         },
         border: {
-            true: "border border-gray-200 dark:border-gray-700",
-            false: ""
+            true: { base: "border border-gray-200 dark:border-gray-700" },
+            false: { base: "" }
         },
         horizontal: {
-            true: "flex-row divide-x",
-            false: "flex-col divide-y"
+            true: { base: "flex-row divide-x" },
+            false: { base: "flex-col divide-y" }
         }
     },
     compoundVariants: [
         {
             border: true,
-            class: "divide-gray-200 dark:divide-gray-700"
+            class: { base: "divide-gray-200 dark:divide-gray-700" }
         }
     ],
     defaultVariants: {
@@ -28,12 +32,15 @@ export const listGroup = tv({
     }
 });
 export const listGroupItem = tv({
-    base: "py-2 px-4 w-full text-sm font-medium list-none flex items-center text-left gap-2",
+    slots: {
+        base: "py-2 px-4 w-full text-sm font-medium list-none flex items-center text-left gap-2",
+        icon: "w-4 h-4 me-1.5"
+    },
     variants: {
         state: {
             normal: "",
             current: "text-white bg-primary-700 dark:text-white dark:bg-gray-800",
-            disabled: "text-gray-900 bg-gray-100 dark:bg-gray-600 dark:text-gray-400"
+            disabled: "text-gray-900 bg-gray-100 dark:bg-gray-600 dark:text-gray-400 opacity-50"
         },
         active: {
             true: "",
@@ -55,13 +62,5 @@ export const listGroupItem = tv({
             state: "normal",
             class: "hover:bg-gray-100 hover:text-primary-700 dark:hover:bg-gray-600 dark:hover:text-white focus:z-40 focus:outline-hidden focus:ring-2 focus:ring-primary-700 focus:text-primary-700 dark:focus:ring-gray-500 dark:focus:text-white"
         }
-        // {
-        //   horizontal: true,
-        //   class: "focus:first:rounded-s-lg focus:last:rounded-e-lg"
-        // },
-        // {
-        //   horizontal: false,
-        //   class: "focus:first:rounded-t-lg focus:last:rounded-b-lg"
-        // }
     ]
 });

package/dist/mega-menu/MegaMenu.svelte

@@ -3,25 +3,18 @@
   import clsx from "clsx";
   import type { MegaMenuProps } from "..";
   import Popper from "../utils/Popper.svelte";
-  import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
-  import { untrack } from "svelte";
+  import { getTheme } from "../theme/themeUtils";
 
-  let { children, extra, items = [], full, ulClass, isOpen = $bindable(false), class: className, extraClass, classes, ...restProps }: MegaMenuProps = $props();
+  let { children, extra, items = [], full, isOpen = $bindable(false), class: className, classes, ...restProps }: MegaMenuProps = $props();
 
-  warnThemeDeprecation(
-    "MegaMenu",
-    untrack(() => ({ ulClass, extraClass })),
-    { ulClass: "ul", extraClass: "extra" }
-  );
-
-  const styling = $derived(classes ?? { ul: ulClass, extra: extraClass });
+  const styling = $derived(classes);
   const theme = $derived(getTheme("megamenu"));
   const { base, div, ul, extra: extraCls } = $derived(megamenu({ full, hasExtra: !!extra }));
 </script>
 
 <Popper arrow={false} bind:isOpen trigger="click" placement="bottom" yOnly={full} {...restProps} class={base({ class: clsx(theme?.base, className) })}>
-  <div class={div({ class: clsx(theme?.div, classes?.div) })}>
-    <ul class={ul({ class: clsx(theme?.ul, styling.ul) })}>
+  <div class={div({ class: clsx(theme?.div, styling?.div) })}>
+    <ul class={ul({ class: clsx(theme?.ul, styling?.ul) })}>
       {#each items as item, index (item.name)}
         <li>
           {@render children({ item, index })}
@@ -30,7 +23,7 @@
         {@render children({ item: items[0], index: 0 })}
       {/each}
     </ul>
-    {#if full && extra}<div class={extraCls({ class: clsx(theme?.extra, styling.extra) })}>{@render extra()}</div>{/if}
+    {#if full && extra}<div class={extraCls({ class: clsx(theme?.extra, styling?.extra) })}>{@render extra()}</div>{/if}
   </div>
 </Popper>
 
@@ -38,16 +31,14 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1091)
+[MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1088)
 ## Props
 @prop children
 @prop extra
 @prop items = []
 @prop full
-@prop ulClass
 @prop isOpen = $bindable(false)
 @prop class: className
-@prop extraClass
 @prop classes
 @prop ...restProps
 -->

package/dist/mega-menu/MegaMenu.svelte.d.ts

@@ -2,16 +2,14 @@ import type { MegaMenuProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1091)
+ * [MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1088)
  * ## Props
  * @prop children
  * @prop extra
  * @prop items = []
  * @prop full
- * @prop ulClass
  * @prop isOpen = $bindable(false)
  * @prop class: className
- * @prop extraClass
  * @prop classes
  * @prop ...restProps
  */