flowbite-svelte 0.46.14 → 0.46.16

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

@@ -3,13 +3,13 @@ import type { TableColorType } from '../types';
 declare const __propDef: {
     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;
     };
     events: {
         [evt: string]: CustomEvent<any>;

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.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        padding?: string;
+        padding?: string | undefined;
     };
     events: {
         click: MouseEvent;

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>;

package/dist/tabs/TabItem.svelte

@@ -6,6 +6,7 @@ export let title = "Tab title";
 export let activeClasses = void 0;
 export let inactiveClasses = void 0;
 export let defaultClass = "inline-block text-sm font-medium text-center disabled:cursor-not-allowed";
+export let divClass = "";
 const ctx = getContext("ctx") ?? {};
 const selected = ctx.selected ?? writable();
 function init(node) {
@@ -33,7 +34,7 @@ $: buttonClass = twMerge(
 
   {#if open}
     <div class="hidden tab_content_placeholder">
-      <div use:init>
+      <div use:init class={divClass}>
         <slot />
       </div>
     </div>
@@ -49,4 +50,5 @@ $: buttonClass = twMerge(
 @prop export let activeClasses: string | undefined = undefined;
 @prop export let inactiveClasses: string | undefined = undefined;
 @prop export let defaultClass: string = 'inline-block text-sm font-medium text-center disabled:cursor-not-allowed';
+@prop export let divClass: string = '';
 -->

package/dist/tabs/TabItem.svelte.d.ts

@@ -2,11 +2,12 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        open?: boolean;
-        title?: string;
+        open?: boolean | undefined;
+        title?: string | undefined;
         activeClasses?: string | undefined;
         inactiveClasses?: string | undefined;
-        defaultClass?: string;
+        defaultClass?: string | undefined;
+        divClass?: string | undefined;
     };
     events: {
         blur: FocusEvent;
@@ -38,6 +39,7 @@ export type TabItemSlots = typeof __propDef.slots;
  * @prop export let activeClasses: string | undefined = undefined;
  * @prop export let inactiveClasses: string | undefined = undefined;
  * @prop export let defaultClass: string = 'inline-block text-sm font-medium text-center disabled:cursor-not-allowed';
+ * @prop export let divClass: string = '';
  */
 export default class TabItem extends SvelteComponentTyped<TabItemProps, TabItemEvents, TabItemSlots> {
 }

package/dist/tabs/Tabs.svelte.d.ts

@@ -8,12 +8,12 @@ export interface TabCtxType {
 declare const __propDef: {
     props: {
         [x: string]: any;
-        tabStyle?: "full" | "pill" | "underline" | "none";
-        defaultClass?: string;
-        contentClass?: string;
-        divider?: boolean;
-        activeClasses?: string;
-        inactiveClasses?: string;
+        tabStyle?: ("full" | "pill" | "underline" | "none") | undefined;
+        defaultClass?: string | undefined;
+        contentClass?: string | undefined;
+        divider?: boolean | undefined;
+        activeClasses?: string | undefined;
+        inactiveClasses?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/timeline/Activity.svelte.d.ts

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

package/dist/timeline/ActivityItem.svelte.d.ts

@@ -4,14 +4,14 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         activities: ActivityType[];
-        liClass?: string;
-        spanClass?: string;
-        imgClass?: string;
-        outerDivClass?: string;
-        innerDivClass?: string;
-        timeClass?: string;
-        titleClass?: string;
-        textClass?: string;
+        liClass?: string | undefined;
+        spanClass?: string | undefined;
+        imgClass?: string | undefined;
+        outerDivClass?: string | undefined;
+        innerDivClass?: string | undefined;
+        timeClass?: string | undefined;
+        titleClass?: string | undefined;
+        textClass?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/timeline/Group.svelte.d.ts

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

package/dist/timeline/GroupItem.svelte.d.ts

@@ -4,11 +4,11 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         timelines: GroupTimelineType[];
-        aClass?: string;
-        imgClass?: string;
-        divClass?: string;
-        titleClass?: string;
-        spanClass?: string;
+        aClass?: string | undefined;
+        imgClass?: string | undefined;
+        divClass?: string | undefined;
+        titleClass?: string | undefined;
+        spanClass?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/timeline/Timeline.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        order?: "default" | "vertical" | "horizontal" | "activity" | "group";
+        order?: ("default" | "vertical" | "horizontal" | "activity" | "group") | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/timeline/TimelineItem.svelte.d.ts

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

package/dist/toast/Toast.svelte

@@ -1,4 +1,5 @@
-<script>import { fade } from "svelte/transition";
+<script>import { createEventDispatcher } from "svelte";
+import { fade } from "svelte/transition";
 import { twMerge } from "tailwind-merge";
 import { CloseButton } from "..";
 export let dismissable = true;
@@ -11,6 +12,7 @@ export let align = true;
 export let transition = fade;
 export let params = {};
 export let toastStatus = true;
+const dispatch = createEventDispatcher();
 const positions = {
   "top-left": "absolute top-5 start-5",
   "top-right": "absolute top-5 end-5",
@@ -37,7 +39,8 @@ const colors = {
   pink: "text-pink-500 bg-pink-100 dark:bg-pink-700 dark:text-pink-200",
   none: ""
 };
-let iconClass = twMerge(
+let iconClass;
+$: iconClass = twMerge(
   "inline-flex items-center justify-center shrink-0 rounded-lg",
   colors[color],
   defaultIconClass
@@ -69,6 +72,7 @@ const clsBtnExtraClass = "ms-auto -mx-1.5 -my-1.5 bg-white text-gray-400 hover:t
         {color}
         on:click={() => {
           toastStatus = false;
+          dispatch('close');
         }}
       />
     {/if}

package/dist/toast/Toast.svelte.d.ts

@@ -4,18 +4,20 @@ import type { ColorVariant, ToastPositionType } from '../types';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        dismissable?: boolean;
-        color?: ColorVariant;
-        position?: ToastPositionType;
-        divClass?: string;
-        defaultIconClass?: string;
-        contentClass?: string;
-        align?: boolean;
-        transition?: (node: HTMLElement, params: any) => TransitionConfig;
-        params?: {};
-        toastStatus?: boolean;
+        dismissable?: boolean | undefined;
+        color?: ColorVariant | undefined;
+        position?: ToastPositionType | undefined;
+        divClass?: string | undefined;
+        defaultIconClass?: string | undefined;
+        contentClass?: string | undefined;
+        align?: boolean | undefined;
+        transition?: ((node: HTMLElement, params: any) => TransitionConfig) | undefined;
+        params?: {} | undefined;
+        toastStatus?: boolean | undefined;
     };
     events: {
+        close: CustomEvent<any>;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {

package/dist/toolbar/ToolbarButton.svelte.d.ts

@@ -3,10 +3,10 @@ import type { ToolbarButtonType } from '../types';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        color?: ToolbarButtonType;
+        color?: ToolbarButtonType | undefined;
         name?: string | undefined;
         ariaLabel?: string | undefined;
-        size?: "xs" | "sm" | "md" | "lg";
+        size?: ("xs" | "sm" | "md" | "lg") | undefined;
         href?: string | undefined;
     };
     events: {

package/dist/toolbar/ToolbarGroup.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/types.d.ts

@@ -76,6 +76,7 @@ export interface GroupTimelineType {
     comment?: string | HTMLElement;
 }
 export interface ListGroupItemType {
+    name?: string;
     current?: boolean;
     disabled?: boolean;
     href?: string;

package/dist/typography/A.svelte.d.ts

@@ -2,9 +2,9 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        href?: string;
-        color?: string;
-        aClass?: string;
+        href?: string | undefined;
+        color?: string | undefined;
+        aClass?: string | undefined;
     };
     events: {
         click: MouseEvent;

package/dist/typography/Blockquote.svelte.d.ts

@@ -3,14 +3,14 @@ import type { BlockQuoteType } from '../types';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        border?: boolean;
-        italic?: boolean;
-        borderClass?: string;
-        bgClass?: string;
-        bg?: boolean;
-        baseClass?: string;
-        alignment?: "left" | "center" | "right";
-        size?: BlockQuoteType;
+        border?: boolean | undefined;
+        italic?: boolean | undefined;
+        borderClass?: string | undefined;
+        bgClass?: string | undefined;
+        bg?: boolean | undefined;
+        baseClass?: string | undefined;
+        alignment?: ("left" | "center" | "right") | undefined;
+        size?: BlockQuoteType | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/typography/DescriptionList.svelte.d.ts

@@ -3,8 +3,8 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         tag: "dt" | "dd";
-        dtClass?: string;
-        ddClass?: string;
+        dtClass?: string | undefined;
+        ddClass?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/typography/Heading.svelte.d.ts

@@ -2,9 +2,9 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-        color?: string;
-        customSize?: string;
+        tag?: ("h1" | "h2" | "h3" | "h4" | "h5" | "h6") | undefined;
+        color?: string | undefined;
+        customSize?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/typography/Hr.svelte.d.ts

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

package/dist/typography/Img.svelte.d.ts

@@ -5,13 +5,13 @@ declare const __propDef: {
         caption?: string | undefined;
         src?: string | undefined;
         srcset?: string | undefined;
-        size?: string;
-        alignment?: string;
-        imgClass?: string;
-        figClass?: string;
-        alt?: string;
-        effect?: string;
-        captionClass?: string;
+        size?: string | undefined;
+        alignment?: string | undefined;
+        imgClass?: string | undefined;
+        figClass?: string | undefined;
+        alt?: string | undefined;
+        effect?: string | undefined;
+        captionClass?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/typography/Layout.svelte.d.ts

@@ -2,8 +2,8 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        divClass?: string;
-        cols?: string;
+        divClass?: string | undefined;
+        cols?: string | undefined;
         gap: number;
     };
     events: {

package/dist/typography/Li.svelte.d.ts

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

package/dist/typography/List.svelte.d.ts

@@ -2,9 +2,9 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        tag?: "ul" | "ol" | "dl";
+        tag?: ("ul" | "ol" | "dl") | undefined;
         list?: "disc" | "none" | "decimal" | undefined;
-        position?: "inside" | "outside";
+        position?: ("inside" | "outside") | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/typography/Mark.svelte.d.ts

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

package/dist/typography/P.svelte.d.ts

@@ -3,18 +3,18 @@ import type { PsizeType, PweightType } from '../types';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        color?: string;
-        height?: "normal" | "relaxed" | "loose";
-        align?: "left" | "center" | "right";
-        justify?: boolean;
-        italic?: boolean;
-        firstupper?: boolean;
-        upperClass?: string;
+        color?: string | undefined;
+        height?: ("normal" | "relaxed" | "loose") | undefined;
+        align?: ("left" | "center" | "right") | undefined;
+        justify?: boolean | undefined;
+        italic?: boolean | undefined;
+        firstupper?: boolean | undefined;
+        upperClass?: string | undefined;
         opacity?: number | undefined;
-        whitespace?: "normal" | "nowrap" | "pre" | "preline" | "prewrap";
-        size?: PsizeType;
+        whitespace?: ("normal" | "nowrap" | "pre" | "preline" | "prewrap") | undefined;
+        size?: PsizeType | undefined;
         space?: "tighter" | "tight" | "normal" | "wide" | "wider" | "widest" | undefined;
-        weight?: PweightType;
+        weight?: PweightType | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/typography/Secondary.svelte.d.ts

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

package/dist/typography/Span.svelte.d.ts

@@ -2,15 +2,15 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        italic?: boolean;
-        underline?: boolean;
-        linethrough?: boolean;
-        uppercase?: boolean;
-        gradient?: boolean;
-        highlight?: boolean;
-        highlightClass?: string;
-        decorationClass?: string;
-        gradientClass?: string;
+        italic?: boolean | undefined;
+        underline?: boolean | undefined;
+        linethrough?: boolean | undefined;
+        uppercase?: boolean | undefined;
+        gradient?: boolean | undefined;
+        highlight?: boolean | undefined;
+        highlightClass?: string | undefined;
+        decorationClass?: string | undefined;
+        gradientClass?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/utils/CloseButton.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        name?: string;
+        name?: string | undefined;
     };
     events: {
         click: MouseEvent;

package/dist/utils/Wrapper.svelte.d.ts

@@ -3,9 +3,9 @@ import type { Action } from 'svelte/action';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        tag?: string;
+        tag?: string | undefined;
         show: boolean;
-        use?: Action<HTMLElement, any>;
+        use?: Action<HTMLElement, any> | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/video/Video.svelte.d.ts

@@ -3,10 +3,10 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         src: string;
-        type?: string;
-        trackSrc?: string;
-        srclang?: string;
-        label?: string;
+        type?: string | undefined;
+        trackSrc?: string | undefined;
+        srclang?: string | undefined;
+        label?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;