flowbite-svelte 0.44.18 → 0.44.19

package/dist/buttons/Button.svelte

@@ -8,8 +8,10 @@ export let href = undefined;
 export let type = 'button';
 export let color = group ? (outline ? 'dark' : 'alternative') : 'primary';
 export let shadow = false;
+export let tag = 'button';
+export let checked = undefined;
 const colorClasses = {
-    alternative: 'text-gray-900 bg-white border border-gray-200 hover:bg-gray-100 dark:bg-gray-800 dark:text-gray-400 hover:text-primary-700 focus:text-primary-700 dark:focus:text-white dark:hover:text-white',
+    alternative: 'text-gray-900 bg-white border border-gray-200 hover:bg-gray-100 dark:bg-gray-800 dark:text-gray-400 hover:text-primary-700 focus-within:text-primary-700 dark:focus-within:text-white dark:hover:text-white',
     blue: 'text-white bg-blue-700 hover:bg-blue-800 dark:bg-blue-600 dark:hover:bg-blue-700',
     dark: 'text-white bg-gray-800 hover:bg-gray-900 dark:bg-gray-800 dark:hover:bg-gray-700',
     green: 'text-white bg-green-700 hover:bg-green-800 dark:bg-green-600 dark:hover:bg-green-700',
@@ -20,16 +22,28 @@ const colorClasses = {
     yellow: 'text-white bg-yellow-400 hover:bg-yellow-500 ',
     none: ''
 };
+const colorCheckedClasses = {
+    alternative: 'text-primary-700 border dark:text-primary-500 bg-gray-100 dark:bg-gray-700 border-gray-300 shadow-gray-300 dark:shadow-gray-800 shadow-inner',
+    blue: 'text-blue-900 bg-blue-400 dark:bg-blue-500 shadow-blue-700 dark:shadow-blue-800 shadow-inner',
+    dark: 'text-white bg-gray-500 dark:bg-gray-600 shadow-gray-800 dark:shadow-gray-900 shadow-inner',
+    green: 'text-green-900 bg-green-400 dark:bg-green-500 shadow-green-700 dark:shadow-green-800 shadow-inner',
+    light: 'text-gray-900 bg-gray-100 border border-gray-300 dark:bg-gray-500 dark:text-gray-900 dark:border-gray-700 shadow-gray-300 dark:shadow-gray-700 shadow-inner',
+    primary: 'text-primary-900 bg-primary-400 dark:bg-primary-500 shadow-primary-700 dark:shadow-primary-800 shadow-inner',
+    purple: 'text-purple-900 bg-purple-400 dark:bg-purple-500 shadow-purple-700 dark:shadow-purple-800 shadow-inner',
+    red: 'text-red-900 bg-red-400 dark:bg-red-500 shadow-red-700 dark:shadow-red-800 shadow-inner',
+    yellow: 'text-yellow-900 bg-yellow-300 dark:bg-yellow-400 shadow-yellow-500 dark:shadow-yellow-700 shadow-inner',
+    none: ''
+};
 const coloredFocusClasses = {
-    alternative: 'focus:ring-gray-200 dark:focus:ring-gray-700',
-    blue: 'focus:ring-blue-300 dark:focus:ring-blue-800',
-    dark: 'focus:ring-gray-300 dark:focus:ring-gray-700',
-    green: 'focus:ring-green-300 dark:focus:ring-green-800',
-    light: 'focus:ring-gray-200 dark:focus:ring-gray-700',
-    primary: 'focus:ring-primary-300 dark:focus:ring-primary-800',
-    purple: 'focus:ring-purple-300 dark:focus:ring-purple-900',
-    red: 'focus:ring-red-300 dark:focus:ring-red-900',
-    yellow: 'focus:ring-yellow-300 dark:focus:ring-yellow-900',
+    alternative: 'focus-within:ring-gray-200 dark:focus-within:ring-gray-700',
+    blue: 'focus-within:ring-blue-300 dark:focus-within:ring-blue-800',
+    dark: 'focus-within:ring-gray-300 dark:focus-within:ring-gray-700',
+    green: 'focus-within:ring-green-300 dark:focus-within:ring-green-800',
+    light: 'focus-within:ring-gray-200 dark:focus-within:ring-gray-700',
+    primary: 'focus-within:ring-primary-300 dark:focus-within:ring-primary-800',
+    purple: 'focus-within:ring-purple-300 dark:focus-within:ring-purple-900',
+    red: 'focus-within:ring-red-300 dark:focus-within:ring-red-900',
+    yellow: 'focus-within:ring-yellow-300 dark:focus-within:ring-yellow-900',
     none: ''
 };
 const coloredShadowClasses = {
@@ -45,9 +59,9 @@ const coloredShadowClasses = {
     none: ''
 };
 const outlineClasses = {
-    alternative: 'text-gray-900 hover:text-white border border-gray-800 hover:bg-gray-900 focus:bg-gray-900 focus:text-white focus:ring-gray-300 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-800',
+    alternative: 'text-gray-900 dark:text-gray-400 hover:text-white border border-gray-800 hover:bg-gray-900 focus-within:bg-gray-900 focus-within:text-white focus-within:ring-gray-300 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-600 dark:focus-within:ring-gray-800',
     blue: 'text-blue-700 hover:text-white border border-blue-700 hover:bg-blue-800 dark:border-blue-500 dark:text-blue-500 dark:hover:text-white dark:hover:bg-blue-600',
-    dark: 'text-gray-900 hover:text-white border border-gray-800 hover:bg-gray-900 focus:bg-gray-900 focus:text-white dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-600',
+    dark: 'text-gray-900 hover:text-white border border-gray-800 hover:bg-gray-900 focus-within:bg-gray-900 focus-within:text-white dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-600',
     green: 'text-green-700 hover:text-white border border-green-700 hover:bg-green-800 dark:border-green-500 dark:text-green-500 dark:hover:text-white dark:hover:bg-green-600',
     light: 'text-gray-500 hover:text-gray-900 bg-white border border-gray-200 dark:border-gray-600 dark:hover:text-white dark:text-gray-400 hover:bg-gray-50 dark:bg-gray-700 dark:hover:bg-gray-600',
     primary: 'text-primary-700 hover:text-white border border-primary-700 hover:bg-primary-700 dark:border-primary-500 dark:text-primary-500 dark:hover:text-white dark:hover:bg-primary-600',
@@ -65,12 +79,58 @@ const sizeClasses = {
 };
 const hasBorder = () => outline || color === 'alternative' || color === 'light';
 let buttonClass;
-$: buttonClass = twMerge('text-center font-medium', group ? 'focus:ring-2' : 'focus:ring-4', group && 'focus:z-10', group || 'focus:outline-none', 'inline-flex items-center justify-center ' + sizeClasses[size], outline ? outlineClasses[color] : colorClasses[color], color === 'alternative' && (group ? 'dark:bg-gray-700 dark:text-white dark:border-gray-700 dark:hover:border-gray-600 dark:hover:bg-gray-600' : 'dark:bg-transparent dark:border-gray-600 dark:hover:border-gray-700'), outline && color === 'dark' && (group ? 'dark:text-white dark:border-white' : 'dark:text-gray-400 dark:border-gray-700'), coloredFocusClasses[color], hasBorder() && group && 'border-l-0 first:border-l', group ? (pill && 'first:rounded-l-full last:rounded-r-full') || 'first:rounded-l-lg last:rounded-r-lg' : (pill && 'rounded-full') || 'rounded-lg', shadow && 'shadow-lg', shadow && coloredShadowClasses[color], $$props.disabled && 'cursor-not-allowed opacity-50', $$props.class);
+$: buttonClass = twMerge('text-center font-medium', group ? 'focus-within:ring-2' : 'focus-within:ring-4', group && 'focus-within:z-10', group || 'focus-within:outline-none', 'inline-flex items-center justify-center ' + sizeClasses[size], outline && checked && 'border dark:border-gray-900', outline && checked && colorCheckedClasses[color], outline && !checked && outlineClasses[color], !outline && checked && colorCheckedClasses[color], !outline && !checked && colorClasses[color], color === 'alternative' &&
+    (group && !checked
+        ? 'dark:bg-gray-700 dark:text-white dark:border-gray-700 dark:hover:border-gray-600 dark:hover:bg-gray-600'
+        : 'dark:bg-transparent dark:border-gray-600 dark:hover:border-gray-700'), outline &&
+    color === 'dark' &&
+    (group
+        ? checked
+            ? 'bg-gray-900 border-gray-800 dark:border-white dark:bg-gray-600'
+            : 'dark:text-white border-gray-800 dark:border-white'
+        : 'dark:text-gray-400 dark:border-gray-700'), coloredFocusClasses[color], hasBorder() && group && 'border-l-0 first:border-l', group
+    ? (pill && 'first:rounded-l-full last:rounded-r-full') || 'first:rounded-l-lg last:rounded-r-lg'
+    : (pill && 'rounded-full') || 'rounded-lg', shadow && 'shadow-lg', shadow && coloredShadowClasses[color], $$props.disabled && 'cursor-not-allowed opacity-50', $$props.class);
 </script>
 
-<svelte:element this={href ? 'a' : 'button'} type={href ? undefined : type} {href} role={href ? 'link' : 'button'} {...$$restProps} class={buttonClass} on:click on:change on:keydown on:keyup on:touchstart|passive on:touchend on:touchcancel on:mouseenter on:mouseleave>
-  <slot />
-</svelte:element>
+{#if href}
+  <a
+    {href}
+    {...$$restProps}
+    class={buttonClass}
+    role="button"
+    on:click
+    on:change
+    on:keydown
+    on:keyup
+    on:touchstart|passive
+    on:touchend
+    on:touchcancel
+    on:mouseenter
+    on:mouseleave>
+    <slot />
+  </a>
+{:else if tag === 'button'}
+  <button
+    {type}
+    {...$$restProps}
+    class={buttonClass}
+    on:click
+    on:change
+    on:keydown
+    on:keyup
+    on:touchstart|passive
+    on:touchend
+    on:touchcancel
+    on:mouseenter
+    on:mouseleave>
+    <slot />
+  </button>
+{:else}
+  <svelte:element this={tag} {...$$restProps} class={buttonClass}>
+    <slot />
+  </svelte:element>
+{/if}
 
 <!--
 @component
@@ -80,7 +140,9 @@ $: buttonClass = twMerge('text-center font-medium', group ? 'focus:ring-2' : 'fo
 @prop export let outline: boolean = false;
 @prop export let size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = group ? 'sm' : 'md';
 @prop export let href: string | undefined = undefined;
-@prop export let type: ButtonType = 'button';
+@prop export let type: HTMLButtonAttributes['type'] = 'button';
 @prop export let color: ButtonColor = group ? (outline ? 'dark' : 'alternative') : 'primary';
 @prop export let shadow: boolean = false;
+@prop export let tag: string = 'button';
+@prop export let checked: boolean | undefined = undefined;
 -->

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { ButtonType } from '../types';
+import type { HTMLButtonAttributes } from 'svelte/elements';
 declare const __propDef: {
     props: {
         [x: string]: any;
@@ -7,9 +7,11 @@ declare const __propDef: {
         outline?: boolean | undefined;
         size?: "xs" | "sm" | "lg" | "xl" | "md" | undefined;
         href?: string | undefined;
-        type?: ButtonType | undefined;
+        type?: HTMLButtonAttributes['type'];
         color?: "red" | "yellow" | "green" | "purple" | "blue" | "light" | "dark" | "primary" | "none" | "alternative" | undefined;
         shadow?: boolean | undefined;
+        tag?: string | undefined;
+        checked?: boolean | undefined;
     };
     events: {
         click: MouseEvent;
@@ -38,9 +40,11 @@ export type ButtonSlots = typeof __propDef.slots;
  * @prop export let outline: boolean = false;
  * @prop export let size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = group ? 'sm' : 'md';
  * @prop export let href: string | undefined = undefined;
- * @prop export let type: ButtonType = 'button';
+ * @prop export let type: HTMLButtonAttributes['type'] = 'button';
  * @prop export let color: ButtonColor = group ? (outline ? 'dark' : 'alternative') : 'primary';
  * @prop export let shadow: boolean = false;
+ * @prop export let tag: string = 'button';
+ * @prop export let checked: boolean | undefined = undefined;
  */
 export default class Button extends SvelteComponent<ButtonProps, ButtonEvents, ButtonSlots> {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Button.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/buttons/Button.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAGD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AA+F3C,QAAA,MAAM,SAAS;;;;;;eAD+L,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;CAClJ,CAAC;AAC/E,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,eAAe,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC1F"}
+{"version":3,"file":"Button.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/buttons/Button.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAID,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAgK5D,QAAA,MAAM,SAAS;;;;;;eAD6N,MAAM,GAAG,SAAS;eAAS,oBAAoB,CAAC,MAAM,CAAC;;;;kBAAiE,OAAO,GAAG,SAAS;;;;;;;;;;;;;;;;;;CACzS,CAAC;AAC/E,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,eAAe,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC1F"}

package/dist/carousel/Carousel.svelte

@@ -7,7 +7,7 @@ import { twMerge } from 'tailwind-merge';
 import Controls from './Controls.svelte';
 import Indicators from './Indicators.svelte';
 import Slide from './Slide.svelte';
-import { canChangeSlide } from './Carousel';
+import { canChangeSlide } from './CarouselSlide';
 const SLIDE_DURATION_RATIO = 0.25; // TODO: Expose one day?
 export let images;
 export let index = 0;

package/dist/carousel/{Carousel.d.ts → CarouselSlide.d.ts}

@@ -3,4 +3,4 @@ export declare const canChangeSlide: ({ lastSlideChange, slideDuration, slideDur
     slideDuration: number;
     slideDurationRatio?: number | undefined;
 }) => boolean;
-//# sourceMappingURL=Carousel.d.ts.map
+//# sourceMappingURL=CarouselSlide.d.ts.map

package/dist/carousel/CarouselSlide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselSlide.d.ts","sourceRoot":"","sources":["../../../../src/lib/carousel/CarouselSlide.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;qBAKR,IAAI;mBACN,MAAM;;aAStB,CAAC"}

package/dist/carousel/Controls.svelte

@@ -1,7 +1,7 @@
 <script>import { getContext } from 'svelte';
 import ControlButton from './ControlButton.svelte';
 import { twMerge } from 'tailwind-merge';
-import { canChangeSlide } from './Carousel';
+import { canChangeSlide } from './CarouselSlide';
 const state = getContext('state');
 const { update } = state;
 function changeSlide(forward) {

package/dist/datepicker/Datepicker.svelte

@@ -1,3 +1,6 @@
+<script context="module">"use strict";
+</script>
+
 <script>import Calendar from './Calender.svelte';
 export let range = false;
 // autoHide not working

package/dist/datepicker/Datepicker.svelte.d.ts

@@ -1,4 +1,15 @@
 import { SvelteComponent } from "svelte";
+declare module 'svelte/elements' {
+    interface HTMLAttributes<T> {
+        [x: `data-${string}`]: any;
+        'date-rangepicker'?: boolean;
+        datepicker?: boolean;
+        'datepicker-buttons'?: boolean;
+        'datepicker-format'?: string;
+        'datepicker-orientation'?: string;
+        'datepicker-title'?: string;
+    }
+}
 declare const __propDef: {
     props: {
         [x: string]: any;

package/dist/datepicker/Datepicker.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Datepicker.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/datepicker/Datepicker.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AA8DD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACvD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAErD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,eAAe,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC1G"}
+{"version":3,"file":"Datepicker.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/datepicker/Datepicker.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACC,OAAO,QAAQ,iBAAiB,CAAC;IAC/B,UAAU,cAAc,CAAC,CAAC;QACxB,CAAC,CAAC,EAAE,QAAQ,MAAM,EAAE,GAAG,GAAG,CAAC;QAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;QAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,oBAAoB,CAAC,EAAE,OAAO,CAAC;QAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,wBAAwB,CAAC,EAAE,MAAM,CAAC;QAClC,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B;CACF;AAkEH,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACvD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAErD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,eAAe,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC1G"}

package/dist/footer/Footer.svelte

@@ -1,5 +1,5 @@
 <script>import { twMerge } from 'tailwind-merge';
-export let footerType = 'default';
+export let footerType = undefined;
 let footerClass = twMerge(footerType === 'sitemap' && 'bg-gray-800', footerType === 'socialmedia' && 'p-4 bg-white sm:p-6 dark:bg-gray-800', footerType === 'logo' && 'p-4 bg-white rounded-lg shadow md:px-6 md:py-8 dark:bg-gray-800', footerType === 'default' && 'p-4 bg-white rounded-lg shadow md:flex md:items-center md:justify-between md:p-6 dark:bg-gray-800', $$props.class);
 </script>
 
@@ -11,5 +11,5 @@ let footerClass = twMerge(footerType === 'sitemap' && 'bg-gray-800', footerType
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let footerType: 'sitemap' | 'default' | 'logo' | 'socialmedia' = 'default';
+@prop export let footerType: 'sitemap' | 'default' | 'logo' | 'socialmedia' | undefined = undefined;
 -->

package/dist/footer/Footer.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        footerType?: "default" | "sitemap" | "logo" | "socialmedia" | undefined;
+        footerType?: 'sitemap' | 'default' | 'logo' | 'socialmedia' | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -17,7 +17,7 @@ export type FooterSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let footerType: 'sitemap' | 'default' | 'logo' | 'socialmedia' = 'default';
+ * @prop export let footerType: 'sitemap' | 'default' | 'logo' | 'socialmedia' | undefined = undefined;
  */
 export default class Footer extends SvelteComponent<FooterProps, FooterEvents, FooterSlots> {
 }

package/dist/footer/Footer.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/footer/Footer.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAmBD,QAAA,MAAM,SAAS;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,eAAe,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC1F"}
+{"version":3,"file":"Footer.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/footer/Footer.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAmBD,QAAA,MAAM,SAAS;;;qBAD2C,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,aAAa,GAAG,SAAS;;;;;;;;CACtC,CAAC;AAC/E,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,eAAe,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC1F"}

package/dist/forms/CheckboxButton.svelte

@@ -0,0 +1,84 @@
+<script>import Button from '../buttons/Button.svelte';
+import { twMerge } from 'tailwind-merge';
+export let group = [];
+export let value = 'on';
+export let checked = undefined;
+export let inline = true;
+// Button properties forwarding
+export let pill = false;
+export let outline = false;
+export let size = undefined;
+export let color = undefined;
+export let shadow = false;
+// react on external group changes
+function init(_, _group) {
+    if (checked === undefined)
+        checked = _group.includes(value);
+    onChange();
+    return {
+        update(_group) {
+            checked = _group.includes(value);
+        }
+    };
+}
+function onChange() {
+    // There's a bug in Svelte and bind:group is not working with wrapped checkbox
+    // This workaround is taken from:
+    // https://svelte.dev/repl/de117399559f4e7e9e14e2fc9ab243cc?version=3.12.1
+    const index = group.indexOf(value);
+    if (checked === undefined)
+        checked = index >= 0;
+    if (checked) {
+        if (index < 0) {
+            group.push(value);
+            group = group;
+        }
+    }
+    else {
+        if (index >= 0) {
+            group.splice(index, 1);
+            group = group;
+        }
+    }
+}
+let buttonClass;
+$: buttonClass = twMerge(inline ? 'inline-flex' : 'flex', $$props.class);
+</script>
+
+<Button tag="label" {checked} {pill} {outline} {size} {color} {shadow} class={buttonClass}>
+  <input
+    use:init={group}
+    type="checkbox"
+    bind:checked
+    {value}
+    {...$$restProps}
+    class="sr-only"
+    on:keyup
+    on:keydown
+    on:keypress
+    on:focus
+    on:blur
+    on:click
+    on:mouseover
+    on:mouseenter
+    on:mouseleave
+    on:paste
+    on:change={onChange}
+    on:change />
+  <slot />
+</Button>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let group: (string | number)[] = [];
+@prop export let value: string | number = 'on';
+@prop export let checked: boolean | undefined = undefined;
+@prop export let inline: boolean = true;
+@prop export let pill: boolean = false;
+@prop export let outline: boolean = false;
+@prop export let size: SizeType | undefined = undefined;
+@prop export let color: ButtonColorType | undefined = undefined;
+@prop export let shadow: boolean = false;
+-->

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

@@ -0,0 +1,54 @@
+import { SvelteComponent } from "svelte";
+import type { ButtonColorType, SizeType } from '../types';
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        group?: (string | number)[] | undefined;
+        value?: string | number | undefined;
+        checked?: boolean | undefined;
+        inline?: boolean | undefined;
+        pill?: boolean | undefined;
+        outline?: boolean | undefined;
+        size?: SizeType | undefined;
+        color?: ButtonColorType | undefined;
+        shadow?: boolean | undefined;
+    };
+    events: {
+        keyup: KeyboardEvent;
+        keydown: KeyboardEvent;
+        keypress: KeyboardEvent;
+        focus: FocusEvent;
+        blur: FocusEvent;
+        click: MouseEvent;
+        mouseover: MouseEvent;
+        mouseenter: MouseEvent;
+        mouseleave: MouseEvent;
+        paste: ClipboardEvent;
+        change: Event;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type CheckboxButtonProps = typeof __propDef.props;
+export type CheckboxButtonEvents = typeof __propDef.events;
+export type CheckboxButtonSlots = typeof __propDef.slots;
+/**
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Props
+ * @prop export let group: (string | number)[] = [];
+ * @prop export let value: string | number = 'on';
+ * @prop export let checked: boolean | undefined = undefined;
+ * @prop export let inline: boolean = true;
+ * @prop export let pill: boolean = false;
+ * @prop export let outline: boolean = false;
+ * @prop export let size: SizeType | undefined = undefined;
+ * @prop export let color: ButtonColorType | undefined = undefined;
+ * @prop export let shadow: boolean = false;
+ */
+export default class CheckboxButton extends SvelteComponent<CheckboxButtonProps, CheckboxButtonEvents, CheckboxButtonSlots> {
+}
+export {};
+//# sourceMappingURL=CheckboxButton.svelte.d.ts.map

package/dist/forms/CheckboxButton.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxButton.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/forms/CheckboxButton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAED,OAAO,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAkE5D,QAAA,MAAM,SAAS;;;;;kBADoN,OAAO,GAAG,SAAS;;;;eAA8D,QAAQ,GAAG,SAAS;gBAAU,eAAe,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;CAC/R,CAAC;AAC/E,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEzD;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,eAAe,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC;CAC1H"}

package/dist/forms/FloatingLabelInput.svelte

@@ -6,7 +6,6 @@ export let type = 'text';
 export let size = 'default';
 export let color = 'base';
 export let value = undefined;
-export let label = '';
 const divClasses = {
     filled: 'relative',
     outlined: 'relative',
@@ -66,7 +65,7 @@ const labelColorClasses = {
   <input {id} {...$$restProps} bind:value on:blur on:change on:click on:focus on:input on:keydown on:keypress on:keyup on:mouseenter on:mouseleave on:mouseover on:paste {...{ type }} placeholder=" " class={twMerge(inputClasses[style], inputColorClasses[color], inputSizes[style][size], $$props.classInput)} />
 
   <label for={id} class={twMerge(labelClasses[style], labelColorClasses[color], labelSizes[style][size], $$props.classLabel)}>
-    {label}
+    <slot />
   </label>
 </div>
 
@@ -80,5 +79,4 @@ const labelColorClasses = {
 @prop export let size: 'small' | 'default' = 'default';
 @prop export let color: 'base' | 'green' | 'red' = 'base';
 @prop export let value: any = undefined;
-@prop export let label: string = '';
 -->

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

@@ -9,7 +9,6 @@ declare const __propDef: {
         size?: "default" | "small" | undefined;
         color?: "red" | "green" | "base" | undefined;
         value?: any;
-        label?: string | undefined;
     };
     events: {
         blur: FocusEvent;
@@ -27,7 +26,9 @@ declare const __propDef: {
     } & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
+    slots: {
+        default: {};
+    };
 };
 export type FloatingLabelInputProps = typeof __propDef.props;
 export type FloatingLabelInputEvents = typeof __propDef.events;
@@ -41,7 +42,6 @@ export type FloatingLabelInputSlots = typeof __propDef.slots;
  * @prop export let size: 'small' | 'default' = 'default';
  * @prop export let color: 'base' | 'green' | 'red' = 'base';
  * @prop export let value: any = undefined;
- * @prop export let label: string = '';
  */
 export default class FloatingLabelInput extends SvelteComponent<FloatingLabelInputProps, FloatingLabelInputEvents, FloatingLabelInputSlots> {
 }

package/dist/forms/FloatingLabelInput.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingLabelInput.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/forms/FloatingLabelInput.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAGD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAwF1C,QAAA,MAAM,SAAS;;;;;;;;gBADqP,GAAG;;;;;;;;;;;;;;;;;;;;CACzL,CAAC;AAC/E,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC7D,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC/D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE7D;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,eAAe,CAAC,uBAAuB,EAAE,wBAAwB,EAAE,uBAAuB,CAAC;CAC1I"}
+{"version":3,"file":"FloatingLabelInput.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/forms/FloatingLabelInput.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAGD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAuF1C,QAAA,MAAM,SAAS;;;;;;;;gBADsO,GAAG;;;;;;;;;;;;;;;;;;;;;CAC1K,CAAC;AAC/E,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC7D,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC/D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE7D;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,eAAe,CAAC,uBAAuB,EAAE,wBAAwB,EAAE,uBAAuB,CAAC;CAC1I"}

package/dist/forms/RadioButton.svelte

@@ -0,0 +1,49 @@
+<script>import Button from '../buttons/Button.svelte';
+import { twMerge } from 'tailwind-merge';
+export let group = '';
+export let value = '';
+export let inline = true;
+// Button properties forwarding
+export let pill = false;
+export let outline = false;
+export let size = undefined;
+export let color = undefined;
+export let shadow = false;
+let buttonClass;
+$: buttonClass = twMerge(inline ? 'inline-flex' : 'flex', $$props.class);
+</script>
+
+<Button tag="label" checked={value === group} {pill} {outline} {size} {color} {shadow} class={buttonClass}>
+  <input
+    type="radio"
+    bind:group
+    {value}
+    {...$$restProps}
+    class="sr-only"
+    on:keyup
+    on:keydown
+    on:keypress
+    on:focus
+    on:blur
+    on:click
+    on:mouseover
+    on:mouseenter
+    on:mouseleave
+    on:paste
+    on:change />
+  <slot />
+</Button>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let group: string | number = '';
+@prop export let value: string | number = '';
+@prop export let inline: boolean = true;
+@prop export let pill: boolean = false;
+@prop export let outline: boolean = false;
+@prop export let size: SizeType | undefined = undefined;
+@prop export let color: ButtonColorType | undefined = undefined;
+@prop export let shadow: boolean = false;
+-->

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

@@ -0,0 +1,52 @@
+import { SvelteComponent } from "svelte";
+import type { ButtonColorType, SizeType } from '../types';
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        group?: string | number | undefined;
+        value?: string | number | undefined;
+        inline?: boolean | undefined;
+        pill?: boolean | undefined;
+        outline?: boolean | undefined;
+        size?: SizeType | undefined;
+        color?: ButtonColorType | undefined;
+        shadow?: boolean | undefined;
+    };
+    events: {
+        keyup: KeyboardEvent;
+        keydown: KeyboardEvent;
+        keypress: KeyboardEvent;
+        focus: FocusEvent;
+        blur: FocusEvent;
+        click: MouseEvent;
+        mouseover: MouseEvent;
+        mouseenter: MouseEvent;
+        mouseleave: MouseEvent;
+        paste: ClipboardEvent;
+        change: Event;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type RadioButtonProps = typeof __propDef.props;
+export type RadioButtonEvents = typeof __propDef.events;
+export type RadioButtonSlots = typeof __propDef.slots;
+/**
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Props
+ * @prop export let group: string | number = '';
+ * @prop export let value: string | number = '';
+ * @prop export let inline: boolean = true;
+ * @prop export let pill: boolean = false;
+ * @prop export let outline: boolean = false;
+ * @prop export let size: SizeType | undefined = undefined;
+ * @prop export let color: ButtonColorType | undefined = undefined;
+ * @prop export let shadow: boolean = false;
+ */
+export default class RadioButton extends SvelteComponent<RadioButtonProps, RadioButtonEvents, RadioButtonSlots> {
+}
+export {};
+//# sourceMappingURL=RadioButton.svelte.d.ts.map

package/dist/forms/RadioButton.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/forms/RadioButton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAED,OAAO,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAgC5D,QAAA,MAAM,SAAS;;;;;;;;eAD+O,QAAQ,GAAG,SAAS;gBAAU,eAAe,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;CACzO,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,eAAe,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CAC9G"}

package/dist/index.d.ts

@@ -32,6 +32,7 @@ export { default as FooterIcon } from "./footer/FooterIcon.svelte";
 export { default as FooterLink } from "./footer/FooterLink.svelte";
 export { default as FooterLinkGroup } from "./footer/FooterLinkGroup.svelte";
 export { default as Checkbox } from "./forms/Checkbox.svelte";
+export { default as CheckboxButton } from "./forms/CheckboxButton.svelte";
 export { default as Dropzone } from "./forms/Dropzone.svelte";
 export { default as Fileupload } from "./forms/Fileupload.svelte";
 export { default as FloatingLabelInput } from "./forms/FloatingLabelInput.svelte";
@@ -42,6 +43,7 @@ export { default as Label } from "./forms/Label.svelte";
 export { default as MultiSelect } from "./forms/MultiSelect.svelte";
 export { default as NumberInput } from "./forms/NumberInput.svelte";
 export { default as Radio } from "./forms/Radio.svelte";
+export { default as RadioButton } from "./forms/RadioButton.svelte";
 export { default as Range } from "./forms/Range.svelte";
 export { default as Search } from "./forms/Search.svelte";
 export { default as Select } from "./forms/Select.svelte";

package/dist/index.js

@@ -69,6 +69,7 @@ export { default as FooterLinkGroup } from './footer/FooterLinkGroup.svelte';
 
 // Forms
 export { default as Checkbox } from './forms/Checkbox.svelte';
+export { default as CheckboxButton } from './forms/CheckboxButton.svelte';
 export { default as Dropzone } from './forms/Dropzone.svelte';
 export { default as Fileupload } from './forms/Fileupload.svelte';
 export { default as FloatingLabelInput } from './forms/FloatingLabelInput.svelte';
@@ -79,6 +80,7 @@ export { default as Label } from './forms/Label.svelte';
 export { default as MultiSelect } from './forms/MultiSelect.svelte';
 export { default as NumberInput } from './forms/NumberInput.svelte';
 export { default as Radio } from './forms/Radio.svelte';
+export { default as RadioButton } from './forms/RadioButton.svelte';
 export { default as Range } from './forms/Range.svelte';
 export { default as Search } from './forms/Search.svelte';
 export { default as Select } from './forms/Select.svelte';

package/dist/indicators/Indicator.svelte

@@ -67,6 +67,6 @@ $: dotClass = twMerge('flex-shrink-0', rounded ? 'rounded' : 'rounded-full', bor
 @prop export let rounded: boolean = false;
 @prop export let size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'md';
 @prop export let border: boolean = false;
-@prop export let placement: PlacementType | undefined = undefined;
+@prop export let placement: IndicatorPlacementType | undefined = undefined;
 @prop export let offset: boolean = true;
 -->

package/dist/indicators/Indicator.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { PlacementType } from '../types';
+import type { IndicatorPlacementType } from '../types';
 declare const __propDef: {
     props: {
         [x: string]: any;
@@ -7,7 +7,7 @@ declare const __propDef: {
         rounded?: boolean | undefined;
         size?: "xs" | "sm" | "lg" | "xl" | "md" | undefined;
         border?: boolean | undefined;
-        placement?: PlacementType | undefined;
+        placement?: IndicatorPlacementType | undefined;
         offset?: boolean | undefined;
     };
     events: {
@@ -27,7 +27,7 @@ export type IndicatorSlots = typeof __propDef.slots;
  * @prop export let rounded: boolean = false;
  * @prop export let size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'md';
  * @prop export let border: boolean = false;
- * @prop export let placement: PlacementType | undefined = undefined;
+ * @prop export let placement: IndicatorPlacementType | undefined = undefined;
  * @prop export let offset: boolean = true;
  */
 export default class Indicator extends SvelteComponent<IndicatorProps, IndicatorEvents, IndicatorSlots> {

package/dist/indicators/Indicator.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Indicator.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/indicators/Indicator.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAED,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAiF9C,QAAA,MAAM,SAAS;;;;;;;oBADmO,aAAa,GAAG,SAAS;;;;;;;;;CAC7L,CAAC;AAC/E,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,eAAe,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CACtG"}
+{"version":3,"file":"Indicator.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/indicators/Indicator.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAkFzD,QAAA,MAAM,SAAS;;;;;;;oBADmO,sBAAsB,GAAG,SAAS;;;;;;;;;CACtM,CAAC;AAC/E,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,eAAe,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CACtG"}

package/dist/modal/Modal.svelte

@@ -74,7 +74,7 @@ const hide = (e) => {
     open = false;
 };
 let frameClass;
-$: frameClass = twMerge(defaultClass, 'w-full', $$props.class);
+$: frameClass = twMerge(defaultClass, 'w-full divide-y', $$props.class);
 const isScrollable = (e) => [e.scrollWidth > e.clientWidth && ['scroll', 'auto'].indexOf(getComputedStyle(e).overflowX) >= 0, e.scrollHeight > e.clientHeight && ['scroll', 'auto'].indexOf(getComputedStyle(e).overflowY) >= 0];
 let backdropCls = twMerge(backdropClass, $$props.classBackdrop);
 function handleKeys(e) {
@@ -94,7 +94,7 @@ function handleKeys(e) {
       <Frame rounded shadow {...$$restProps} class={frameClass}>
         <!-- Modal header -->
         {#if $$slots.header || title}
-          <Frame color={$$restProps.color} class="flex justify-between items-center p-4 rounded-t border-b">
+          <Frame color={$$restProps.color} class="flex justify-between items-center p-4 rounded-t">
             <slot name="header">
               <h3 class="text-xl font-semibold {$$restProps.color ? '' : 'text-gray-900 dark:text-white'} p-0">
                 {title}
@@ -111,7 +111,7 @@ function handleKeys(e) {
         </div>
         <!-- Modal footer -->
         {#if $$slots.footer}
-          <Frame color={$$restProps.color} class="flex items-center p-6 space-x-2 rounded-b border-t">
+          <Frame color={$$restProps.color} class="flex items-center p-6 space-x-2 rounded-b">
             <slot name="footer" />
           </Frame>
         {/if}

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

@@ -1,5 +1,6 @@
 import { SvelteComponent } from "svelte";
 import type { Dismissable, SizeType } from '../types';
+import type { ModalPlacementType } from '../types';
 declare const __propDef: {
     props: import("svelte/elements").HTMLAnchorAttributes & {
         tag?: string | undefined;
@@ -18,11 +19,15 @@ declare const __propDef: {
         open?: boolean | undefined;
         title?: string | undefined;
         size?: SizeType | undefined;
-        placement?: "top-left" | "top-center" | "top-right" | "center-left" | "center" | "center-right" | "bottom-left" | "bottom-center" | "bottom-right" | undefined;
+        placement?: ModalPlacementType | undefined;
         autoclose?: boolean | undefined;
         backdropClass?: string | undefined;
+        bodyClass?: string | undefined;
+        classBackdrop?: string | undefined;
+        classDialog?: string | undefined;
         defaultClass?: string | undefined;
         outsideclose?: boolean | undefined;
+        dialogClass?: string | undefined;
     };
     events: {
         wheel: WheelEvent;

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/modal/Modal.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAMD,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AA0JxD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,eAAe,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CACtF"}
+{"version":3,"file":"Modal.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/modal/Modal.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAMD,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AA8JnD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,eAAe,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CACtF"}

package/dist/navbar/NavHamburger.svelte

@@ -4,12 +4,13 @@ import { twMerge } from 'tailwind-merge';
 import ToolbarButton from '../toolbar/ToolbarButton.svelte';
 import Menu from './Menu.svelte';
 export let menuClass = 'h-6 w-6 shrink-0';
+export let onClick = undefined;
 let btnClass = 'ml-3 md:hidden';
 let hiddenStore = getContext('navHidden') ?? writable(true);
 const toggle = (ev) => hiddenStore.update((h) => !h);
 </script>
 
-<ToolbarButton name="Open main menu" on:click={toggle} {...$$restProps} class={twMerge(btnClass, $$props.class)}>
+<ToolbarButton name="Open main menu" on:click={onClick || toggle} {...$$restProps} class={twMerge(btnClass, $$props.class)}>
   <Menu class={twMerge(menuClass, $$props.classMenu)} />
 </ToolbarButton>
 
@@ -18,4 +19,5 @@ const toggle = (ev) => hiddenStore.update((h) => !h);
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
 @prop export let menuClass: string = 'h-6 w-6 shrink-0';
+@prop export let onClick: (() => void) | undefined = undefined;
 -->

package/dist/navbar/NavHamburger.svelte.d.ts

@@ -3,6 +3,7 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         menuClass?: string | undefined;
+        onClick?: (() => void) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -16,6 +17,7 @@ export type NavHamburgerSlots = typeof __propDef.slots;
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
  * @prop export let menuClass: string = 'h-6 w-6 shrink-0';
+ * @prop export let onClick: (() => void) | undefined = undefined;
  */
 export default class NavHamburger extends SvelteComponent<NavHamburgerProps, NavHamburgerEvents, NavHamburgerSlots> {
 }

package/dist/navbar/NavHamburger.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavHamburger.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/navbar/NavHamburger.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AA8BD,QAAA,MAAM,SAAS;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,eAAe,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CAClH"}
+{"version":3,"file":"NavHamburger.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/navbar/NavHamburger.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AA+BD,QAAA,MAAM,SAAS;;;;kBAD6E,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS;;;;;;CACtC,CAAC;AAC/E,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,eAAe,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CAClH"}

package/dist/toolbar/Toolbar.svelte

@@ -7,7 +7,7 @@ setContext('toolbar', separators);
 export let color = 'dark';
 export let embedded = false;
 let divClass;
-$: divClass = twMerge('flex justify-between items-center', embedded || 'p-2', $$props.class);
+$: divClass = twMerge('flex justify-between items-center', embedded && 'p-2', $$props.class);
 const divideColors = {
     gray: 'divide-gray-400 dark:divide-gray-700',
     red: 'divide-red-400 dark:divide-red-700',

package/dist/utils/focusTrap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"focusTrap.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/focusTrap.js"],"names":[],"mappings":";AA0Cw1rC,oJAAsM"}
+{"version":3,"file":"focusTrap.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/focusTrap.js"],"names":[],"mappings":";AA0Cu1rC,oJAAsM"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.44.18",
+  "version": "0.44.19",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
   "author": {
@@ -33,38 +33,38 @@
   },
   "devDependencies": {
     "@docsearch/js": "^3.5.2",
-    "@playwright/test": "^1.38.1",
+    "@playwright/test": "^1.39.0",
     "@sveltejs/adapter-vercel": "^3.0.3",
-    "@sveltejs/kit": "^1.25.1",
+    "@sveltejs/kit": "^1.27.2",
     "@sveltejs/package": "2.2.2",
-    "@typescript-eslint/eslint-plugin": "^6.7.3",
-    "@typescript-eslint/parser": "^6.7.3",
+    "@typescript-eslint/eslint-plugin": "^6.9.1",
+    "@typescript-eslint/parser": "^6.9.1",
     "autoprefixer": "^10.4.16",
-    "esbuild": "0.19.4",
-    "eslint": "^8.50.0",
+    "esbuild": "0.19.5",
+    "eslint": "^8.52.0",
     "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-svelte": "^2.33.2",
-    "flowbite-svelte-icons": "^0.4.4",
+    "eslint-plugin-svelte": "^2.34.0",
+    "flowbite-svelte-icons": "^0.4.5",
     "mdsvex": "^0.11.0",
     "mdsvexamples": "^0.4.1",
-    "postcss": "^8.4.30",
+    "postcss": "^8.4.31",
     "postcss-load-config": "^4.0.1",
     "prettier": "^3.0.3",
     "prettier-plugin-svelte": "^3.0.3",
     "prism-themes": "^1.9.0",
-    "publint": "^0.2.2",
-    "svelte": "^4.2.1",
+    "publint": "^0.2.5",
+    "svelte": "^4.2.2",
     "svelte-check": "^3.5.2",
     "svelte-lib-helpers": "^0.3.15",
     "svelte-meta-tags": "^3.0.4",
     "svelte-preprocess": "^5.0.4",
-    "svelte2tsx": "^0.6.22",
+    "svelte2tsx": "^0.6.23",
     "tailwind-merge": "^1.13.1",
-    "tailwindcss": "^3.3.3",
+    "tailwindcss": "^3.3.5",
     "tslib": "^2.6.2",
     "typescript": "^5.2.2",
-    "vite": "^4.4.9",
-    "vitest": "^0.34.5"
+    "vite": "^4.5.0",
+    "vitest": "^0.34.6"
   },
   "peerDependencies": {
     "svelte": "^4.0.0"
@@ -114,13 +114,13 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.5.3",
-    "apexcharts": "^3.42.0",
-    "flowbite": "^1.8.1",
-    "tailwind-merge": "^1.14.0"
+    "apexcharts": "^3.44.0",
+    "flowbite": "^2.0.0",
+    "tailwind-merge": "^2.0.0"
   },
   "engines": {
     "npm": ">=7.0.0",
-    "node": ">=16.0.0"
+    "node": ">=18.0.0"
   },
   "files": [
     "dist",
@@ -326,6 +326,10 @@
       "types": "./dist/forms/Checkbox.svelte.d.ts",
       "svelte": "./dist/forms/Checkbox.svelte"
     },
+    "./CheckboxButton.svelte": {
+      "types": "./dist/forms/CheckboxButton.svelte.d.ts",
+      "svelte": "./dist/forms/CheckboxButton.svelte"
+    },
     "./Dropzone.svelte": {
       "types": "./dist/forms/Dropzone.svelte.d.ts",
       "svelte": "./dist/forms/Dropzone.svelte"
@@ -366,6 +370,10 @@
       "types": "./dist/forms/Radio.svelte.d.ts",
       "svelte": "./dist/forms/Radio.svelte"
     },
+    "./RadioButton.svelte": {
+      "types": "./dist/forms/RadioButton.svelte.d.ts",
+      "svelte": "./dist/forms/RadioButton.svelte"
+    },
     "./Range.svelte": {
       "types": "./dist/forms/Range.svelte.d.ts",
       "svelte": "./dist/forms/Range.svelte"

package/dist/carousel/Carousel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/lib/carousel/Carousel.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;qBAKR,IAAI;mBACN,MAAM;;aAStB,CAAC"}