flowbite-svelte 1.2.5 → 1.2.7

package/dist/buttons/Button.svelte

@@ -8,11 +8,13 @@
   const group: SizeType = getContext("group");
   const ctxDisabled: boolean | undefined = getContext("disabled");
 
-  let { children, onclick, pill, outline = false, size = group ? "sm" : "md", color = group ? (outline ? "dark" : "alternative") : "primary", shadow = false, tag = "button", disabled, class: className, ...restProps }: ButtonProps = $props();
+  let { children, onclick, pill, outline = false, size = "md", color = "primary", shadow = false, tag = "button", disabled, class: className, ...restProps }: ButtonProps = $props();
 
+  let actualSize = $derived(group ? "sm" : size);
+  let actualColor = $derived(group ? (outline ? "dark" : "alternative") : color);
   let isDisabled = $derived(Boolean(ctxDisabled) || Boolean(disabled));
 
-  const { base, outline: outline_, shadow: shadow_ } = $derived(button({ color, size, disabled: isDisabled, pill, group: !!group }));
+  const { base, outline: outline_, shadow: shadow_ } = $derived(button({ color: actualColor, size: actualSize, disabled: isDisabled, pill, group: !!group }));
   let btnCls = $derived(twMerge(base(), outline && outline_(), shadow && shadow_(), clsx(className)));
 </script>
 
@@ -40,8 +42,8 @@
 @prop onclick
 @prop pill
 @prop outline = false
-@prop size = group ? "sm" : "md"
-@prop color = group ? (outline ? "dark" : "alternative") : "primary"
+@prop size = "md"
+@prop color = "primary"
 @prop shadow = false
 @prop tag = "button"
 @prop disabled

package/dist/buttons/Button.svelte.d.ts

@@ -8,8 +8,8 @@ import type { ButtonProps } from "..";
  * @prop onclick
  * @prop pill
  * @prop outline = false
- * @prop size = group ? "sm" : "md"
- * @prop color = group ? (outline ? "dark" : "alternative") : "primary"
+ * @prop size = "md"
+ * @prop color = "primary"
  * @prop shadow = false
  * @prop tag = "button"
  * @prop disabled

package/dist/drawer/Drawer.svelte

@@ -1,11 +1,9 @@
 <script lang="ts">
-  import type { ParamsType } from "../types";
+  import { type ParamsType, type DrawerProps, trapFocus } from "..";
   import { fly } from "svelte/transition";
   import { sineIn } from "svelte/easing";
   import { drawer } from ".";
-  import type { DrawerProps } from "../types";
   import clsx from "clsx";
-  import { trapFocus } from "../utils/actions.svelte";
 
   let { children, hidden = $bindable(), closeDrawer = () => (hidden = true), activateClickOutside = true, position, width, backdrop = true, backdropClass, placement = "left", class: className, transitionParams, transitionType = fly, ...restProps }: DrawerProps = $props();
 

