flowbite-svelte 0.46.15 → 0.46.16

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

@@ -39,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

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

@@ -4,16 +4,16 @@ 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>;

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.46.15",
+  "version": "0.46.16",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
   "author": {
@@ -12,44 +12,44 @@
   "homepage": "https://flowbite-svelte.com/",
   "license": "MIT",
   "devDependencies": {
-    "@changesets/cli": "^2.27.6",
-    "@docsearch/css": "^3.6.0",
-    "@docsearch/js": "^3.6.0",
-    "@playwright/test": "^1.45.0",
-    "@sveltejs/adapter-vercel": "^5.4.0",
-    "@sveltejs/kit": "^2.5.18",
+    "@changesets/cli": "^2.27.7",
+    "@docsearch/css": "^3.6.1",
+    "@docsearch/js": "^3.6.1",
+    "@playwright/test": "^1.46.1",
+    "@sveltejs/adapter-vercel": "^5.4.3",
+    "@sveltejs/kit": "^2.5.25",
     "@sveltejs/package": "2.3.2",
-    "@sveltejs/vite-plugin-svelte": "^3.1.1",
+    "@sveltejs/vite-plugin-svelte": "^3.1.2",
     "@svitejs/changesets-changelog-github-compact": "^1.1.0",
-    "@types/eslint": "^8.56.10",
-    "autoprefixer": "^10.4.19",
-    "dayjs": "^1.11.11",
-    "esbuild": "0.21.5",
-    "eslint": "^9.6.0",
+    "@types/eslint": "^8.56.12",
+    "autoprefixer": "^10.4.20",
+    "dayjs": "^1.11.13",
+    "esbuild": "0.23.1",
+    "eslint": "^9.9.1",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-svelte": "^2.41.0",
-    "flowbite-svelte": "^0.46.15",
+    "eslint-plugin-svelte": "^2.43.0",
+    "flowbite-svelte": "^0.46.16",
     "flowbite-svelte-blocks": "^1.1.3",
     "flowbite-svelte-icons": "^1.6.1",
-    "mdsvex": "^0.11.2",
+    "mdsvex": "^0.12.3",
     "mdsvexamples": "^0.4.1",
-    "postcss": "^8.4.39",
-    "prettier": "^3.3.2",
-    "prettier-plugin-svelte": "^3.2.5",
+    "postcss": "^8.4.44",
+    "prettier": "^3.3.3",
+    "prettier-plugin-svelte": "^3.2.6",
     "prism-themes": "^1.9.0",
-    "publint": "^0.2.8",
-    "svelte": "^4.2.18",
-    "svelte-check": "^3.8.4",
-    "svelte-lib-helpers": "^0.4.6",
-    "svelte-meta-tags": "^3.1.2",
-    "svelte-preprocess": "^6.0.1",
-    "svelte2tsx": "^0.7.13",
+    "publint": "^0.2.10",
+    "svelte": "^4.2.19",
+    "svelte-check": "^4.0.0",
+    "svelte-lib-helpers": "^0.4.7",
+    "svelte-meta-tags": "^3.1.4",
+    "svelte-preprocess": "^6.0.2",
+    "svelte2tsx": "^0.7.17",
     "tailwind-merge": "^1.13.1",
-    "tailwindcss": "^3.4.4",
-    "tslib": "^2.6.3",
-    "typescript": "^5.5.2",
-    "typescript-eslint": "8.0.0-alpha.30",
-    "vite": "^5.3.2",
+    "tailwindcss": "^3.4.10",
+    "tslib": "^2.7.0",
+    "typescript": "^5.5.4",
+    "typescript-eslint": "8.4.0",
+    "vite": "^5.4.3",
     "vitest": "^1.6.0"
   },
   "peerDependencies": {
@@ -99,10 +99,10 @@
     "url": "https://github.com/themesberg/flowbite-svelte"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.6.7",
-    "apexcharts": "^3.49.2",
-    "flowbite": "^2.4.1",
-    "tailwind-merge": "^2.3.0"
+    "@floating-ui/dom": "^1.6.10",
+    "apexcharts": "^3.53.0",
+    "flowbite": "^2.5.1",
+    "tailwind-merge": "^2.5.2"
   },
   "engines": {
     "pnpm": ">=8.0.0",