flowbite-svelte 0.46.9 → 0.46.10

package/dist/forms/Checkbox.svelte

@@ -1,21 +1,25 @@
 <script>import { getContext } from "svelte";
 import { labelClass, inputClass } from "./Radio.svelte";
 import Label from "./Label.svelte";
-export let name;
+export let name = void 0;
 export let color = "primary";
 export let custom = false;
 export let inline = false;
-export let group;
-export let choices;
+export let group = [];
+export let choices = [];
 export let value = "on";
 export let checked = void 0;
 export let spacing = $$slots.default ? "me-2" : "";
+export let groupLabelClass = "";
+export let groupInputClass = "";
 let background = getContext("background");
 </script>
-{#if group}
-  {#each choices as checkbox}
-    <label for={`checkbox-${value}`}>{ checkbox.label }</label>
-    <input type="checkbox" value={ checkbox.value } bind:group>
+{#if choices.length > 0}
+  {#each choices as {value, label}, i}
+    <Label class={labelClass(inline, groupLabelClass)} show={$$slots.default} for={`checkbox-${i}`}>{ label }
+      <input {name} id={`checkbox-${i}`} type="checkbox" value={ value } bind:group {...$$restProps}  class={inputClass(custom, color, true, background, spacing, groupInputClass)} />
+      <slot />
+    </Label>
   {/each}
 {:else}
 <Label class={labelClass(inline, $$props.class)} show={$$slots.default}>
@@ -28,13 +32,15 @@ let background = getContext("background");
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let name: string;
+@prop export let name: string | undefined = undefined;
 @prop export let color: FormColorType = 'primary';
 @prop export let custom: boolean = false;
 @prop export let inline: boolean = false;
-@prop export let group: CheckboxItem[];
-@prop export let choices: CheckboxItem[];
+@prop export let group: string[] = [];
+@prop export let choices: CheckboxItem[] = [];
 @prop export let value: string | number = 'on';
 @prop export let checked: boolean | undefined = undefined;
 @prop export let spacing: string = $$slots.default ? 'me-2' : '';
+@prop export let groupLabelClass: string = '';
+@prop export let groupInputClass: strixng = '';
 -->

package/dist/forms/Checkbox.svelte.d.ts

@@ -1,25 +1,20 @@
 import { SvelteComponentTyped } from "svelte";
 import type { FormColorType } from '../types';
+import type { CheckboxItem } from '../types';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        name: string;
+        name?: string | undefined;
         color?: FormColorType;
         custom?: boolean;
         inline?: boolean;
-        group: {
-            value: string;
-            label: string;
-            isChecked?: boolean;
-        }[];
-        choices: {
-            value: string;
-            label: string;
-            isChecked?: boolean;
-        }[];
+        group?: string[];
+        choices?: CheckboxItem[];
         value?: string | number;
         checked?: boolean | undefined;
         spacing?: string;
+        groupLabelClass?: string;
+        groupInputClass?: any;
     };
     events: {
         keyup: KeyboardEvent;
@@ -46,15 +41,17 @@ export type CheckboxSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let name: string;
+ * @prop export let name: string | undefined = undefined;
  * @prop export let color: FormColorType = 'primary';
  * @prop export let custom: boolean = false;
  * @prop export let inline: boolean = false;
- * @prop export let group: CheckboxItem[];
- * @prop export let choices: CheckboxItem[];
+ * @prop export let group: string[] = [];
+ * @prop export let choices: CheckboxItem[] = [];
  * @prop export let value: string | number = 'on';
  * @prop export let checked: boolean | undefined = undefined;
  * @prop export let spacing: string = $$slots.default ? 'me-2' : '';
+ * @prop export let groupLabelClass: string = '';
+ * @prop export let groupInputClass: strixng = '';
  */
 export default class Checkbox extends SvelteComponentTyped<CheckboxProps, CheckboxEvents, CheckboxSlots> {
 }

package/dist/types.d.ts

@@ -2,6 +2,11 @@ import type { HTMLAnchorAttributes, HTMLButtonAttributes } from 'svelte/elements
 export type BlockQuoteType = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl';
 export type ButtonType = 'button' | 'submit' | 'reset';
 export type ButtonColorType = 'alternative' | 'blue' | 'dark' | 'green' | 'light' | 'primary' | 'purple' | 'red' | 'yellow' | 'none';
+export type CheckboxItem = {
+    value: string;
+    label?: string;
+    isChecked?: boolean;
+};
 export type ColorVariant = 'dark' | 'red' | 'yellow' | 'green' | 'indigo' | 'purple' | 'pink' | 'blue' | 'primary' | 'none';
 export type Colors = 'blue' | 'gray' | 'red' | 'yellow' | 'purple' | 'green' | 'indigo' | 'pink' | 'white' | 'custom' | 'primary' | 'secondary';
 export type ImgType = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.46.9",
+  "version": "0.46.10",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
   "author": {
@@ -28,7 +28,7 @@
     "eslint": "^9.5.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-svelte": "^2.41.0",
-    "flowbite-svelte": "^0.46.9",
+    "flowbite-svelte": "^0.46.10",
     "flowbite-svelte-blocks": "^1.1.3",
     "flowbite-svelte-icons": "^1.6.1",
     "mdsvex": "^0.11.2",
@@ -39,11 +39,11 @@
     "prism-themes": "^1.9.0",
     "publint": "^0.2.8",
     "svelte": "^4.2.18",
-    "svelte-check": "^3.8.2",
+    "svelte-check": "^3.8.3",
     "svelte-lib-helpers": "^0.4.6",
     "svelte-meta-tags": "^3.1.2",
     "svelte-preprocess": "^6.0.1",
-    "svelte2tsx": "^0.7.11",
+    "svelte2tsx": "^0.7.13",
     "tailwind-merge": "^1.13.1",
     "tailwindcss": "^3.4.4",
     "tslib": "^2.6.3",
@@ -100,7 +100,7 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.6.6",
-    "apexcharts": "^3.49.1",
+    "apexcharts": "^3.49.2",
     "flowbite": "^2.3.0",
     "tailwind-merge": "^2.3.0"
   },