package/dist/drawer/Drawer.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { DrawerProps } from "../types";
+import { type DrawerProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type

package/dist/forms/checkbox/index.d.ts

@@ -1,3 +1,3 @@
 export { default as Checkbox } from "./Checkbox.svelte";
-export { default as ChecboxButton } from "./CheckboxButton.svelte";
+export { default as CheckboxButton } from "./CheckboxButton.svelte";
 export { checkbox, checkboxbutton } from "./theme";

package/dist/forms/checkbox/index.js

@@ -1,3 +1,3 @@
 export { default as Checkbox } from "./Checkbox.svelte";
-export { default as ChecboxButton } from "./CheckboxButton.svelte";
+export { default as CheckboxButton } from "./CheckboxButton.svelte";
 export { checkbox, checkboxbutton } from "./theme";

package/dist/forms/dropzone/Dropzone.svelte

@@ -6,16 +6,7 @@
 
   type HTMLInputElementWithFiles = HTMLInputElement & { files: FileList | null };
 
-  let {
-    children,
-    files = $bindable<FileList | null>(),
-    class: className,
-    ...restProps
-  }: DropzoneProps & {
-    ondrop?: DragEventHandler<HTMLButtonElement>;
-    ondragover?: DragEventHandler<HTMLButtonElement>;
-    onchange?: ChangeEventHandler<HTMLInputElementWithFiles>;
-  } = $props();
+  let { children, files = $bindable<FileList | null>(), class: className, ...restProps }: DropzoneProps = $props();
 
   const base = $derived(dropzone({ class: clsx(className) }));
   let input: HTMLInputElement;
@@ -66,3 +57,15 @@
 <label class="hidden">
   <input {...restProps} bind:files bind:this={input} onchange={onChange} type="file" />
 </label>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Type
+[DropzoneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L691)
+## Props
+@prop children
+@prop files = $bindable<FileList | null>()
+@prop class: className
+@prop ...restProps
+-->

package/dist/forms/dropzone/Dropzone.svelte.d.ts

@@ -1,13 +1,14 @@
-import type { DragEventHandler, ChangeEventHandler } from "svelte/elements";
 import type { DropzoneProps } from "../../types";
-type HTMLInputElementWithFiles = HTMLInputElement & {
-    files: FileList | null;
-};
-type $$ComponentProps = DropzoneProps & {
-    ondrop?: DragEventHandler<HTMLButtonElement>;
-    ondragover?: DragEventHandler<HTMLButtonElement>;
-    onchange?: ChangeEventHandler<HTMLInputElementWithFiles>;
-};
-declare const Dropzone: import("svelte").Component<$$ComponentProps, {}, "files">;
+/**
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Type
+ * [DropzoneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L691)
+ * ## Props
+ * @prop children
+ * @prop files = $bindable<FileList | null>()
+ * @prop class: className
+ * @prop ...restProps
+ */
+declare const Dropzone: import("svelte").Component<DropzoneProps, {}, "files">;
 type Dropzone = ReturnType<typeof Dropzone>;
 export default Dropzone;

package/dist/forms/dropzone/index.d.ts

@@ -1,3 +1,2 @@
-import { dropzone } from "./theme";
-import Dropzone from "./Dropzone.svelte";
-export { Dropzone, dropzone };
+export { dropzone } from "./theme";
+export { default as Dropzone } from "./Dropzone.svelte";

package/dist/forms/dropzone/index.js

@@ -1,3 +1,2 @@
-import { dropzone } from "./theme";
-import Dropzone from "./Dropzone.svelte";
-export { Dropzone, dropzone };
+export { dropzone } from "./theme";
+export { default as Dropzone } from "./Dropzone.svelte";

package/dist/forms/fileupload/index.d.ts

@@ -1,3 +1,2 @@
-import Fileupload from "./Fileupload.svelte";
-import { fileupload } from "./theme";
-export { Fileupload, fileupload };
+export { default as Fileupload } from "./Fileupload.svelte";
+export { fileupload } from "./theme";

package/dist/forms/fileupload/index.js

@@ -1,3 +1,2 @@
-import Fileupload from "./Fileupload.svelte";
-import { fileupload } from "./theme";
-export { Fileupload, fileupload };
+export { default as Fileupload } from "./Fileupload.svelte";
+export { fileupload } from "./theme";

package/dist/forms/floating-label/index.d.ts

@@ -1,3 +1,2 @@
-import FloatingLabelInput from "./FloatingLabelInput.svelte";
-import { floatingLabelInput } from "./theme";
-export { FloatingLabelInput, floatingLabelInput };
+export { default as FloatingLabelInput } from "./FloatingLabelInput.svelte";
+export { floatingLabelInput } from "./theme";

package/dist/forms/floating-label/index.js

@@ -1,3 +1,2 @@
-import FloatingLabelInput from "./FloatingLabelInput.svelte";
-import { floatingLabelInput } from "./theme";
-export { FloatingLabelInput, floatingLabelInput };
+export { default as FloatingLabelInput } from "./FloatingLabelInput.svelte";
+export { floatingLabelInput } from "./theme";

package/dist/forms/helper/index.d.ts

@@ -1,3 +1,2 @@
-import Helper from "./Helper.svelte";
-import { helper } from "./theme";
-export { Helper, helper };
+export { default as Helper } from "./Helper.svelte";
+export { helper } from "./theme";

package/dist/forms/helper/index.js

@@ -1,3 +1,2 @@
-import Helper from "./Helper.svelte";
-import { helper } from "./theme";
-export { Helper, helper };
+export { default as Helper } from "./Helper.svelte";
+export { helper } from "./theme";

package/dist/forms/select/MultiSelect.svelte

@@ -1,10 +1,8 @@
 <script lang="ts" generics="T">
-  import Badge from "../../badge/Badge.svelte";
-  import CloseButton from "../../utils/CloseButton.svelte";
+  import { Badge, CloseButton, type MultiSelectProps, type SelectOptionType } from "../..";
   import clsx from "clsx";
   import { twMerge } from "tailwind-merge";
   import { multiselect } from "./theme";
-  import type { MultiSelectProps, SelectOptionType } from "../../types";
 
   // Consider reusing that component - https://svelecte.vercel.app/
 

package/dist/forms/select/MultiSelect.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { MultiSelectProps } from "../../types";
+import { type MultiSelectProps } from "../..";
 declare class __sveltets_Render<T> {
     props(): MultiSelectProps<T>;
     events(): {};

package/dist/forms/select/Select.svelte

@@ -23,8 +23,8 @@
     {/if}
 
     {#if items}
-      {#each items as { value, name }}
-        <option {value}>{name}</option>
+      {#each items as item}
+        <option value={item.value} disabled={item.disabled}>{item.name}</option>
       {/each}
     {/if}
 

package/dist/index.d.ts

@@ -32,7 +32,7 @@ export * from "./sidebar";
 export * from "./skeleton";
 export * from "./speed-dial";
 export * from "./spinner";
-export * from "./steps";
+export * from "./stepindicator";
 export * from "./tabs";
 export * from "./table";
 export * from "./timeline";
@@ -46,7 +46,7 @@ export * from "./forms/dropzone";
 export * from "./forms/fileupload";
 export * from "./forms/floating-label";
 export * from "./forms/helper";
-export * from "./forms/input";
+export * from "./forms/input-field";
 export * from "./forms/input-addon";
 export * from "./forms/label";
 export * from "./forms/select";

package/dist/index.js

@@ -32,7 +32,7 @@ export * from "./sidebar";
 export * from "./skeleton";
 export * from "./speed-dial";
 export * from "./spinner";
-export * from "./steps";
+export * from "./stepindicator";
 export * from "./tabs";
 export * from "./table";
 export * from "./timeline";
@@ -47,7 +47,7 @@ export * from "./forms/dropzone";
 export * from "./forms/fileupload";
 export * from "./forms/floating-label";
 export * from "./forms/helper";
-export * from "./forms/input";
+export * from "./forms/input-field";
 export * from "./forms/input-addon";
 export * from "./forms/label";
 export * from "./forms/select";

package/dist/modal/Modal.svelte

@@ -1,12 +1,9 @@
 <script lang="ts">
-  import type { ParamsType } from "../types";
-  import CloseButton from "../utils/CloseButton.svelte";
+  import { type ParamsType, type ModalProps, CloseButton, trapFocus } from "..";
   import clsx from "clsx";
   import { sineIn } from "svelte/easing";
   import { fade } from "svelte/transition";
   import { modal as modalTheme } from ".";
-  import type { ModalProps } from "../types";
-  import { trapFocus } from "../utils/actions.svelte";
 
   let { children, oncancel, onclose, modal = true, autoclose = false, header, footer, title, open = $bindable(false), permanent = false, dismissable = true, closeBtnClass, headerClass, bodyClass, footerClass, outsideclose = true, size = "md", placement, class: className, params, transition = fade, ...restProps }: ModalProps = $props();
 

package/dist/modal/Modal.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ModalProps } from "../types";
+import { type ModalProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type

package/dist/rating/theme.d.ts

@@ -83,10 +83,10 @@ export declare const review: import("tailwind-variants").TVReturnType<{
         [key: string]: import("tailwind-variants").ClassValue | {
             div?: import("tailwind-variants").ClassValue;
             img?: import("tailwind-variants").ClassValue;
+            article?: import("tailwind-variants").ClassValue;
             ul?: import("tailwind-variants").ClassValue;
             div2?: import("tailwind-variants").ClassValue;
             div3?: import("tailwind-variants").ClassValue;
-            article?: import("tailwind-variants").ClassValue;
             li?: import("tailwind-variants").ClassValue;
         };
     };
@@ -95,10 +95,10 @@ export declare const review: import("tailwind-variants").TVReturnType<{
         [x: string]: import("tailwind-variants").ClassValue | {
             div?: import("tailwind-variants").ClassValue;
             img?: import("tailwind-variants").ClassValue;
+            article?: import("tailwind-variants").ClassValue;
             ul?: import("tailwind-variants").ClassValue;
             div2?: import("tailwind-variants").ClassValue;
             div3?: import("tailwind-variants").ClassValue;
-            article?: import("tailwind-variants").ClassValue;
             li?: import("tailwind-variants").ClassValue;
         };
     };
@@ -115,10 +115,10 @@ export declare const review: import("tailwind-variants").TVReturnType<{
         [key: string]: import("tailwind-variants").ClassValue | {
             div?: import("tailwind-variants").ClassValue;
             img?: import("tailwind-variants").ClassValue;
+            article?: import("tailwind-variants").ClassValue;
             ul?: import("tailwind-variants").ClassValue;
             div2?: import("tailwind-variants").ClassValue;
             div3?: import("tailwind-variants").ClassValue;
-            article?: import("tailwind-variants").ClassValue;
             li?: import("tailwind-variants").ClassValue;
         };
     };

package/dist/sidebar/Sidebar.svelte

@@ -4,9 +4,8 @@
   import { writable } from "svelte/store";
   import { sineIn } from "svelte/easing";
   import { sidebar } from ".";
-  import type { SidebarProps, SidebarCtxType } from "../types";
   import clsx from "clsx";
-  import { trapFocus } from "../utils/actions.svelte";
+  import { trapFocus, type SidebarProps, type SidebarCtxType } from "..";
 
   let { children, isOpen = false, closeSidebar, isSingle = true, breakpoint = "md", position = "fixed", activateClickOutside = true, backdrop = true, backdropClass, transition = fly, params, divClass, ariaLabel, nonActiveClass, activeClass, activeUrl = "", class: className, ...restProps }: SidebarProps = $props();
 

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

@@ -1,4 +1,4 @@
-import type { SidebarProps } from "../types";
+import { type SidebarProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type

package/dist/sidebar/theme.d.ts

@@ -238,8 +238,8 @@ export declare const sidebardropdownwrapper: import("tailwind-variants").TVRetur
             base?: import("tailwind-variants").ClassValue;
             svg?: import("tailwind-variants").ClassValue;
             span?: import("tailwind-variants").ClassValue;
-            ul?: import("tailwind-variants").ClassValue;
             btn?: import("tailwind-variants").ClassValue;
+            ul?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
@@ -248,8 +248,8 @@ export declare const sidebardropdownwrapper: import("tailwind-variants").TVRetur
             base?: import("tailwind-variants").ClassValue;
             svg?: import("tailwind-variants").ClassValue;
             span?: import("tailwind-variants").ClassValue;
-            ul?: import("tailwind-variants").ClassValue;
             btn?: import("tailwind-variants").ClassValue;
+            ul?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -264,8 +264,8 @@ export declare const sidebardropdownwrapper: import("tailwind-variants").TVRetur
             base?: import("tailwind-variants").ClassValue;
             svg?: import("tailwind-variants").ClassValue;
             span?: import("tailwind-variants").ClassValue;
-            ul?: import("tailwind-variants").ClassValue;
             btn?: import("tailwind-variants").ClassValue;
+            ul?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {

package/dist/theme/index.d.ts

@@ -4516,10 +4516,10 @@ export declare const baseThemes: {
             [key: string]: import("tailwind-variants").ClassValue | {
                 div?: import("tailwind-variants").ClassValue;
                 img?: import("tailwind-variants").ClassValue;
+                article?: import("tailwind-variants").ClassValue;
                 ul?: import("tailwind-variants").ClassValue;
                 div2?: import("tailwind-variants").ClassValue;
                 div3?: import("tailwind-variants").ClassValue;
-                article?: import("tailwind-variants").ClassValue;
                 li?: import("tailwind-variants").ClassValue;
             };
         };
@@ -4528,10 +4528,10 @@ export declare const baseThemes: {
             [x: string]: import("tailwind-variants").ClassValue | {
                 div?: import("tailwind-variants").ClassValue;
                 img?: import("tailwind-variants").ClassValue;
+                article?: import("tailwind-variants").ClassValue;
                 ul?: import("tailwind-variants").ClassValue;
                 div2?: import("tailwind-variants").ClassValue;
                 div3?: import("tailwind-variants").ClassValue;
-                article?: import("tailwind-variants").ClassValue;
                 li?: import("tailwind-variants").ClassValue;
             };
         };
@@ -4548,10 +4548,10 @@ export declare const baseThemes: {
             [key: string]: import("tailwind-variants").ClassValue | {
                 div?: import("tailwind-variants").ClassValue;
                 img?: import("tailwind-variants").ClassValue;
+                article?: import("tailwind-variants").ClassValue;
                 ul?: import("tailwind-variants").ClassValue;
                 div2?: import("tailwind-variants").ClassValue;
                 div3?: import("tailwind-variants").ClassValue;
-                article?: import("tailwind-variants").ClassValue;
                 li?: import("tailwind-variants").ClassValue;
             };
         };
@@ -4871,8 +4871,8 @@ export declare const baseThemes: {
                 base?: import("tailwind-variants").ClassValue;
                 svg?: import("tailwind-variants").ClassValue;
                 span?: import("tailwind-variants").ClassValue;
-                ul?: import("tailwind-variants").ClassValue;
                 btn?: import("tailwind-variants").ClassValue;
+                ul?: import("tailwind-variants").ClassValue;
             };
         };
     } | {
@@ -4881,8 +4881,8 @@ export declare const baseThemes: {
                 base?: import("tailwind-variants").ClassValue;
                 svg?: import("tailwind-variants").ClassValue;
                 span?: import("tailwind-variants").ClassValue;
-                ul?: import("tailwind-variants").ClassValue;
                 btn?: import("tailwind-variants").ClassValue;
+                ul?: import("tailwind-variants").ClassValue;
             };
         };
     } | {}, {
@@ -4897,8 +4897,8 @@ export declare const baseThemes: {
                 base?: import("tailwind-variants").ClassValue;
                 svg?: import("tailwind-variants").ClassValue;
                 span?: import("tailwind-variants").ClassValue;
-                ul?: import("tailwind-variants").ClassValue;
                 btn?: import("tailwind-variants").ClassValue;
+                ul?: import("tailwind-variants").ClassValue;
             };
         };
     } | {}, {
@@ -6148,12 +6148,12 @@ export declare const baseThemes: {
             [key: string]: import("tailwind-variants").ClassValue | {
                 title?: import("tailwind-variants").ClassValue;
                 span?: import("tailwind-variants").ClassValue;
+                img?: import("tailwind-variants").ClassValue;
+                text?: import("tailwind-variants").ClassValue;
+                time?: import("tailwind-variants").ClassValue;
                 innerDiv?: import("tailwind-variants").ClassValue;
                 outerDiv?: import("tailwind-variants").ClassValue;
-                img?: import("tailwind-variants").ClassValue;
                 li?: import("tailwind-variants").ClassValue;
-                time?: import("tailwind-variants").ClassValue;
-                text?: import("tailwind-variants").ClassValue;
             };
         };
     } | {
@@ -6161,12 +6161,12 @@ export declare const baseThemes: {
             [x: string]: import("tailwind-variants").ClassValue | {
                 title?: import("tailwind-variants").ClassValue;
                 span?: import("tailwind-variants").ClassValue;
+                img?: import("tailwind-variants").ClassValue;
+                text?: import("tailwind-variants").ClassValue;
+                time?: import("tailwind-variants").ClassValue;
                 innerDiv?: import("tailwind-variants").ClassValue;
                 outerDiv?: import("tailwind-variants").ClassValue;
-                img?: import("tailwind-variants").ClassValue;
                 li?: import("tailwind-variants").ClassValue;
-                time?: import("tailwind-variants").ClassValue;
-                text?: import("tailwind-variants").ClassValue;
             };
         };
     } | {}, {
@@ -6183,12 +6183,12 @@ export declare const baseThemes: {
             [key: string]: import("tailwind-variants").ClassValue | {
                 title?: import("tailwind-variants").ClassValue;
                 span?: import("tailwind-variants").ClassValue;
+                img?: import("tailwind-variants").ClassValue;
+                text?: import("tailwind-variants").ClassValue;
+                time?: import("tailwind-variants").ClassValue;
                 innerDiv?: import("tailwind-variants").ClassValue;
                 outerDiv?: import("tailwind-variants").ClassValue;
-                img?: import("tailwind-variants").ClassValue;
                 li?: import("tailwind-variants").ClassValue;
-                time?: import("tailwind-variants").ClassValue;
-                text?: import("tailwind-variants").ClassValue;
             };
         };
     } | {}, {

package/dist/timeline/theme.d.ts

@@ -5,12 +5,12 @@ export declare const activityitem: import("tailwind-variants").TVReturnType<{
         [key: string]: import("tailwind-variants").ClassValue | {
             title?: import("tailwind-variants").ClassValue;
             span?: import("tailwind-variants").ClassValue;
+            img?: import("tailwind-variants").ClassValue;
+            text?: import("tailwind-variants").ClassValue;
+            time?: import("tailwind-variants").ClassValue;
             innerDiv?: import("tailwind-variants").ClassValue;
             outerDiv?: import("tailwind-variants").ClassValue;
-            img?: import("tailwind-variants").ClassValue;
             li?: import("tailwind-variants").ClassValue;
-            time?: import("tailwind-variants").ClassValue;
-            text?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
@@ -18,12 +18,12 @@ export declare const activityitem: import("tailwind-variants").TVReturnType<{
         [x: string]: import("tailwind-variants").ClassValue | {
             title?: import("tailwind-variants").ClassValue;
             span?: import("tailwind-variants").ClassValue;
+            img?: import("tailwind-variants").ClassValue;
+            text?: import("tailwind-variants").ClassValue;
+            time?: import("tailwind-variants").ClassValue;
             innerDiv?: import("tailwind-variants").ClassValue;
             outerDiv?: import("tailwind-variants").ClassValue;
-            img?: import("tailwind-variants").ClassValue;
             li?: import("tailwind-variants").ClassValue;
-            time?: import("tailwind-variants").ClassValue;
-            text?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -40,12 +40,12 @@ export declare const activityitem: import("tailwind-variants").TVReturnType<{
         [key: string]: import("tailwind-variants").ClassValue | {
             title?: import("tailwind-variants").ClassValue;
             span?: import("tailwind-variants").ClassValue;
+            img?: import("tailwind-variants").ClassValue;
+            text?: import("tailwind-variants").ClassValue;
+            time?: import("tailwind-variants").ClassValue;
             innerDiv?: import("tailwind-variants").ClassValue;
             outerDiv?: import("tailwind-variants").ClassValue;
-            img?: import("tailwind-variants").ClassValue;
             li?: import("tailwind-variants").ClassValue;
-            time?: import("tailwind-variants").ClassValue;
-            text?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {

package/dist/types.d.ts

@@ -3,7 +3,7 @@ import type { TransitionConfig, FadeParams, BlurParams, FlyParams, SlideParams,
 import { type Writable } from "svelte/store";
 import type { Snippet, Component } from "svelte";
 import { tv, type VariantProps } from "tailwind-variants";
-import type { Middleware, Placement, Strategy } from "@floating-ui/dom";
+import type { Coords, Middleware, Placement, Strategy } from "@floating-ui/dom";
 import type { AlertVariants } from "./alert/theme";
 import type { BadgeVariants } from "./badge/theme";
 import type { BannerVariants } from "./banner/theme";
@@ -16,7 +16,7 @@ import type { DrawerVariants } from "./drawer/theme";
 import type { FileuploadViariants } from "./forms/fileupload/theme";
 import type { FloatingLabelInputVaratiants } from "./forms/floating-label/theme";
 import type { HelperVariants } from "./forms/helper/theme";
-import type { InputVariants } from "./forms/input/theme";
+import type { InputVariants } from "./forms/input-field/theme";
 import type { LabelVariants } from "./forms/label/theme";
 import type { RadioVariants } from "./forms/radio/theme";
 import type { RangeVariants } from "./forms/range/theme";
@@ -1575,4 +1575,10 @@ export interface PopperProps extends Omit<HTMLAttributes<HTMLDivElement>, "onbef
     transitionParams?: ParamsType;
     isOpen?: boolean | undefined;
 }
+export interface ArrowProps {
+    placement?: Placement;
+    cords: Partial<Coords>;
+    strategy?: "absolute" | "fixed";
+    class?: string;
+}
 export {};

package/dist/utils/Arrow.svelte

@@ -1,18 +1,9 @@
 <script lang="ts">
-  import type { Coords, Placement, Side } from "@floating-ui/dom";
+  import type { Side } from "@floating-ui/dom";
   import { getOppositePlacement, getSide } from "@floating-ui/utils";
+  import { type ArrowProps } from "..";
 
-  let {
-    placement = "top",
-    cords,
-    strategy = "absolute",
-    class: className = ""
-  }: {
-    placement?: Placement;
-    cords: Partial<Coords>;
-    strategy?: "absolute" | "fixed";
-    class?: string;
-  } = $props();
+  let { placement = "top", cords, strategy = "absolute", class: className = "" }: ArrowProps = $props();
 
   const px = (n: number | undefined) => (n ? `${n}px` : "");
 
@@ -58,8 +49,13 @@
 <!--
 @component
 [Go to docs](https://flowbite-svelte.com/)
+## Type
+[ArrowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1861)
 ## Props
-@props: 
+@prop placement = "top"
+@prop cords
+@prop strategy = "absolute"
+@prop class: className = ""
 -->
 
 <style>

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

@@ -1,15 +1,14 @@
-import type { Coords, Placement } from "@floating-ui/dom";
-type $$ComponentProps = {
-    placement?: Placement;
-    cords: Partial<Coords>;
-    strategy?: "absolute" | "fixed";
-    class?: string;
-};
+import { type ArrowProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
+ * ## Type
+ * [ArrowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1861)
  * ## Props
- * @props:
+ * @prop placement = "top"
+ * @prop cords
+ * @prop strategy = "absolute"
+ * @prop class: className = ""
  */
-declare const Arrow: import("svelte").Component<$$ComponentProps, {}, "">;
+declare const Arrow: import("svelte").Component<ArrowProps, {}, "">;
 type Arrow = ReturnType<typeof Arrow>;
 export default Arrow;

package/dist/utils/index.d.ts

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

package/dist/utils/index.js

@@ -2,6 +2,7 @@ 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 function cn(...inputs) {
     return twMerge(clsx(inputs));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "1.2.5",
+  "version": "1.2.7",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
   "author": {
@@ -16,7 +16,7 @@
     "@docsearch/css": "^3.9.0",
     "@docsearch/js": "^3.9.0",
     "@eslint/compat": "^1.2.9",
-    "@eslint/js": "^9.26.0",
+    "@eslint/js": "^9.27.0",
     "@playwright/test": "^1.52.0",
     "@sveltejs/adapter-auto": "^6.0.1",
     "@sveltejs/adapter-vercel": "^5.7.2",
@@ -24,31 +24,32 @@
     "@sveltejs/package": "2.3.11",
     "@sveltejs/vite-plugin-svelte": "^5.0.3",
     "@svitejs/changesets-changelog-github-compact": "^1.2.0",
-    "@tailwindcss/vite": "^4.1.6",
+    "@tailwindcss/vite": "^4.1.7",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/svelte": "^5.2.7",
     "clsx": "^2.1.1",
     "dayjs": "^1.11.13",
     "deepmerge": "^4.3.1",
-    "eslint": "^9.26.0",
+    "eslint": "^9.27.0",
     "eslint-config-prettier": "^10.1.5",
-    "eslint-plugin-svelte": "^3.6.0",
+    "eslint-plugin-svelte": "^3.8.1",
     "flowbite-svelte-icons": "^2.1.1",
     "globals": "^16.1.0",
     "jsdom": "^26.1.0",
     "mdsvex": "^0.12.6",
     "mdsvexamples": "^0.5.0",
     "prettier": "^3.5.3",
-    "prettier-plugin-svelte": "^3.3.3",
+    "prettier-plugin-svelte": "^3.4.0",
     "prettier-plugin-tailwindcss": "^0.6.11",
     "prism-themes": "^1.9.0",
     "publint": "^0.3.12",
-    "svelte": "^5.28.6",
-    "svelte-check": "^4.1.7",
-    "svelte-lib-helpers": "^0.4.28",
+    "svelte": "^5.30.2",
+    "svelte-check": "^4.2.1",
+    "svelte-doc-llm": "^0.2.1",
+    "svelte-lib-helpers": "^0.4.30",
     "svelte-meta-tags": "^4.3.0",
     "svelte-rune-highlight": "^0.6.6",
-    "tailwindcss": "^4.1.6",
+    "tailwindcss": "^4.1.7",
     "tsx": "^4.19.4",
     "typescript": "^5.8.3",
     "typescript-eslint": "8.31.1",
@@ -109,7 +110,7 @@
     "flowbite": "^3.1.2",
     "tailwind-merge": "^3.3.0",
     "tailwind-variants": "^1.0.0",
-    "virtua": "^0.41.0"
+    "virtua": "^0.41.2"
   },
   "files": [
     "dist",
@@ -335,14 +336,14 @@
       "types": "./dist/forms/helper/Helper.svelte.d.ts",
       "svelte": "./dist/forms/helper/Helper.svelte"
     },
-    "./Input.svelte": {
-      "types": "./dist/forms/input/Input.svelte.d.ts",
-      "svelte": "./dist/forms/input/Input.svelte"
-    },
     "./InputAddon.svelte": {
       "types": "./dist/forms/input-addon/InputAddon.svelte.d.ts",
       "svelte": "./dist/forms/input-addon/InputAddon.svelte"
     },
+    "./Input.svelte": {
+      "types": "./dist/forms/input-field/Input.svelte.d.ts",
+      "svelte": "./dist/forms/input-field/Input.svelte"
+    },
     "./Label.svelte": {
       "types": "./dist/forms/label/Label.svelte.d.ts",
       "svelte": "./dist/forms/label/Label.svelte"
@@ -580,8 +581,8 @@
       "svelte": "./dist/spinner/Spinner.svelte"
     },
     "./StepIndicator.svelte": {
-      "types": "./dist/steps/StepIndicator.svelte.d.ts",
-      "svelte": "./dist/steps/StepIndicator.svelte"
+      "types": "./dist/stepindicator/StepIndicator.svelte.d.ts",
+      "svelte": "./dist/stepindicator/StepIndicator.svelte"
     },
     "./Table.svelte": {
       "types": "./dist/table/Table.svelte.d.ts",
@@ -758,6 +759,7 @@
     "gen:component-data-prop-value": "svelte-lib-helpers component-data-prop-value themesberg/flowbite-svelte",
     "copy:packagejson": "svelte-lib-helpers package",
     "lib-helpers": "pnpm gen:component-data-prop-value && pnpm gen:docspropvalue && pnpm format && pnpm package && pnpm gen:exports && pnpm copy:packagejson",
+    "llm": "svelte-doc-llm",
     "ch": "npx changeset",
     "cv": "npx changeset version",
     "cp": "npx changeset publish"