flowbite-svelte 1.7.1 → 1.8.1

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/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,57 @@
+// @ts-nocheck
 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/{actions.svelte.js → actions.js}

@@ -51,7 +51,8 @@ export function trapFocus(node, options = {}) {
             isFocusMovedOutside = true;
         }
     }
-    $effect(() => {
+    // Initialize the action
+    function initialize() {
         // Only add event listeners if options is not null
         if (options !== null) {
             // Check if we're currently in a closing state
@@ -65,50 +66,42 @@ export function trapFocus(node, options = {}) {
             }
             node.addEventListener("keydown", handleKeydown);
             node.addEventListener("focusout", handleFocusOut);
-            return () => {
-                node.removeEventListener("keydown", handleKeydown);
-                node.removeEventListener("focusout", handleFocusOut);
-                // Only restore focus if not closing via outside click and focus hasn't moved outside
-                if (!isClosingViaOutsideClick && !isFocusMovedOutside && previous) {
-                    setTimeout(() => {
-                        previous.focus({ preventScroll: true });
-                    }, 0);
-                }
-            };
         }
-    });
-    // Return the action object with destroy method
+    }
+    // Cleanup function
+    function cleanup() {
+        if (options !== null) {
+            node.removeEventListener("keydown", handleKeydown);
+            node.removeEventListener("focusout", handleFocusOut);
+            // Only restore focus if not closing via outside click and focus hasn't moved outside
+            if (!isClosingViaOutsideClick && !isFocusMovedOutside && previous) {
+                setTimeout(() => {
+                    previous.focus({ preventScroll: true });
+                }, 0);
+            }
+        }
+    }
+    // Initialize on mount
+    initialize();
+    // Return the action object with update and destroy methods
     return {
         update(newOptions = {}) {
+            // Clean up existing listeners first
+            node.removeEventListener("keydown", handleKeydown);
+            node.removeEventListener("focusout", handleFocusOut);
             // Update the closing state
             if (newOptions && newOptions.isClosing !== undefined) {
                 isClosingViaOutsideClick = newOptions.isClosing;
             }
             options = newOptions;
-            // Clean up existing listeners if options becomes null
-            if (options === null) {
-                node.removeEventListener("keydown", handleKeydown);
-                node.removeEventListener("focusout", handleFocusOut);
-            }
-            else if (options !== null) {
-                // Add listener if it wasn't already there
-                node.removeEventListener("keydown", handleKeydown);
-                node.removeEventListener("focusout", handleFocusOut);
+            // Reinitialize with new options
+            if (options !== null) {
                 node.addEventListener("keydown", handleKeydown);
                 node.addEventListener("focusout", handleFocusOut);
             }
         },
         destroy() {
-            if (options !== null) {
-                node.removeEventListener("keydown", handleKeydown);
-                node.removeEventListener("focusout", handleFocusOut);
-                // Only restore focus if not closing via outside click and focus hasn't moved outside
-                if (!isClosingViaOutsideClick && !isFocusMovedOutside && previous) {
-                    setTimeout(() => {
-                        previous.focus({ preventScroll: true });
-                    }, 0);
-                }
-            }
+            cleanup();
         }
     };
 }

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.1",
+  "version": "1.8.1",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
   "author": {
@@ -17,10 +17,13 @@
     "@docsearch/js": "^3.9.0",
     "@eslint/compat": "^1.3.0",
     "@eslint/js": "^9.29.0",
-    "@playwright/test": "^1.53.0",
+    "@flowbite-svelte-plugins/chart": "^0.2.4",
+    "@flowbite-svelte-plugins/datatable": "^0.3.4",
+    "@flowbite-svelte-plugins/texteditor": "^0.9.5",
+    "@playwright/test": "^1.53.1",
     "@sveltejs/adapter-auto": "^6.0.1",
     "@sveltejs/adapter-vercel": "^5.7.2",
-    "@sveltejs/kit": "^2.21.5",
+    "@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",
@@ -28,23 +31,27 @@
     "@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.29.0",
     "eslint-config-prettier": "^10.1.5",
-    "eslint-plugin-svelte": "^3.9.2",
-    "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.34.3",
-    "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",
@@ -54,7 +61,8 @@
     "typescript": "^5.8.3",
     "typescript-eslint": "8.31.1",
     "vite": "^6.3.5",
-    "vitest": "^3.2.3"
+    "vite-plugin-devtools-json": "^0.2.0",
+    "vitest": "^3.2.4"
   },
   "peerDependencies": {
     "svelte": "^5.0.0",