flowbite-svelte 0.46.15 → 0.46.17

package/dist/sidebar/SidebarCta.svelte.d.ts

@@ -2,10 +2,10 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        divWrapperClass?: string;
-        divClass?: string;
-        spanClass?: string;
-        label?: string;
+        divWrapperClass?: string | undefined;
+        divClass?: string | undefined;
+        spanClass?: string | undefined;
+        label?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/sidebar/SidebarDropdownItem.svelte.d.ts

@@ -2,11 +2,11 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        aClass?: string;
-        href?: string;
-        label?: string;
-        activeClass?: string;
-        active?: boolean;
+        aClass?: string | undefined;
+        href?: string | undefined;
+        label?: string | undefined;
+        activeClass?: string | undefined;
+        active?: boolean | undefined;
     };
     events: {
         blur: FocusEvent;

package/dist/sidebar/SidebarDropdownWrapper.svelte.d.ts

@@ -3,13 +3,13 @@ import type { TransitionTypes, TransitionParamTypes } from '../types';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        btnClass?: string;
-        label?: string;
-        spanClass?: string;
-        ulClass?: string;
-        transitionType?: TransitionTypes;
-        transitionParams?: TransitionParamTypes;
-        isOpen?: boolean;
+        btnClass?: string | undefined;
+        label?: string | undefined;
+        spanClass?: string | undefined;
+        ulClass?: string | undefined;
+        transitionType?: TransitionTypes | undefined;
+        transitionParams?: TransitionParamTypes | undefined;
+        isOpen?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/sidebar/SidebarGroup.svelte.d.ts

@@ -2,9 +2,9 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        ulClass?: string;
-        borderClass?: string;
-        border?: boolean;
+        ulClass?: string | undefined;
+        borderClass?: string | undefined;
+        border?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/sidebar/SidebarItem.svelte.d.ts

@@ -2,9 +2,9 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        href?: string;
-        label?: string;
-        spanClass?: string;
+        href?: string | undefined;
+        label?: string | undefined;
+        spanClass?: string | undefined;
         activeClass?: string | undefined;
         nonActiveClass?: string | undefined;
     };

package/dist/sidebar/SidebarWrapper.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        divClass?: string;
+        divClass?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/skeleton/CardPlaceholder.svelte.d.ts

@@ -2,8 +2,8 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        divClass?: string;
-        size?: string | number;
+        divClass?: string | undefined;
+        size?: (string | number) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/skeleton/ImagePlaceholder.svelte.d.ts

@@ -2,9 +2,9 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        divClass?: string;
-        imgHeight?: string;
-        imgOnly?: boolean;
+        divClass?: string | undefined;
+        imgHeight?: string | undefined;
+        imgOnly?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/skeleton/ListPlaceholder.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        divClass?: string;
+        divClass?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/skeleton/Skeleton.svelte.d.ts

@@ -2,8 +2,8 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        divClass?: string;
-        size?: string | number;
+        divClass?: string | undefined;
+        size?: (string | number) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        divClass?: string;
+        divClass?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/skeleton/TextPlaceholder.svelte.d.ts

@@ -2,8 +2,8 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        divClass?: string;
-        size?: string | number;
+        divClass?: string | undefined;
+        size?: (string | number) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/skeleton/VideoPlaceholder.svelte.d.ts

@@ -2,8 +2,8 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        divClass?: string;
-        size?: string | number;
+        divClass?: string | undefined;
+        size?: (string | number) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/skeleton/WidgetPlaceholder.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        divClass?: string;
+        divClass?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/speed-dial/SpeedDial.svelte.d.ts

