flowbite-svelte 1.7.0 → 1.8.0

package/dist/drawer/theme.d.ts

@@ -136,16 +136,16 @@ export declare const drawer: import("tailwind-variants").TVReturnType<{
 export declare const drawerhead: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
-            button?: import("tailwind-variants").ClassValue;
             base?: import("tailwind-variants").ClassValue;
+            button?: import("tailwind-variants").ClassValue;
             svg?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
-            button?: import("tailwind-variants").ClassValue;
             base?: import("tailwind-variants").ClassValue;
+            button?: import("tailwind-variants").ClassValue;
             svg?: import("tailwind-variants").ClassValue;
         };
     };
@@ -156,8 +156,8 @@ export declare const drawerhead: import("tailwind-variants").TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
-            button?: import("tailwind-variants").ClassValue;
             base?: import("tailwind-variants").ClassValue;
+            button?: import("tailwind-variants").ClassValue;
             svg?: import("tailwind-variants").ClassValue;
         };
     };

package/dist/forms/checkbox/Checkbox.svelte

@@ -21,17 +21,19 @@
 {#if choices.length > 0}
   {#each choices as choice, i}
     <div class={cn(divStyle(), divClass)}>
-      <input type="checkbox" value={choice.value} checked={choice.checked ?? false} {disabled} bind:group {...restProps} class={cn(base(), className)} />
       <Label show={true} {...labelProps}>
+        <input type="checkbox" value={choice.value} checked={choice.checked ?? false} {disabled} bind:group {...restProps} class={cn(base(), className)} />
         {renderLabel(choice)}
       </Label>
     </div>
   {/each}
 {:else}
   <div class={cn(divStyle(), divClass)}>
-    <input type="checkbox" {value} bind:checked {indeterminate} {disabled} {...restProps} class={cn(base(), className)} />
-    {#if children}
-      {@render children({ value, checked, disabled })}
-    {/if}
+    <Label show={true} {...labelProps}>
+      <input type="checkbox" {value} bind:checked {indeterminate} {disabled} {...restProps} class={cn(base(), className)} />
+      {#if children}
+        {@render children({ value, checked, disabled })}
+      {/if}
+    </Label>
   </div>
 {/if}

package/dist/forms/floating-label/FloatingLabelInput.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { idGenerator } from "../../uiHelpers.svelte";
+  import { idGenerator } from "../../utils";
   import { floatingLabelInput } from ".";
   import { type FloatingLabelInputProps, CloseButton, cn } from "../..";
 

package/dist/forms/tags/theme.d.ts

@@ -1,20 +1,20 @@
 export declare const tags: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
-            close?: import("tailwind-variants").ClassValue;
-            input?: import("tailwind-variants").ClassValue;
             base?: import("tailwind-variants").ClassValue;
             span?: import("tailwind-variants").ClassValue;
+            close?: import("tailwind-variants").ClassValue;
+            input?: import("tailwind-variants").ClassValue;
             tag?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
-            close?: import("tailwind-variants").ClassValue;
-            input?: import("tailwind-variants").ClassValue;
             base?: import("tailwind-variants").ClassValue;
             span?: import("tailwind-variants").ClassValue;
+            close?: import("tailwind-variants").ClassValue;
+            input?: import("tailwind-variants").ClassValue;
             tag?: import("tailwind-variants").ClassValue;
         };
     };
@@ -27,10 +27,10 @@ export declare const tags: import("tailwind-variants").TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
-            close?: import("tailwind-variants").ClassValue;
-            input?: import("tailwind-variants").ClassValue;
             base?: import("tailwind-variants").ClassValue;
             span?: import("tailwind-variants").ClassValue;
+            close?: import("tailwind-variants").ClassValue;
+            input?: import("tailwind-variants").ClassValue;
             tag?: import("tailwind-variants").ClassValue;
         };
     };

package/dist/theme/index.d.ts

