flowbite-svelte 1.0.0 → 1.0.2

package/dist/accordion/AccordionItem.svelte

@@ -33,7 +33,7 @@
 </script>
 
 <h2 class={base()}>
-  <button onclick={handleToggle} class={buttonClass} aria-expanded={open}>
+  <button type="button" onclick={handleToggle} class={buttonClass} aria-expanded={open}>
     {#if header}
       {@render header()}
       {#if open}

package/dist/carousel/ControlButton.svelte

@@ -20,7 +20,9 @@
           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
         </svg>
       {/if}
-      <span class="sr-only">{name}</span>
+      {#if name}
+        <span class="sr-only">{name}</span>
+      {/if}
     </span>
   {/if}
 </button>

package/dist/carousel/Controls.svelte

@@ -5,7 +5,7 @@
   import ControlButton from "./ControlButton.svelte";
   import type { State, ControlsProps } from "../types";
 
-  let { children, class: className }: ControlsProps = $props();
+  let { children, class: className, ...restProps }: ControlsProps = $props();
 
   const state = getContext<Writable<State>>("state");
   const { update } = state;
@@ -43,8 +43,8 @@
 {#if children}
   {@render children(changeSlide)}
 {:else}
-  <ControlButton name="Previous" forward={false} onclick={() => changeSlide(false)} class={className} />
-  <ControlButton name="Next" forward={true} onclick={() => changeSlide(true)} class={className} />
+  <ControlButton name="Previous" forward={false} onclick={() => changeSlide(false)} class={className} {...restProps} />
+  <ControlButton name="Next" forward={true} onclick={() => changeSlide(true)} class={className} {...restProps} />
 {/if}
 
 <!--
@@ -55,4 +55,5 @@
 ## Props
 @prop children
 @prop class: className
+@prop ...restProps
 -->

package/dist/carousel/Controls.svelte.d.ts

@@ -6,6 +6,7 @@ import type { ControlsProps } from "../types";
  * ## Props
  * @prop children
  * @prop class: className
+ * @prop ...restProps
  */
 declare const Controls: import("svelte").Component<ControlsProps, {}, "">;
 type Controls = ReturnType<typeof Controls>;

package/dist/datepicker/Datepicker.svelte

@@ -1,10 +1,8 @@
 <script lang="ts">
   import { onMount } from "svelte";
   import { fade } from "svelte/transition";
-  import { Button } from "..";
-  import type { DatepickerProps } from "../types";
+  import { Button, ToolbarButton, type DatepickerProps } from "..";
   import { datepicker } from "./theme";
-  import ToolbarButton from "../toolbar/ToolbarButton.svelte";
 
   let { value = $bindable(), defaultDate = null, range = false, rangeFrom = $bindable(), rangeTo = $bindable(), locale = "default", firstDayOfWeek = 0, dateFormat, placeholder = "Select date", disabled = false, required = false, inputClass = "", color = "primary", inline = false, autohide = true, showActionButtons = false, title = "", onselect, onclear, onapply }: DatepickerProps = $props();
 

package/dist/datepicker/Datepicker.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { DatepickerProps } from "../types";
+import { type DatepickerProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type

package/dist/forms/textarea/Textarea.svelte

@@ -37,7 +37,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L790)
+[TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L825)
 ## Props
 @prop header
 @prop footer

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

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

package/dist/forms/timepicker/Timepicker.svelte

@@ -0,0 +1,223 @@
+<script lang="ts">
+  import { twMerge } from "tailwind-merge";
+  import { Dropdown, DropdownItem, Button, Input, ButtonGroup, Select, InputAddon, Label, Toggle, type TimepickerProps, type TimePickerOption } from "../..";
+
+  // Props
+  let { id = "time", endId = "end-time", value = "00:00", endValue = "00:00", min = "", max = "", required = true, disabled = false, inputColor, buttonColor = "primary", Icon, type = "default", optionLabel = "Options", options = [], size = "md", divClass = "inline-flex rounded-lg shadow-sm", inputClass, selectClass, timerangeLabel = "Choose time range", timerangeButtonLabel = "Save time", timeIntervals = [], columns = 2, onselect }: TimepickerProps = $props();
+
+  const defaultInputClass = "block disabled:cursor-not-allowed disabled:opacity-50 rtl:text-right focus:ring-0 focus:outline-none p-2.5 border-r-0";
+  const inputCls = twMerge(defaultInputClass, inputClass);
+  const defaultSelectClass = "text-gray-900 disabled:text-gray-400 bg-gray-50 border border-gray-300 rounded-r-lg rounded-l-none focus:ring-0 focus:outline-none block w-full p-2.5 border-l-1 focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:disabled:text-gray-500 dark:focus:ring-primary-500 dark:focus:border-primary-500";
+  const selectCls = twMerge(defaultSelectClass, selectClass);
+
+  // State
+  // let value = $state("00:00");
+  // let endValue = $state("00:00");
+  let selectedOption = $state("");
+  let dropdownOpen = $state(false);
+  let showTimerange = $state(false);
+
+  function timeToMinutes(time: string): number {
+    const [hours, minutes] = time.split(":").map(Number);
+    return hours * 60 + minutes;
+  }
+
+  function handleTimeChange(event: Event, isEndTime: boolean = false): void {
+    const target = event.target as HTMLInputElement;
+    const newValue = target.value;
+    const newMinutes = timeToMinutes(newValue);
+    const valueMinutes = timeToMinutes(value);
+    const endValueMinutes = timeToMinutes(endValue);
+
+    if (isEndTime) {
+      if (newMinutes < valueMinutes) {
+        value = newValue;
+      } else {
+        endValue = newValue;
+      }
+    } else {
+      if (newMinutes > endValueMinutes) {
+        endValue = newValue;
+      } else {
+        value = newValue;
+      }
+    }
+
+    if (type !== "timerange-dropdown") {
+      notifyChange();
+    }
+  }
+
+  function handleOptionSelect(event: Event): void {
+    const target = event.target as HTMLSelectElement;
+    selectedOption = target.value;
+    notifyChange();
+  }
+
+  function handleDropdownSelect(option: TimePickerOption): void {
+    dropdownOpen = false;
+    selectedOption = option.value;
+    notifyChange();
+  }
+
+  function notifyChange(): void {
+    if (onselect) {
+      onselect({
+        time: value,
+        endTime: endValue,
+        [optionLabel ? optionLabel.toLowerCase() : "options"]: selectedOption || options[0]?.value || ""
+      });
+    }
+  }
+
+  function applyTimerange(): void {
+    dropdownOpen = false;
+    notifyChange();
+  }
+
+  function toggleTimerange(): void {
+    showTimerange = !showTimerange;
+    if (!showTimerange) {
+      notifyChange();
+    }
+  }
+
+  function handleInlineButtonSelect(time: string): void {
+    value = time;
+    notifyChange();
+  }
+</script>
+
+{#if type !== "inline-buttons"}
+  <ButtonGroup {size} class={divClass}>
+    {#if type === "default"}
+      <Input {id} color={inputColor} type="time" {min} {max} {required} {disabled} class="{inputCls} rounded-l-lg" bind:value onchange={(e) => handleTimeChange(e)} />
+      <InputAddon class="rounded-r-lg">
+        {#if Icon}
+          <Icon class="h-4 w-4 text-gray-500 dark:text-gray-400" />
+        {:else}
+          <svg class="h-4 w-4 text-gray-500 dark:text-gray-400" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
+            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6v4l3.276 3.276M19 10a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
+          </svg>
+        {/if}
+      </InputAddon>
+    {:else if type === "select"}
+      <Input {id} color={inputColor} type="time" {min} {max} {required} {disabled} class="{inputCls} w-1/3 rounded-l-lg" bind:value onchange={(e) => handleTimeChange(e)} />
+      <Select class={selectCls} onchange={handleOptionSelect} items={options} value={selectedOption} />
+    {:else if type === "dropdown"}
+      <Input {id} color={inputColor} type="time" {min} {max} {required} {disabled} class="{inputCls} rounded-l-lg" bind:value onchange={(e) => handleTimeChange(e)} />
+      <Button color={buttonColor} class="!rounded-r-lg">
+        {optionLabel}
+        <svg class="ml-2 h-4 w-4" aria-hidden="true" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
+      </Button>
+      <Dropdown simple>
+        {#each options as option}
+          <DropdownItem onclick={() => handleDropdownSelect(option)}>
+            {option.name}
+          </DropdownItem>
+        {/each}
+      </Dropdown>
+    {:else if type === "range"}
+      <Input {id} color={inputColor} type="time" {min} {max} {required} {disabled} class="{inputCls} rounded-l-lg" bind:value onchange={(e) => handleTimeChange(e)} />
+      <InputAddon class="rounded-none">
+        {#if Icon}
+          <Icon class="h-4 w-4 text-gray-500 dark:text-gray-400" />
+        {:else}
+          <svg class="h-4 w-4 text-gray-500 dark:text-gray-400" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
+            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6v4l3.276 3.276M19 10a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
+          </svg>
+        {/if}
+      </InputAddon>
+      <span class="flex items-center justify-center px-2 text-gray-500 dark:text-gray-400">-</span>
+      <Input id={endId} color={inputColor} type="time" {min} {max} {required} {disabled} class="{inputCls} rounded-none" bind:value={endValue} onchange={(e) => handleTimeChange(e, true)} />
+      <InputAddon class="rounded-r-lg">
+        {#if Icon}
+          <Icon class="h-4 w-4 text-gray-500 dark:text-gray-400" />
+        {:else}
+          <svg class="h-4 w-4 text-gray-500 dark:text-gray-400" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
+            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6v4l3.276 3.276M19 10a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
+          </svg>
+        {/if}
+      </InputAddon>
+    {:else if type === "timerange-dropdown"}
+      <Button color={buttonColor} {size} class="!rounded-r-lg">
+        {timerangeLabel}
+        <svg class="ml-2 h-4 w-4" aria-hidden="true" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
+      </Button>
+      <Dropdown simple class="p-4 last:rounded-r-lg">
+        <div class="flex flex-col space-y-4">
+          <div class="flex space-x-4">
+            <div class="flex flex-col">
+              <Label for={id}>Start time:</Label>
+              <Input {id} color={inputColor} type="time" {min} {max} {required} {disabled} class="{inputCls} rounded-l-lg border-r" bind:value onchange={(e) => handleTimeChange(e)} />
+            </div>
+            <div class="flex flex-col">
+              <Label for={endId}>End time:</Label>
+              <Input id={endId} color={inputColor} type="time" {min} {max} {required} {disabled} class="{inputCls} rounded-l-lg border-r" bind:value={endValue} onchange={(e) => handleTimeChange(e, true)} />
+            </div>
+          </div>
+          <Button color={buttonColor} class="w-full !rounded-l-lg" onclick={applyTimerange}>
+            {timerangeButtonLabel}
+          </Button>
+        </div>
+      </Dropdown>
+    {:else if type === "timerange-toggle"}
+      <div class="flex w-full flex-col space-y-2">
+        <div class="flex items-center justify-between">
+          <Toggle id={`${id}-timerange-toggle`} checked={showTimerange} onchange={toggleTimerange} spanClass="me-0" />
+        </div>
+        {#if showTimerange}
+          <div class="flex space-x-4">
+            <div class="flex flex-col">
+              <Label for={id}>Start time:</Label>
+              <Input {id} color={inputColor} type="time" {min} {max} {required} {disabled} class="{inputCls} !rounded-lg border-r-1" bind:value onchange={(e) => handleTimeChange(e)} />
+            </div>
+            <div class="flex flex-col">
+              <Label for={endId}>End time:</Label>
+              <Input id={endId} color={inputColor} type="time" {min} {max} {required} {disabled} class="{inputCls} !rounded-lg border-r-1" bind:value={endValue} onchange={(e) => handleTimeChange(e, true)} />
+            </div>
+          </div>
+        {/if}
+      </div>
+    {/if}
+  </ButtonGroup>
+{:else}
+  <div class="grid w-full gap-2" class:grid-cols-1={columns === 1} class:grid-cols-2={columns === 2} class:grid-cols-3={columns === 3} class:grid-cols-4={columns === 4}>
+    {#each timeIntervals as time}
+      <Button {size} color={value === time ? buttonColor : "light"} class="rounded-lg" onclick={() => handleInlineButtonSelect(time)}>
+        {time}
+      </Button>
+    {/each}
+  </div>
+{/if}
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Type
+[TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L797)
+## Props
+@prop id = "time"
+@prop endId = "end-time"
+@prop value = "00:00"
+@prop endValue = "00:00"
+@prop min = ""
+@prop max = ""
+@prop required = true
+@prop disabled = false
+@prop inputColor
+@prop buttonColor = "primary"
+@prop Icon
+@prop type = "default"
+@prop optionLabel = "Options"
+@prop options = []
+@prop size = "md"
+@prop divClass = "inline-flex rounded-lg shadow-sm"
+@prop inputClass
+@prop selectClass
+@prop timerangeLabel = "Choose time range"
+@prop timerangeButtonLabel = "Save time"
+@prop timeIntervals = []
+@prop columns = 2
+@prop onselect
+-->

package/dist/forms/timepicker/Timepicker.svelte.d.ts

@@ -0,0 +1,33 @@
+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#L797)
+ * ## Props
+ * @prop id = "time"
+ * @prop endId = "end-time"
+ * @prop value = "00:00"
+ * @prop endValue = "00:00"
+ * @prop min = ""
+ * @prop max = ""
+ * @prop required = true
+ * @prop disabled = false
+ * @prop inputColor
+ * @prop buttonColor = "primary"
+ * @prop Icon
+ * @prop type = "default"
+ * @prop optionLabel = "Options"
+ * @prop options = []
+ * @prop size = "md"
+ * @prop divClass = "inline-flex rounded-lg shadow-sm"
+ * @prop inputClass
+ * @prop selectClass
+ * @prop timerangeLabel = "Choose time range"
+ * @prop timerangeButtonLabel = "Save time"
+ * @prop timeIntervals = []
+ * @prop columns = 2
+ * @prop onselect
+ */
+declare const Timepicker: import("svelte").Component<TimepickerProps, {}, "">;
+type Timepicker = ReturnType<typeof Timepicker>;
+export default Timepicker;

package/dist/forms/timepicker/index.d.ts

@@ -0,0 +1,2 @@
+import Timepicker from "./Timepicker.svelte";
+export { Timepicker };

package/dist/forms/timepicker/index.js

@@ -0,0 +1,3 @@
+import Timepicker from "./Timepicker.svelte";
+// import { textarea } from "./theme";
+export { Timepicker };

package/dist/forms/toggle/Toggle.svelte

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

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

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

package/dist/gallery/Gallery.svelte

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

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

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

package/dist/index.d.ts

@@ -32,6 +32,7 @@ export * from "./sidebar";
 export * from "./skeleton";
 export * from "./speed-dial";
 export * from "./spinner";
+export * from "./steps";
 export * from "./tabs";
 export * from "./table";
 export * from "./timeline";
@@ -55,6 +56,7 @@ export * from "./forms/radio-button";
 export * from "./forms/range";
 export * from "./forms/search";
 export * from "./forms/textarea";
+export * from "./forms/timepicker";
 export * from "./forms/toggle";
 export * from "./typography/anchor";
 export * from "./typography/blockquote";

package/dist/index.js

@@ -32,6 +32,7 @@ export * from "./sidebar";
 export * from "./skeleton";
 export * from "./speed-dial";
 export * from "./spinner";
+export * from "./steps";
 export * from "./tabs";
 export * from "./table";
 export * from "./timeline";
@@ -56,6 +57,7 @@ export * from "./forms/radio-button";
 export * from "./forms/range";
 export * from "./forms/search";
 export * from "./forms/textarea";
+export * from "./forms/timepicker";
 export * from "./forms/toggle";
 // typography
 export * from "./typography/anchor";

package/dist/indicator/Indicator.svelte

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

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

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

package/dist/kbd/Kbd.svelte

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

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

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

package/dist/list-group/Listgroup.svelte

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

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

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

package/dist/list-group/ListgroupItem.svelte

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

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

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

package/dist/mega-menu/MegaMenu.svelte

@@ -36,7 +36,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L879)
+[MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L914)
 ## Props
 @prop children
 @prop extra

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

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

package/dist/modal/Modal.svelte

@@ -77,7 +77,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L888)
+[ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L923)
 ## Props
 @prop children
 @prop oncancel

package/dist/modal/Modal.svelte.d.ts

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

package/dist/navbar/Menu.svelte

@@ -32,7 +32,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L904)
+[MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L939)
 ## Props
 @prop size = "24"
 @prop color = "currentColor"

package/dist/navbar/Menu.svelte.d.ts

@@ -2,7 +2,7 @@ import type { MenuProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L904)
+ * [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L939)
  * ## Props
  * @prop size = "24"
  * @prop color = "currentColor"

package/dist/navbar/NavBrand.svelte

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

package/dist/navbar/NavBrand.svelte.d.ts

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

package/dist/navbar/NavContainer.svelte

@@ -14,7 +14,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L925)
+[NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L960)
 ## Props
 @prop children
 @prop fluid

package/dist/navbar/NavContainer.svelte.d.ts

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

package/dist/navbar/NavHamburger.svelte

@@ -25,7 +25,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L929)
+[NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L964)
 ## Props
 @prop children
 @prop onclick