@@ -8,17 +8,17 @@ export interface SpeedCtxType {
 declare const __propDef: {
     props: {
         [x: string]: any;
-        defaultClass?: string;
-        popperDefaultClass?: string;
-        placement?: Placement;
-        pill?: boolean;
-        tooltip?: Placement | "none";
-        trigger?: "hover" | "click" | "focus";
-        textOutside?: boolean;
-        id?: string;
-        name?: string;
-        gradient?: boolean;
-        open?: boolean;
+        defaultClass?: string | undefined;
+        popperDefaultClass?: string | undefined;
+        placement?: Placement | undefined;
+        pill?: boolean | undefined;
+        tooltip?: (Placement | "none") | undefined;
+        trigger?: ("hover" | "click" | "focus") | undefined;
+        textOutside?: boolean | undefined;
+        id?: string | undefined;
+        name?: string | undefined;
+        gradient?: boolean | undefined;
+        open?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/speed-dial/SpeedDialButton.svelte.d.ts

@@ -3,13 +3,13 @@ import type { Placement } from '@floating-ui/dom';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        btnDefaultClass?: string;
-        name?: string;
-        tooltip?: Placement | "none";
-        pill?: boolean;
-        textOutside?: boolean;
-        textOutsideClass?: string;
-        textDefaultClass?: string;
+        btnDefaultClass?: string | undefined;
+        name?: string | undefined;
+        tooltip?: (Placement | "none") | undefined;
+        pill?: boolean | undefined;
+        textOutside?: boolean | undefined;
+        textOutsideClass?: string | undefined;
+        textDefaultClass?: string | undefined;
     };
     events: {
         click: MouseEvent;

package/dist/spinner/Spinner.svelte.d.ts

@@ -3,11 +3,11 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         color?: "primary" | "blue" | "gray" | "green" | "red" | "yellow" | "pink" | "purple" | "white" | "custom" | undefined;
-        bg?: string;
-        customColor?: string;
-        size?: string | number;
-        currentFill?: string;
-        currentColor?: string;
+        bg?: string | undefined;
+        customColor?: string | undefined;
+        size?: (string | number) | undefined;
+        currentFill?: string | undefined;
+        currentColor?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/steps/StepIndicator.svelte.d.ts

@@ -2,14 +2,14 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        steps?: string[];
-        currentStep?: number;
-        size?: string;
-        color?: "primary" | "secondary" | "gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "pink" | "blue" | "custom";
-        glow?: boolean;
-        hideLabel?: boolean;
-        completedCustom?: string;
-        currentCustom?: string;
+        steps?: string[] | undefined;
+        currentStep?: number | undefined;
+        size?: string | undefined;
+        color?: ("primary" | "secondary" | "gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "pink" | "blue" | "custom") | undefined;
+        glow?: boolean | undefined;
+        hideLabel?: boolean | undefined;
+        completedCustom?: string | undefined;
+        currentCustom?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/table/Table.svelte

@@ -1,4 +1,5 @@
-<script>import { twMerge, twJoin } from "tailwind-merge";
+<script generics="T">import { writable } from "svelte/store";
+import { twMerge, twJoin } from "tailwind-merge";
 import { setContext } from "svelte";
 export let divClass = "relative overflow-x-auto";
 export let striped = false;
@@ -7,6 +8,17 @@ export let noborder = false;
 export let shadow = false;
 export let color = "default";
 export let customeColor = "";
+export let items = [];
+export let filter = null;
+export let placeholder = "Search";
+export let innerDivClass = "p-4";
+export let searchClass = "relative mt-1";
+export let svgDivClass = "absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none";
+export let svgClass = "w-5 h-5 text-gray-500 dark:text-gray-400";
+export let inputClass = "bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-80 p-2.5 ps-10 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500";
+let searchTerm = "";
+let inputCls = twMerge(inputClass, $$props.classInput);
+let svgDivCls = twMerge(svgDivClass, $$props.classSvgDiv);
 const colors = {
   default: "text-gray-500 dark:text-gray-400",
   blue: "text-blue-100 dark:text-blue-100",
@@ -22,9 +34,35 @@ $: setContext("striped", striped);
 $: setContext("hoverable", hoverable);
 $: setContext("noborder", noborder);
 $: setContext("color", color);
+$: setContext("items", items);
+const searchTermStore = writable(searchTerm);
+const filterStore = writable(filter);
+setContext("searchTerm", searchTermStore);
+setContext("filter", filterStore);
+$: searchTermStore.set(searchTerm);
+$: filterStore.set(filter);
+setContext("sorter", writable(null));
 </script>
 
 <div class={twJoin(divClass, shadow && 'shadow-md sm:rounded-lg')}>
+  {#if filter}
+    <slot name="search">
+      <div class={innerDivClass}>
+        <label for="table-search" class="sr-only">Search</label>
+        <div class={searchClass}>
+          <div class={svgDivCls}>
+            <slot name="svgSearch">
+              <svg class={svgClass} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd" />
+              </svg>
+            </slot>
+          </div>
+          <input bind:value={searchTerm} type="text" id="table-search" class={inputCls} {placeholder} />
+        </div>
+        <slot name="header" />
+      </div>
+    </slot>
+  {/if}
   <table {...$$restProps} class={twMerge('w-full text-left text-sm', colors[color], $$props.class)}>
     <slot />
   </table>
@@ -41,4 +79,12 @@ $: setContext("color", color);
 @prop export let shadow: boolean = false;
 @prop export let color: TableColorType = 'default';
 @prop export let customeColor: string = '';
+@prop export let items: T[] = [];
+@prop export let filter: ((t: T, term: string) => boolean) | null = null;
+@prop export let placeholder: string = 'Search';
+@prop export let innerDivClass: string = 'p-4';
+@prop export let searchClass: string = 'relative mt-1';
+@prop export let svgDivClass: string = 'absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none';
+@prop export let svgClass: string = 'w-5 h-5 text-gray-500 dark:text-gray-400';
+@prop export let inputClass: string = 'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-80 p-2.5 ps-10 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500';
 -->

package/dist/table/Table.svelte.d.ts

@@ -1,26 +1,37 @@
 import { SvelteComponentTyped } from "svelte";
 import type { TableColorType } from '../types';
-declare const __propDef: {
-    props: {
+declare class __sveltets_Render<T> {
+    props(): {
         [x: string]: any;
-        divClass?: string;
-        striped?: boolean;
-        hoverable?: boolean;
-        noborder?: boolean;
-        shadow?: boolean;
-        color?: TableColorType;
-        customeColor?: string;
+        divClass?: string | undefined;
+        striped?: boolean | undefined;
+        hoverable?: boolean | undefined;
+        noborder?: boolean | undefined;
+        shadow?: boolean | undefined;
+        color?: TableColorType | undefined;
+        customeColor?: string | undefined;
+        items?: T[] | undefined;
+        filter?: ((t: T, term: string) => boolean) | null | undefined;
+        placeholder?: string | undefined;
+        innerDivClass?: string | undefined;
+        searchClass?: string | undefined;
+        svgDivClass?: string | undefined;
+        svgClass?: string | undefined;
+        inputClass?: string | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
+        search: {};
+        svgSearch: {};
+        header: {};
         default: {};
     };
-};
-export type TableProps = typeof __propDef.props;
-export type TableEvents = typeof __propDef.events;
-export type TableSlots = typeof __propDef.slots;
+}
+export type TableProps<T> = ReturnType<__sveltets_Render<T>['props']>;
+export type TableEvents<T> = ReturnType<__sveltets_Render<T>['events']>;
+export type TableSlots<T> = ReturnType<__sveltets_Render<T>['slots']>;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
@@ -31,7 +42,15 @@ export type TableSlots = typeof __propDef.slots;
  * @prop export let shadow: boolean = false;
  * @prop export let color: TableColorType = 'default';
  * @prop export let customeColor: string = '';
+ * @prop export let items: T[] = [];
+ * @prop export let filter: ((t: T, term: string) => boolean) | null = null;
+ * @prop export let placeholder: string = 'Search';
+ * @prop export let innerDivClass: string = 'p-4';
+ * @prop export let searchClass: string = 'relative mt-1';
+ * @prop export let svgDivClass: string = 'absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none';
+ * @prop export let svgClass: string = 'w-5 h-5 text-gray-500 dark:text-gray-400';
+ * @prop export let inputClass: string = 'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-80 p-2.5 ps-10 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500';
  */
-export default class Table extends SvelteComponentTyped<TableProps, TableEvents, TableSlots> {
+export default class Table<T> extends SvelteComponentTyped<TableProps<T>, TableEvents<T>, TableSlots<T>> {
 }
 export {};

package/dist/table/TableBody.svelte

@@ -1,8 +1,18 @@
-<script>export let tableBodyClass = void 0;
+<script generics="T">import { getContext } from "svelte";
+export let tableBodyClass = void 0;
+$: items = getContext("items") || [];
+let filter = getContext("filter");
+let searchTerm = getContext("searchTerm");
+$: filtered = $filter ? items.filter((item) => $filter(item, $searchTerm)) : items;
+let sorter = getContext("sorter");
+$: sorted = $sorter ? filtered.toSorted((a, b) => $sorter.sortDirection * $sorter.sort(a, b)) : filtered;
 </script>
 
 <tbody class={tableBodyClass}>
   <slot />
+  {#each sorted as item}
+    <slot name="row" {item} />
+  {/each}
 </tbody>
 
 <!--

package/dist/table/TableBody.svelte.d.ts

@@ -1,23 +1,26 @@
 import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
+declare class __sveltets_Render<T> {
+    props(): {
         tableBodyClass?: string | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {};
+        row: {
+            item: T;
+        };
     };
-};
-export type TableBodyProps = typeof __propDef.props;
-export type TableBodyEvents = typeof __propDef.events;
-export type TableBodySlots = typeof __propDef.slots;
+}
+export type TableBodyProps<T> = ReturnType<__sveltets_Render<T>['props']>;
+export type TableBodyEvents<T> = ReturnType<__sveltets_Render<T>['events']>;
+export type TableBodySlots<T> = ReturnType<__sveltets_Render<T>['slots']>;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
  * @prop export let tableBodyClass: string | undefined = undefined;
  */
-export default class TableBody extends SvelteComponentTyped<TableBodyProps, TableBodyEvents, TableBodySlots> {
+export default class TableBody<T> extends SvelteComponentTyped<TableBodyProps<T>, TableBodyEvents<T>, TableBodySlots<T>> {
 }
 export {};

package/dist/table/TableBodyCell.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        tdClass?: string;
+        tdClass?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/table/TableBodyRow.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        color?: "blue" | "green" | "red" | "yellow" | "purple" | "default" | "custom";
+        color?: ("blue" | "green" | "red" | "yellow" | "purple" | "default" | "custom") | undefined;
     };
     events: {
         click: MouseEvent;

package/dist/table/TableHead.svelte.d.ts

@@ -2,8 +2,8 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        theadClass?: string;
-        defaultRow?: boolean;
+        theadClass?: string | undefined;
+        defaultRow?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/table/TableHeadCell.svelte

@@ -1,14 +1,47 @@
-<script>import { twMerge } from "tailwind-merge";
+<script generics="T">import { getContext } from "svelte";
+import { twMerge } from "tailwind-merge";
 export let padding = "px-6 py-3";
+export let sort = null;
+export let defaultDirection = "asc";
+export let defaultSort = false;
+export let direction = defaultSort ? defaultDirection : null;
+let sorter = getContext("sorter");
+let sortId = Math.random().toString(36).substring(2);
+$: direction = $sorter?.id === sortId ? $sorter.sortDirection === 1 ? "asc" : "desc" : null;
+if (defaultSort) {
+  sortItems();
+}
+function sortItems() {
+  if (!sort || !sorter) return;
+  sorter.update((sorter2) => {
+    return {
+      id: sortId,
+      sort,
+      sortDirection: sorter2?.id === sortId ? -sorter2.sortDirection : defaultDirection === "asc" ? 1 : -1
+    };
+  });
+}
 </script>
 
+{#if sort && sorter}
+<th {...$$restProps} class={$$props.class} on:click on:focus on:keydown on:keypress on:keyup on:mouseenter on:mouseleave on:mouseover aria-sort={direction ? `${direction}ending` : undefined}>
+  <button class={twMerge('w-full text-left', 'after:absolute after:pl-3', direction === 'asc' && 'after:content-["▲"]', direction === 'desc' && 'after:content-["▼"]', padding)} on:click={sortItems}>
+    <slot />
+  </button>
+</th>
+{:else}
 <th {...$$restProps} class={twMerge(padding, $$props.class)} on:click on:focus on:keydown on:keypress on:keyup on:mouseenter on:mouseleave on:mouseover>
   <slot />
 </th>
+{/if}
 
 <!--
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
 @prop export let padding: string = 'px-6 py-3';
+@prop export let sort: ((a: T, b: T) => number) | null = null;
+@prop export let defaultDirection: 'asc' | 'desc' = 'asc';
+@prop export let defaultSort: boolean = false;
+@prop export let direction: 'asc' | 'desc' | null = defaultSort ? defaultDirection : null;
 -->

package/dist/table/TableHeadCell.svelte.d.ts

@@ -1,10 +1,14 @@
 import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
+declare class __sveltets_Render<T> {
+    props(): {
         [x: string]: any;
-        padding?: string;
+        padding?: string | undefined;
+        sort?: ((a: T, b: T) => number) | null | undefined;
+        defaultDirection?: ("asc" | "desc") | undefined;
+        defaultSort?: boolean | undefined;
+        direction?: ("asc" | "desc" | null) | undefined;
     };
-    events: {
+    events(): {
         click: MouseEvent;
         focus: FocusEvent;
         keydown: KeyboardEvent;
@@ -16,18 +20,22 @@ declare const __propDef: {
     } & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
+    slots(): {
         default: {};
     };
-};
-export type TableHeadCellProps = typeof __propDef.props;
-export type TableHeadCellEvents = typeof __propDef.events;
-export type TableHeadCellSlots = typeof __propDef.slots;
+}
+export type TableHeadCellProps<T> = ReturnType<__sveltets_Render<T>['props']>;
+export type TableHeadCellEvents<T> = ReturnType<__sveltets_Render<T>['events']>;
+export type TableHeadCellSlots<T> = ReturnType<__sveltets_Render<T>['slots']>;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
  * @prop export let padding: string = 'px-6 py-3';
+ * @prop export let sort: ((a: T, b: T) => number) | null = null;
+ * @prop export let defaultDirection: 'asc' | 'desc' = 'asc';
+ * @prop export let defaultSort: boolean = false;
+ * @prop export let direction: 'asc' | 'desc' | null = defaultSort ? defaultDirection : null;
  */
-export default class TableHeadCell extends SvelteComponentTyped<TableHeadCellProps, TableHeadCellEvents, TableHeadCellSlots> {
+export default class TableHeadCell<T> extends SvelteComponentTyped<TableHeadCellProps<T>, TableHeadCellEvents<T>, TableHeadCellSlots<T>> {
 }
 export {};

package/dist/table/TableSearch.svelte.d.ts

@@ -2,18 +2,18 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        divClass?: string;
-        inputValue?: string;
-        striped?: boolean;
-        hoverable?: boolean;
-        placeholder?: string;
-        customColor?: string;
-        color?: "blue" | "green" | "red" | "yellow" | "purple" | "default" | "custom";
-        innerDivClass?: string;
-        searchClass?: string;
-        svgDivClass?: string;
-        svgClass?: string;
-        inputClass?: string;
+        divClass?: string | undefined;
+        inputValue?: string | undefined;
+        striped?: boolean | undefined;
+        hoverable?: boolean | undefined;
+        placeholder?: string | undefined;
+        customColor?: string | undefined;
+        color?: ("blue" | "green" | "red" | "yellow" | "purple" | "default" | "custom") | undefined;
+        innerDivClass?: string | undefined;
+        searchClass?: string | undefined;
+        svgDivClass?: string | undefined;
+        svgClass?: string | undefined;
+        inputClass?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;