@@ -2751,16 +2751,16 @@ export declare const baseThemes: {
     drawerhead: import("tailwind-variants").TVReturnType<{
         [key: string]: {
             [key: string]: import("tailwind-variants").ClassValue | {
-                button?: import("tailwind-variants").ClassValue;
                 base?: import("tailwind-variants").ClassValue;
+                button?: import("tailwind-variants").ClassValue;
                 svg?: import("tailwind-variants").ClassValue;
             };
         };
     } | {
         [x: string]: {
             [x: string]: import("tailwind-variants").ClassValue | {
-                button?: import("tailwind-variants").ClassValue;
                 base?: import("tailwind-variants").ClassValue;
+                button?: import("tailwind-variants").ClassValue;
                 svg?: import("tailwind-variants").ClassValue;
             };
         };
@@ -2771,8 +2771,8 @@ export declare const baseThemes: {
     }, undefined, {
         [key: string]: {
             [key: string]: import("tailwind-variants").ClassValue | {
-                button?: import("tailwind-variants").ClassValue;
                 base?: import("tailwind-variants").ClassValue;
+                button?: import("tailwind-variants").ClassValue;
                 svg?: import("tailwind-variants").ClassValue;
             };
         };

package/dist/uiHelpers.svelte.d.ts

@@ -1,11 +1,10 @@
-export declare function uiHelpers(): {
+export function uiHelpers(): {
     isOpen: boolean;
     toggle: () => void;
     close: () => void;
     open: () => void;
 };
-export declare function clickOutside(element: HTMLElement, callbackFunction?: (e: MouseEvent) => void): {
-    update(newCallbackFunction: () => void): void;
+export function clickOutside(element: any, callbackFunction: any): {
+    update(newCallbackFunction: any): void;
     destroy(): void;
 };
-export declare function idGenerator(): string;

package/dist/uiHelpers.svelte.js

@@ -1,54 +1,56 @@
 export function uiHelpers() {
-    let isOpen = $state(false);
-    function toggle() {
-        isOpen = !isOpen;
-    }
-    function close() {
-        isOpen = false;
-    }
-    function open() {
-        isOpen = true;
-    }
-    return {
-        get isOpen() {
-            return isOpen;
-        },
-        set isOpen(value) {
-            isOpen = value;
-        },
-        toggle,
-        close,
-        open
-    };
+  let isOpen = $state(false);
+
+  function toggle() {
+    isOpen = !isOpen;
+  }
+
+  function close() {
+    isOpen = false;
+  }
+
+  function open() {
+    isOpen = true;
+  }
+
+  return {
+    get isOpen() {
+      return isOpen;
+    },
+    set isOpen(value) {
+      isOpen = value;
+    },
+
+    toggle,
+    close,
+    open
+  };
 }
+
 export function clickOutside(element, callbackFunction) {
-    const onClick = (event) => {
-        if (typeof callbackFunction === "function") {
-            const targetNode = event.target;
-            if (!element.contains(targetNode)) {
-                callbackFunction(event);
-            }
-        }
-        else {
-            console.error("Callback function is not a function");
-        }
-    };
-    element.ownerDocument.body.addEventListener("click", onClick);
-    return {
-        update(newCallbackFunction) {
-            if (typeof newCallbackFunction === "function") {
-                callbackFunction = newCallbackFunction;
-            }
-            else {
-                console.error("New callback function is not a function");
-            }
-        },
-        destroy() {
-            element.ownerDocument.body.removeEventListener("click", onClick);
-        }
-    };
-}
-let n = Date.now();
-export function idGenerator() {
-    return (++n).toString(36);
+  const onClick = (event) => {
+    if (typeof callbackFunction === "function") {
+      const targetNode = event.target;
+      if (!element.contains(targetNode)) {
+        callbackFunction(event);
+      }
+    } else {
+      console.error("Callback function is not a function");
+    }
+  };
+
+  element.ownerDocument.body.addEventListener("click", onClick);
+
+  return {
+    update(newCallbackFunction) {
+      if (typeof newCallbackFunction === "function") {
+        callbackFunction = newCallbackFunction;
+      } else {
+        console.error("New callback function is not a function");
+      }
+    },
+    destroy() {
+      element.ownerDocument.body.removeEventListener("click", onClick);
+    }
+  };
 }

package/dist/utils/index.d.ts

@@ -1,6 +1,7 @@
 import { type ClassValue } from "clsx";
 export { default as CloseButton } from "./CloseButton.svelte";
 export { closeButtonVariants } from "./theme";
-export { trapFocus } from "./actions.svelte";
+export { trapFocus } from "./actions";
 export { default as Popper } from "./Popper.svelte";
 export declare function cn(...inputs: ClassValue[]): string;
+export declare function idGenerator(): string;

package/dist/utils/index.js

@@ -2,8 +2,12 @@ import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 export { default as CloseButton } from "./CloseButton.svelte";
 export { closeButtonVariants } from "./theme";
-export { trapFocus } from "./actions.svelte";
+export { trapFocus } from "./actions";
 export { default as Popper } from "./Popper.svelte";
 export function cn(...inputs) {
     return twMerge(clsx(inputs));
 }
+let n = Date.now();
+export function idGenerator() {
+    return (++n).toString(36);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
   "author": {
@@ -15,46 +15,54 @@
     "@changesets/cli": "2.29.2",
     "@docsearch/css": "^3.9.0",
     "@docsearch/js": "^3.9.0",
-    "@eslint/compat": "^1.2.9",
-    "@eslint/js": "^9.28.0",
-    "@playwright/test": "^1.52.0",
+    "@eslint/compat": "^1.3.0",
+    "@eslint/js": "^9.29.0",
+    "@flowbite-svelte-plugins/chart": "^0.2.4",
+    "@flowbite-svelte-plugins/datatable": "^0.3.4",
+    "@flowbite-svelte-plugins/texteditor": "^0.9.3",
+    "@playwright/test": "^1.53.1",
     "@sveltejs/adapter-auto": "^6.0.1",
     "@sveltejs/adapter-vercel": "^5.7.2",
-    "@sveltejs/kit": "^2.21.2",
+    "@sveltejs/kit": "^2.22.0",
     "@sveltejs/package": "2.3.11",
     "@sveltejs/vite-plugin-svelte": "^5.1.0",
     "@svitejs/changesets-changelog-github-compact": "^1.2.0",
-    "@tailwindcss/vite": "^4.1.8",
+    "@tailwindcss/vite": "^4.1.10",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/svelte": "^5.2.8",
     "@testing-library/user-event": "^14.6.1",
+    "@tiptap/core": "^2.22.3",
     "dayjs": "^1.11.13",
     "deepmerge": "^4.3.1",
-    "eslint": "^9.28.0",
+    "eslint": "^9.29.0",
     "eslint-config-prettier": "^10.1.5",
-    "eslint-plugin-svelte": "^3.9.1",
-    "flowbite-svelte-icons": "^2.2.0",
+    "eslint-plugin-svelte": "^3.9.3",
+    "flowbite-svelte-icons": "^2.2.1",
+    "flowbite-typography": "^1.0.5",
     "globals": "^16.2.0",
     "jsdom": "^26.1.0",
+    "lowlight": "^3.3.0",
     "mdsvex": "^0.12.6",
     "mdsvexamples": "^0.5.0",
     "prettier": "^3.5.3",
     "prettier-plugin-svelte": "^3.4.0",
-    "prettier-plugin-tailwindcss": "^0.6.12",
+    "prettier-plugin-tailwindcss": "^0.6.13",
     "prism-themes": "^1.9.0",
     "publint": "^0.3.12",
-    "svelte": "^5.33.18",
-    "svelte-check": "^4.2.1",
+    "simple-datatables": "^10.0.0",
+    "svelte": "^5.34.7",
+    "svelte-check": "^4.2.2",
     "svelte-doc-llm": "^0.2.2",
     "svelte-lib-helpers": "^0.4.30",
     "svelte-meta-tags": "^4.4.0",
     "svelte-rune-highlight": "^0.6.6",
-    "tailwindcss": "^4.1.8",
-    "tsx": "^4.19.4",
+    "tailwindcss": "^4.1.10",
+    "tsx": "^4.20.3",
     "typescript": "^5.8.3",
     "typescript-eslint": "8.31.1",
     "vite": "^6.3.5",
-    "vitest": "^3.2.2"
+    "vite-plugin-devtools-json": "^0.2.0",
+    "vitest": "^3.2.4"
   },
   "peerDependencies": {
     "svelte": "^5.0.0",
@@ -109,7 +117,7 @@
     "apexcharts": "^4.7.0",
     "clsx": "^2.1.1",
     "flowbite": "^3.1.2",
-    "tailwind-merge": "^3.3.0",
+    "tailwind-merge": "^3.3.1",
     "tailwind-variants": "^1.0.0"
   },
   "files": [