flowbite-svelte 1.22.0 → 1.24.0

package/dist/command-palette/CommandPalette.svelte

@@ -0,0 +1,209 @@
+<script lang="ts">
+  import Dialog from "../dialog/Dialog.svelte";
+  import Search from "../forms/search/Search.svelte";
+  import { getTheme } from "../theme/themeUtils";
+  import type { CommandItem, CommandPaletteProps } from "../types";
+  import clsx from "clsx";
+  import { commandPalette } from "./theme";
+
+  const styles = commandPalette();
+
+  let {
+    open = $bindable(false),
+    items = [],
+    placeholder = "Type a command or search keywords ...",
+    emptyMessage = "No results found.",
+    shortcutKey = "k",
+    vim = false,
+    "aria-labelledby": ariaLabelledby,
+    class: className,
+    classes,
+    ...restProps
+  }: CommandPaletteProps = $props();
+
+  const theme = getTheme("commandPalette");
+
+  let search = $state("");
+  let selectedIndex = $state(0);
+  let containerElement = $state<HTMLDialogElement>();
+  let gid = $props.id();
+  let ulId = "command-palette-options-" + gid;
+
+  const filteredItems = $derived.by(() => {
+    const searchLower = search.trim().toLowerCase();
+    if (searchLower === "") return items;
+
+    const check = (x?: string) => x?.toLowerCase().includes(searchLower);
+    return items.filter((item) => check(item.label) || check(item.description) || item.keywords?.some(check));
+  });
+
+  $effect(() => {
+    if (filteredItems.length > 0 && selectedIndex >= filteredItems.length) {
+      selectedIndex = Math.max(filteredItems.length - 1, 0);
+    }
+  });
+
+  function handleKeydown(e: KeyboardEvent) {
+    if (!open) return;
+
+    if (handleGlobalKeydown(e)) return;
+
+    switch (e.key) {
+      case "j":
+        if (!vim || e.ctrlKey) break;
+      // falls through
+      case "ArrowDown":
+        e.preventDefault();
+        selectedIndex = Math.max(Math.min(selectedIndex + 1, filteredItems.length - 1), 0);
+        scrollToSelected();
+        break;
+      case "k":
+        if (!vim || e.ctrlKey) break;
+      // falls through
+      case "ArrowUp":
+        e.preventDefault();
+        selectedIndex = Math.max(selectedIndex - 1, 0);
+        scrollToSelected();
+        break;
+      case "Enter":
+        e.preventDefault();
+        if (filteredItems[selectedIndex]) {
+          selectItem(filteredItems[selectedIndex]);
+        }
+        break;
+    }
+  }
+
+  function scrollToSelected() {
+    if (!containerElement) return;
+
+    const listElement = containerElement.querySelector("ul");
+    if (!listElement) return;
+
+    const selectedElement = listElement.querySelector(`#${CSS.escape(filteredItems[selectedIndex]?.id)}`) as HTMLElement;
+    if (!selectedElement) return;
+
+    const listRect = listElement.getBoundingClientRect();
+    const elementRect = selectedElement.getBoundingClientRect();
+
+    if (elementRect.bottom > listRect.bottom) {
+      selectedElement.scrollIntoView({ block: "end", behavior: "auto" });
+    } else if (elementRect.top < listRect.top) {
+      selectedElement.scrollIntoView({ block: "start", behavior: "auto" });
+    }
+  }
+
+  function selectItem(item: CommandItem) {
+    item.onselect();
+    open = false;
+    search = "";
+    selectedIndex = 0;
+  }
+
+  const handleGlobalKeydown = (e: KeyboardEvent) => {
+    if ((e.metaKey || e.ctrlKey) && e.key === shortcutKey) {
+      e.preventDefault();
+      open = !open;
+      selectedIndex = 0;
+      return true;
+    }
+  };
+
+  function init(dlg: HTMLDialogElement) {
+    containerElement = dlg;
+  }
+</script>
+
+<svelte:window onkeydown={open ? handleKeydown : handleGlobalKeydown} />
+
+<Dialog bind:open dismissable={false} {@attach init} aria-modal="true" aria-labelledby={ariaLabelledby} tabindex={-1} class={styles.base({ class: clsx(theme?.base, className) })} {...restProps}>
+  <!-- Search Input -->
+  <Search
+    size="md"
+    {placeholder}
+    bind:value={search}
+    classes={{ input: styles.search({ class: clsx(theme?.search, classes?.search) }) }}
+    autofocus
+    role="combobox"
+    aria-expanded="true"
+    aria-controls={ulId}
+    aria-activedescendant={filteredItems[selectedIndex]?.id}
+  />
+
+  <!-- Results -->
+  {#if filteredItems.length > 0}
+    <ul id={ulId} class={styles.list({ class: clsx(theme?.list, classes?.list) })} role="listbox">
+      {#each filteredItems as item, index (item.id)}
+        <li
+          data-index={index}
+          id={item.id}
+          role="option"
+          aria-selected={index === selectedIndex}
+          class={styles.item({ selected: index === selectedIndex, class: clsx(theme?.item, classes?.item) })}
+          onclick={() => selectItem(item)}
+          onkeydown={(e) => e.key === "Enter" && selectItem(item)}
+          onmouseenter={() => (selectedIndex = index)}
+          tabindex="-1"
+        >
+          <div class="flex items-center gap-3">
+            {#if item.icon}
+              <span class="text-lg">{item.icon}</span>
+            {/if}
+            <div class="min-w-0 flex-1">
+              <div class="truncate text-sm font-medium">{item.label}</div>
+              {#if item.description}
+                <div class={styles.itemDescription({ class: clsx(theme?.itemDescription, classes?.itemDescription) })}>
+                  {item.description}
+                </div>
+              {/if}
+            </div>
+          </div>
+        </li>
+      {/each}
+    </ul>
+  {:else if search}
+    <div class={styles.empty({ class: clsx(theme?.empty, classes?.empty) })}>
+      <p>{emptyMessage}</p>
+    </div>
+  {/if}
+
+  <!-- Footer -->
+  <div class={styles.footer({ class: clsx(theme?.footer, classes?.footer) })}>
+    <div class="flex items-center gap-4">
+      <kbd class={styles.kbd({ class: clsx(theme?.kbd, classes?.kbd) })}>
+        {#if vim}
+          <span>j/k</span>
+        {:else}
+          <span>↑↓</span>
+        {/if}
+        <span>Navigate</span>
+      </kbd>
+      <kbd class={styles.kbd({ class: clsx(theme?.kbd, classes?.kbd) })}>
+        <span>↵</span>
+        <span>Select</span>
+      </kbd>
+    </div>
+    <kbd class={styles.kbd({ class: clsx(theme?.kbd, classes?.kbd) })}>
+      <span>ESC</span>
+      <span>Close</span>
+    </kbd>
+  </div>
+</Dialog>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Type
+[CommandPaletteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2189)
+## Props
+@prop open = $bindable(false)
+@prop items = []
+@prop placeholder = "Type a command or search keywords ..."
+@prop emptyMessage = "No results found."
+@prop shortcutKey = "k"
+@prop vim = false
+@prop "aria-labelledby": ariaLabelledby
+@prop class: className
+@prop classes
+@prop ...restProps
+-->

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

@@ -0,0 +1,20 @@
+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#L2189)
+ * ## Props
+ * @prop open = $bindable(false)
+ * @prop items = []
+ * @prop placeholder = "Type a command or search keywords ..."
+ * @prop emptyMessage = "No results found."
+ * @prop shortcutKey = "k"
+ * @prop vim = false
+ * @prop "aria-labelledby": ariaLabelledby
+ * @prop class: className
+ * @prop classes
+ * @prop ...restProps
+ */
+declare const CommandPalette: import("svelte").Component<CommandPaletteProps, {}, "open">;
+type CommandPalette = ReturnType<typeof CommandPalette>;
+export default CommandPalette;

package/dist/command-palette/index.d.ts

@@ -0,0 +1 @@
+export { default as CommandPalette } from "./CommandPalette.svelte";

package/dist/command-palette/index.js

@@ -0,0 +1 @@
+export { default as CommandPalette } from "./CommandPalette.svelte";

package/dist/command-palette/theme.d.ts

@@ -0,0 +1,43 @@
+import { type VariantProps } from "tailwind-variants";
+import type { Classes } from "../theme/themeUtils";
+export type CommandPaletteVariants = VariantProps<typeof commandPalette> & Classes<typeof commandPalette>;
+export declare const commandPalette: import("tailwind-variants").TVReturnType<{
+    selected: {
+        true: {};
+    };
+}, {
+    base: string;
+    search: string;
+    list: string;
+    item: string;
+    itemDescription: string;
+    empty: string;
+    footer: string;
+    kbd: string;
+}, undefined, {
+    selected: {
+        true: {};
+    };
+}, {
+    base: string;
+    search: string;
+    list: string;
+    item: string;
+    itemDescription: string;
+    empty: string;
+    footer: string;
+    kbd: string;
+}, import("tailwind-variants").TVReturnType<{
+    selected: {
+        true: {};
+    };
+}, {
+    base: string;
+    search: string;
+    list: string;
+    item: string;
+    itemDescription: string;
+    empty: string;
+    footer: string;
+    kbd: string;
+}, undefined, unknown, unknown, undefined>>;

package/dist/command-palette/theme.js

@@ -0,0 +1,17 @@
+import { tv } from "tailwind-variants";
+export const commandPalette = tv({
+    slots: {
+        base: "w-full mx-auto mt-20 max-w-2xl bg-white dark:bg-gray-800 rounded-lg shadow-2xl ring-1 ring-black/5 dark:ring-white/10 overflow-hidden transform transition-all",
+        search: "rounded-b-none border-0 py-3",
+        list: "max-h-80 scroll-py-2 overflow-y-auto border-t border-gray-200 dark:border-gray-700",
+        item: "cursor-pointer select-none px-4 py-2 text-sm text-gray-900 dark:text-gray-100 " + "aria-selected:bg-primary-600 aria-selected:text-white",
+        itemDescription: "text-xs truncate text-gray-500 dark:text-gray-400 aria-selected:text-primary-100",
+        empty: "px-4 py-14 text-center border-t border-gray-200 dark:border-gray-700 text-sm text-gray-500 dark:text-gray-400",
+        footer: "flex flex-wrap items-center justify-between gap-2 bg-gray-50 dark:bg-gray-900/50 " + "px-4 py-2.5 text-xs text-gray-500 dark:text-gray-400 border-t border-gray-200 dark:border-gray-700",
+        kbd: "inline-flex items-center gap-1 rounded border border-gray-300 dark:border-gray-600 " + "bg-white dark:bg-gray-800 px-2 py-1 font-sans text-xs"
+    },
+    variants: {
+        selected: { true: {} }
+    },
+    defaultVariants: {}
+});

package/dist/darkmode/DarkMode.svelte

@@ -64,7 +64,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DarkmodeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L476)
+[DarkmodeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L478)
 ## Props
 @prop class: className
 @prop lightIcon

package/dist/darkmode/DarkMode.svelte.d.ts

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

package/dist/device-mockups/Android.svelte

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

package/dist/device-mockups/Android.svelte.d.ts

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

package/dist/device-mockups/DefaultMockup.svelte

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

package/dist/device-mockups/DefaultMockup.svelte.d.ts

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

package/dist/device-mockups/Desktop.svelte

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

package/dist/device-mockups/Desktop.svelte.d.ts

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

package/dist/device-mockups/DeviceMockup.svelte

@@ -32,7 +32,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DeviceMockupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L528)
+[DeviceMockupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L530)
 ## Props
 @prop children
 @prop device = "default"

package/dist/device-mockups/DeviceMockup.svelte.d.ts

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

package/dist/device-mockups/Ios.svelte

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

package/dist/device-mockups/Ios.svelte.d.ts

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

package/dist/device-mockups/Laptop.svelte

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

package/dist/device-mockups/Laptop.svelte.d.ts

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

package/dist/device-mockups/Smartwatch.svelte

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

package/dist/device-mockups/Smartwatch.svelte.d.ts

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

package/dist/device-mockups/Tablet.svelte

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

package/dist/device-mockups/Tablet.svelte.d.ts

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

package/dist/dialog/Dialog.svelte

@@ -178,7 +178,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DialogProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L602)
+[DialogProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L604)
 ## Props
 @prop children
 @prop onaction = ()

package/dist/dialog/Dialog.svelte.d.ts

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

package/dist/drawer/Drawer.svelte

@@ -135,7 +135,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DrawerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L616)
+[DrawerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L618)
 ## Props
 @prop children
 @prop open = $bindable(false)

package/dist/drawer/Drawer.svelte.d.ts

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

package/dist/drawer/DrawerHandle.svelte

@@ -22,7 +22,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DrawerHandleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L624)
+[DrawerHandleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L626)
 ## Props
 @prop children
 @prop placement

package/dist/drawer/DrawerHandle.svelte.d.ts

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

package/dist/drawer/Drawerhead.svelte

@@ -34,7 +34,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DrawerheadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L626)
+[DrawerheadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L628)
 ## Props
 @prop closeIcon
 @prop children

package/dist/drawer/Drawerhead.svelte.d.ts

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

package/dist/dropdown/Dropdown.svelte

@@ -36,7 +36,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DropdownProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L633)
+[DropdownProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L635)
 ## Props
 @prop children
 @prop simple = false

package/dist/dropdown/Dropdown.svelte.d.ts

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

package/dist/dropdown/DropdownDivider.svelte

@@ -15,7 +15,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DropdownDividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L639)
+[DropdownDividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L641)
 ## Props
 @prop class: className
 @prop ...restProps

package/dist/dropdown/DropdownDivider.svelte.d.ts

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

package/dist/dropdown/DropdownGroup.svelte

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

package/dist/dropdown/DropdownGroup.svelte.d.ts

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

package/dist/dropdown/DropdownHeader.svelte

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

package/dist/dropdown/DropdownHeader.svelte.d.ts

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