flowbite-svelte 1.2.6 → 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/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/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";

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

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";
@@ -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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "1.2.6",
+  "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",
@@ -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"