flowbite-svelte 0.41.0 → 0.41.2

package/dist/bottom-nav/BottomNavHeaderItem.svelte

@@ -6,7 +6,17 @@ export let activeClass = 'px-5 py-1.5 text-xs font-medium text-white bg-gray-900
 $: btnClass = active ? activeClass : defaultClass;
 </script>
 
-<button class={twMerge(btnClass, $$props.class)} {...$$restProps}>
+<button
+  class={twMerge(btnClass, $$props.class)}
+  {...$$restProps}
+  on:click
+  on:change
+  on:keydown
+  on:keyup
+  on:focus
+  on:blur
+  on:mouseenter
+  on:mouseleave>
   {itemName}
 </button>
 
@@ -19,5 +29,13 @@ $: btnClass = active ? activeClass : defaultClass;
   @prop active: boolean = false;
   @prop defaultClass: string = 'px-5 py-1.5 text-xs font-medium text-gray-900 hover:bg-gray-200 dark:text-white dark:hover:bg-gray-700 rounded-lg';
   @prop activeClass: string = 'px-5 py-1.5 text-xs font-medium text-white bg-gray-900 dark:bg-gray-300 dark:text-gray-900 rounded-lg';
-  
+  ## event
+  - on:click
+  - on:change
+  - on:keydown
+  - on:keyup
+  - on:focus
+  - on:blur
+  - on:mouseenter
+  - on:mouseleave
 -->

package/dist/bottom-nav/BottomNavHeaderItem.svelte.d.ts

@@ -8,6 +8,15 @@ declare const __propDef: {
         activeClass?: string | undefined;
     };
     events: {
+        click: MouseEvent;
+        change: Event;
+        keydown: KeyboardEvent;
+        keyup: KeyboardEvent;
+        focus: FocusEvent;
+        blur: FocusEvent;
+        mouseenter: MouseEvent;
+        mouseleave: MouseEvent;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
@@ -23,6 +32,15 @@ export type BottomNavHeaderItemSlots = typeof __propDef.slots;
  * @prop active: boolean = false;
  * @prop defaultClass: string = 'px-5 py-1.5 text-xs font-medium text-gray-900 hover:bg-gray-200 dark:text-white dark:hover:bg-gray-700 rounded-lg';
  * @prop activeClass: string = 'px-5 py-1.5 text-xs font-medium text-white bg-gray-900 dark:bg-gray-300 dark:text-gray-900 rounded-lg';
+ * ## event
+ * - on:click
+ * - on:change
+ * - on:keydown
+ * - on:keyup
+ * - on:focus
+ * - on:blur
+ * - on:mouseenter
+ * - on:mouseleave
  */
 export default class BottomNavHeaderItem extends SvelteComponentTyped<BottomNavHeaderItemProps, BottomNavHeaderItemEvents, BottomNavHeaderItemSlots> {
 }

package/dist/bottom-nav/BottomNavHeaderItem.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomNavHeaderItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/bottom-nav/BottomNavHeaderItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAuBD,QAAA,MAAM,SAAS;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC9D,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAChE,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE9D;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,oBAAoB,CAAC,wBAAwB,EAAE,yBAAyB,EAAE,wBAAwB,CAAC;CACnJ"}
+{"version":3,"file":"BottomNavHeaderItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/bottom-nav/BottomNavHeaderItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAuBD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC9D,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAChE,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE9D;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,oBAAoB,CAAC,wBAAwB,EAAE,yBAAyB,EAAE,wBAAwB,CAAC;CACnJ"}

package/dist/buttons/GradientButton.svelte

@@ -53,7 +53,19 @@ $: divClass = twMerge($$props.outline && 'p-0.5', gradientClasses[color], shadow
     <!-- Trick to prentend outline without using border
 	    This has a limitation of no supporting transparency as
 	    is set to bg-white dark:bg-gray-900 -->
-    <Button {...$$restProps} color="none" class={gradientOutlineClass}><slot /></Button>
+    <Button
+      {...$$restProps}
+      color="none"
+      class={gradientOutlineClass}
+      on:click
+      on:change
+      on:keydown
+      on:keyup
+      on:touchstart
+      on:touchend
+      on:touchcancel
+      on:mouseenter
+      on:mouseleave><slot /></Button>
   </div>
 {:else}
   <Button

package/dist/dropdowns/Dropdown.svelte

@@ -1,8 +1,10 @@
 <script>import { twMerge } from 'tailwind-merge';
 import Popper from '../utils/Popper.svelte';
 export let open = false;
+export let containerClass = 'divide-y z-50';
 export let headerClass = 'py-1 overflow-hidden rounded-t-lg';
 export let footerClass = 'py-1 overflow-hidden rounded-b-lg';
+let containerCls = twMerge(containerClass, $$props.classContainer);
 let headerCls = twMerge(headerClass, $$props.classHeader);
 let ulCls = twMerge('py-1', $$props.class);
 let footerCls = twMerge(footerClass, $$props.classFooter);
@@ -17,7 +19,7 @@ $: {
 }
 </script>
 
-<Popper activeContent {...$$restProps} class={'divide-y'} on:show bind:open>
+<Popper activeContent {...$$restProps} class={containerCls} on:show bind:open>
   {#if $$slots.header}
     <div class={headerCls}>
       <slot name="header" />
@@ -63,6 +65,7 @@ $: {
   - Events
   ## Props
   @prop open: boolean = false;
+  @prop containerClass: string = 'divide-y z-50';
   @prop headerClass: string = 'py-1 overflow-hidden rounded-t-lg';
   @prop ulClass: string = 'py-1 w-44';
   @prop footerClass: string = 'py-1 overflow-hidden rounded-b-lg';
@@ -71,7 +74,7 @@ $: {
   <script>
     import { Button, Dropdown, DropdownItem, Chevron } from 'flowbite-svelte'
   </script>
-  
+
   <Button><Chevron>Dropdown button</Chevron></Button>
   <Dropdown >
     <DropdownItem>Dashboard</DropdownItem>

package/dist/dropdowns/Dropdown.svelte.d.ts

@@ -235,9 +235,11 @@ declare const __propDef: {
         placement?: import("@floating-ui/dom").Placement | undefined;
         trigger?: "click" | "hover" | undefined;
         triggeredBy?: string | undefined;
+        reference?: string | undefined;
         strategy?: "fixed" | "absolute" | undefined;
         open?: boolean | undefined;
         yOnly?: boolean | undefined;
+        containerClass?: string | undefined;
         headerClass?: string | undefined;
         footerClass?: string | undefined;
     };
@@ -284,6 +286,7 @@ export type DropdownSlots = typeof __propDef.slots;
  * - Events
  * ## Props
  * @prop open: boolean = false;
+ * @prop containerClass: string = 'divide-y z-50';
  * @prop headerClass: string = 'py-1 overflow-hidden rounded-t-lg';
  * @prop ulClass: string = 'py-1 w-44';
  * @prop footerClass: string = 'py-1 overflow-hidden rounded-b-lg';

package/dist/dropdowns/Dropdown.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/dropdowns/Dropdown.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAwDD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}
+{"version":3,"file":"Dropdown.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/dropdowns/Dropdown.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA2DD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}

package/dist/forms/Dropzone.svelte

@@ -23,7 +23,7 @@ function keydown(ev) {
   on:dragleave
   on:dragover
   on:drop>
-  <label tabIndex="0">
+  <label class="flex flex-col items-center" tabIndex="0">
     <slot />
     <input
       {...$$restProps}

package/dist/forms/MultiSelect.svelte

@@ -89,7 +89,7 @@ const clearThisOption = (select) => {
   <div class="flex ml-auto gap-2">
     <CloseButton on:click={clearAll} color="none" class="p-0 focus:ring-gray-400" />
     <div class="w-[1px] bg-gray-300 dark:bg-gray-600" />
-    <button tabindex="-1">
+    <button type="button" tabindex="-1">
       <ChevronDown class="h-4 w-4 mb-1 mr-1 cursor-pointer" />
     </button>
   </div>

package/dist/forms/Textarea.svelte

@@ -5,6 +5,7 @@ const background = getContext('background');
 export let value = undefined;
 export let wrappedClass = 'block w-full text-sm border-0 px-0 bg-inherit dark:bg-inherit focus:outline-none focus:ring-0';
 export let unWrappedClass = 'p-2.5 text-sm focus:ring-primary-500 focus:border-primary-500 dark:focus:ring-primary-500 dark:focus:border-primary-500';
+export let innerWrappedClass = 'py-2 px-4 bg-white dark:bg-gray-800';
 let wrapped;
 $: wrapped = $$slots.header || $$slots.footer;
 let wrapperClass;
@@ -13,7 +14,7 @@ let textareaClass;
 $: textareaClass = wrapped ? wrappedClass : twMerge(wrapperClass, unWrappedClass);
 const headerClass = (header) => twMerge(header ? 'border-b' : 'border-t', 'py-2 px-3 border-gray-200 dark:border-gray-600');
 let innerWrapperClass;
-$: innerWrapperClass = twMerge('py-2 px-4 bg-white dark:bg-gray-800', $$slots.footer ? 'rounded-b-lg' : '', $$slots.header ? 'rounded-t-lg' : '');
+$: innerWrapperClass = twMerge(innerWrappedClass, $$slots.footer ? 'rounded-b-lg' : '', $$slots.header ? 'rounded-t-lg' : '');
 </script>
 
 <Wrapper show={wrapped} class={wrapperClass}>

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

@@ -5,6 +5,7 @@ declare const __propDef: {
         value?: any;
         wrappedClass?: string | undefined;
         unWrappedClass?: string | undefined;
+        innerWrappedClass?: string | undefined;
     };
     events: {
         blur: FocusEvent;

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Textarea.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgED,QAAA,MAAM,SAAS;;;gBAD0F,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;CAC9B,CAAC;AAC/E,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}
+{"version":3,"file":"Textarea.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Textarea.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgED,QAAA,MAAM,SAAS;;;gBADiI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;CACrE,CAAC;AAC/E,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}

package/dist/list-group/Listgroup.svelte

@@ -1,7 +1,8 @@
-<script>import { setContext } from 'svelte';
+<script>import { setContext, createEventDispatcher } from 'svelte';
 import { twMerge } from 'tailwind-merge';
 import ListgroupItem from './ListgroupItem.svelte';
 import Frame from '../utils/Frame.svelte';
+const dispatch = createEventDispatcher();
 export let items = [];
 export let active = false;
 export let defaultClass = 'divide-y divide-gray-200 dark:divide-gray-600';
@@ -13,9 +14,11 @@ $: groupClass = twMerge(defaultClass, $$props.class);
 <Frame tag={active ? 'div' : 'ul'} {...$$restProps} rounded border class={groupClass}>
   {#each items as item, index}
     {#if typeof item === 'object'}
-      <ListgroupItem {active} {...item} {index} on:click><slot {item} {index} /></ListgroupItem>
+      <ListgroupItem {active} {...item} {index} on:click={() => dispatch('click', item)}
+        ><slot {item} {index} /></ListgroupItem>
     {:else}
-      <ListgroupItem {active} {index} on:click><slot {item} {index} /></ListgroupItem>
+      <ListgroupItem {active} {index} on:click={() => dispatch('click', item)}
+        ><slot {item} {index} /></ListgroupItem>
     {/if}
   {:else}
     <slot item={items[0]} />

package/dist/list-group/Listgroup.svelte.d.ts

@@ -234,7 +234,7 @@ declare const __propDef: {
         active?: boolean | undefined;
     };
     events: {
-        click: MouseEvent;
+        click: CustomEvent<any>;
     } & {
         [evt: string]: CustomEvent<any>;
     };

package/dist/list-group/Listgroup.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Listgroup.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/list-group/Listgroup.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AA2ClD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,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;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}
+{"version":3,"file":"Listgroup.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/list-group/Listgroup.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AA6ClD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,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;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}

package/dist/list-group/ListgroupItem.svelte

@@ -45,7 +45,7 @@ $: itemClass = twMerge(itemDefaultClass, states[state], active && state === 'dis
 {:else}
   <button
     type="button"
-    class="inline-flex relative items-center text-left {itemClass}"
+    class="flex items-center text-left {itemClass}"
     {disabled}
     on:blur
     on:change

package/dist/megamenu/MegaMenu.svelte.d.ts

@@ -236,6 +236,7 @@ declare const __propDef: {
         placement?: import("@floating-ui/dom").Placement | undefined;
         trigger?: "click" | "hover" | undefined;
         triggeredBy?: string | undefined;
+        reference?: string | undefined;
         strategy?: "fixed" | "absolute" | undefined;
         open?: boolean | undefined;
         yOnly?: boolean | undefined;

package/dist/megamenu/MegaMenu.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MegaMenu.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/megamenu/MegaMenu.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAED,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAyDzC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA7CL,OAAO;iBACJ,MAAM;;;;;;;;;;;;;;;CA4CoC,CAAC;AACxD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}
+{"version":3,"file":"MegaMenu.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/megamenu/MegaMenu.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAED,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAyDzC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA7CL,OAAO;iBACJ,MAAM;;;;;;;;;;;;;;;CA4CoC,CAAC;AACxD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}

package/dist/modals/Modal.svelte

@@ -126,7 +126,7 @@ function handleKeys(e) {
         {/if}
         <!-- Modal body -->
         <div
-          class="p-6 space-y-6 flex-1 overflow-y-auto overscroll-contain"
+          class={twMerge('p-6 space-y-6 flex-1 overflow-y-auto overscroll-contain', $$props.bodyClass)}
           on:keydown|stopPropagation={handleKeys}
           role="document"
           on:wheel|stopPropagation|passive>

package/dist/popover/Popover.svelte.d.ts

@@ -235,6 +235,7 @@ declare const __propDef: {
         placement?: import("@floating-ui/dom").Placement | undefined;
         trigger?: "click" | "hover" | undefined;
         triggeredBy?: string | undefined;
+        reference?: string | undefined;
         strategy?: "fixed" | "absolute" | undefined;
         open?: boolean | undefined;
         yOnly?: boolean | undefined;

package/dist/popover/Popover.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/popover/Popover.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAmCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAElD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}
+{"version":3,"file":"Popover.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/popover/Popover.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAmCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAElD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}

package/dist/speed-dial/SpeedDial.svelte

@@ -17,12 +17,12 @@ export let textOutside = false;
 export let id = generateId();
 export let name = 'Open actions menu';
 export let gradient = false;
+export let open = false;
 setContext('speed-dial', { pill, tooltip, textOutside });
 let divClass;
 $: divClass = twMerge(defaultClass, 'group', $$props.class);
 let poperClass;
-$: poperClass = twMerge(popperDefaultClass, ['top', 'bottom'].includes(placement) && 'flex-col');
-let open = false;
+$: poperClass = twMerge(popperDefaultClass, ['top', 'bottom'].includes(placement.split('-')[0]) && 'flex-col');
 </script>
 
 <div class={divClass}>

package/dist/speed-dial/SpeedDial.svelte.d.ts

@@ -18,6 +18,7 @@ declare const __propDef: {
         id?: string | undefined;
         name?: string | undefined;
         gradient?: boolean | undefined;
+        open?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/speed-dial/SpeedDial.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpeedDial.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/speed-dial/SpeedDial.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,SAAS,GAAG,MAAM,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;CACtB;AAmEH,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;CAA+D,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}
+{"version":3,"file":"SpeedDial.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/speed-dial/SpeedDial.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,SAAS,GAAG,MAAM,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;CACtB;AAqEH,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;CAA+D,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}

package/dist/tooltips/Tooltip.svelte.d.ts

@@ -235,6 +235,7 @@ declare const __propDef: {
         placement?: import("@floating-ui/dom").Placement | undefined;
         trigger?: "click" | "hover" | undefined;
         triggeredBy?: string | undefined;
+        reference?: string | undefined;
         strategy?: "fixed" | "absolute" | undefined;
         open?: boolean | undefined;
         yOnly?: boolean | undefined;

package/dist/tooltips/Tooltip.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tooltips/Tooltip.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA4CD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}
+{"version":3,"file":"Tooltip.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tooltips/Tooltip.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA4CD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}

package/dist/utils/Popper.svelte

@@ -9,14 +9,16 @@ export let offset = 8;
 export let placement = 'top';
 export let trigger = 'hover';
 export let triggeredBy = undefined;
+export let reference = undefined;
 export let strategy = 'absolute';
 export let open = false;
 export let yOnly = false;
 const dispatch = createEventDispatcher();
 let clickable;
 $: clickable = trigger === 'click';
-$: dispatch('show', triggerEl, open);
-let triggerEl;
+$: dispatch('show', referenceEl, open);
+$: placement && (referenceEl = referenceEl);
+let referenceEl;
 let floatingEl;
 let arrowEl;
 let contentEl;
@@ -24,10 +26,10 @@ let triggerEls = [];
 let _blocked = false; // management of the race condition between focusin and click events
 const block = () => ((_blocked = true), setTimeout(() => (_blocked = false), 250));
 const showHandler = (ev) => {
-    if (triggerEl === undefined)
+    if (referenceEl === undefined)
         console.error('trigger undefined');
-    if (triggerEls.includes(ev.target) && triggerEl !== ev.target) {
-        triggerEl = ev.target;
+    if (!reference && triggerEls.includes(ev.target) && referenceEl !== ev.target) {
+        referenceEl = ev.target;
         block();
     }
     if (clickable && ev.type === 'focusin' && !open)
@@ -40,7 +42,7 @@ const px = (n) => (n != null ? `${n}px` : '');
 const hideHandler = (ev) => {
     if (activeContent) {
         setTimeout(() => {
-            const elements = [triggerEl, floatingEl, arrowEl].filter((x) => x);
+            const elements = [referenceEl, floatingEl, ...triggerEls].filter(Boolean);
             if (ev.type === 'mouseleave' && elements.some(hasHover))
                 return;
             if (ev.type === 'focusout' && elements.some(hasFocus))
@@ -58,23 +60,21 @@ const oppositeSideMap = {
     bottom: 'top',
     top: 'bottom'
 };
+let middleware;
+$: middleware = [
+    dom.flip(),
+    dom.shift(),
+    dom.offset(+offset),
+    arrowEl && dom.arrow({ element: arrowEl, padding: 10 })
+];
 function updatePosition() {
     dom
-        .computePosition(triggerEl, floatingEl, {
-        placement,
-        strategy,
-        middleware: [
-            dom.flip(),
-            dom.shift(),
-            dom.offset(+offset),
-            arrowEl && dom.arrow({ element: arrowEl, padding: 10 })
-        ]
-    })
+        .computePosition(referenceEl, floatingEl, { placement, strategy, middleware })
         .then(({ x, y, middlewareData, placement, strategy }) => {
         floatingEl.style.position = strategy;
         floatingEl.style.left = yOnly ? '0' : px(x);
         floatingEl.style.top = px(y);
-        if (middlewareData.arrow && arrowEl) {
+        if (middlewareData.arrow && arrowEl instanceof HTMLDivElement) {
             arrowEl.style.left = px(middlewareData.arrow.x);
             arrowEl.style.top = px(middlewareData.arrow.y);
             arrowSide = oppositeSideMap[placement.split('-')[0]];
@@ -82,13 +82,13 @@ function updatePosition() {
         }
     });
 }
-function init(node, _triggerEl) {
+function init(node, _referenceEl) {
     floatingEl = node;
-    let cleanup = dom.autoUpdate(node, _triggerEl, updatePosition);
+    let cleanup = dom.autoUpdate(_referenceEl, floatingEl, updatePosition);
     return {
-        update(_triggerEl) {
+        update(_referenceEl) {
             cleanup();
-            cleanup = dom.autoUpdate(node, _triggerEl, updatePosition);
+            cleanup = dom.autoUpdate(_referenceEl, floatingEl, updatePosition);
         },
         destroy() {
             cleanup();
@@ -117,7 +117,15 @@ onMount(() => {
             if (cond)
                 element.addEventListener(name, handler);
     });
-    triggerEl = triggerEls[0];
+    if (reference) {
+        referenceEl = document.querySelector(reference) ?? document.body;
+        if (referenceEl === document.body) {
+            console.error(`Popup reference not found: '${reference}'`);
+        }
+    }
+    else {
+        referenceEl = triggerEls[0];
+    }
     return () => {
         triggerEls.forEach((element) => {
             if (element) {
@@ -132,16 +140,24 @@ function optional(pred, func) {
 }
 let arrowClass;
 $: arrowClass = twJoin('absolute pointer-events-none block w-[10px] h-[10px] rotate-45 bg-inherit border-inherit', $$props.border && arrowSide === 'bottom' && 'border-b border-r', $$props.border && arrowSide === 'top' && 'border-t border-l ', $$props.border && arrowSide === 'right' && 'border-t border-r ', $$props.border && arrowSide === 'left' && 'border-b border-l ');
+function initArrow(node) {
+    arrowEl = node;
+    return {
+        destroy() {
+            arrowEl = null;
+        }
+    };
+}
 </script>
 
-{#if !triggerEl}
+{#if !referenceEl}
   <div bind:this={contentEl} />
 {/if}
 
-{#if open && triggerEl}
+{#if open && referenceEl}
   <Frame
     use={init}
-    options={triggerEl}
+    options={referenceEl}
     role="tooltip"
     tabindex={activeContent ? -1 : undefined}
     on:focusin={optional(activeContent, showHandler)}
@@ -150,7 +166,7 @@ $: arrowClass = twJoin('absolute pointer-events-none block w-[10px] h-[10px] rot
     on:mouseleave={optional(activeContent && !clickable, hideHandler)}
     {...$$restProps}>
     <slot />
-    {#if arrow}<div class={arrowClass} bind:this={arrowEl} />{/if}
+    {#if arrow}<div use:initArrow class={arrowClass} />{/if}
   </Frame>
 {/if}
 

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

@@ -236,6 +236,7 @@ declare const __propDef: {
         placement?: Placement | undefined;
         trigger?: "click" | "hover" | undefined;
         triggeredBy?: string | undefined;
+        reference?: string | undefined;
         strategy?: "fixed" | "absolute" | undefined;
         open?: boolean | undefined;
         yOnly?: boolean | undefined;

package/dist/utils/Popper.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Popper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAyB,SAAS,EAAQ,MAAM,kBAAkB,CAAC;AA8L/E,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,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;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}
+{"version":3,"file":"Popper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Popper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAqC,SAAS,EAAQ,MAAM,kBAAkB,CAAC;AAiN3F,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,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;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.41.0",
+  "version": "0.41.2",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
   "author": {
@@ -20,9 +20,10 @@
     "prepublishOnly": "npm run add-exports && npm run write-package-json && npm run package && publint",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "test:unit": "vitest",
     "lint": "prettier --plugin-search-dir . --check . && eslint .",
     "format": "prettier --plugin-search-dir . --write .",
+    "test:integration": "playwright test",
+    "test:unit": "vitest",
     "write-package-json": "node ./scripts/package-json-writer.js",
     "add-exports": "node ./scripts/add-exports-to-package-json.js",
     "package:publish": "standard-version && git push --follow-tags origin main && npm run package && npm run add-exports && npm run write-package-json && npm publish",
@@ -30,36 +31,36 @@
   },
   "devDependencies": {
     "@docsearch/js": "^3.5.1",
-    "@playwright/test": "^1.36.0",
-    "@sveltejs/adapter-vercel": "^3.0.2",
-    "@sveltejs/kit": "^1.22.3",
+    "@playwright/test": "^1.36.2",
+    "@sveltejs/adapter-vercel": "^3.0.3",
+    "@sveltejs/kit": "^1.22.4",
     "@sveltejs/package": "2.1.0",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.62.0",
     "autoprefixer": "^10.4.14",
     "createprops": "^0.5.5",
     "esbuild": "0.18.10",
-    "eslint": "^8.44.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-svelte": "^2.32.2",
+    "eslint": "^8.46.0",
+    "eslint-config-prettier": "^8.10.0",
+    "eslint-plugin-svelte": "^2.32.4",
     "mdsvex": "^0.11.0",
-    "mdsvexamples": "^0.3.3",
-    "postcss": "^8.4.26",
+    "mdsvexamples": "^0.3.4",
+    "postcss": "^8.4.27",
     "postcss-load-config": "^4.0.1",
     "prettier": "^2.8.8",
     "prettier-plugin-svelte": "^2.10.1",
     "prism-themes": "^1.9.0",
     "publint": "^0.1.16",
-    "svelte": "^4.0.5",
+    "svelte": "^4.1.2",
     "svelte-check": "^3.4.6",
     "svelte-meta-tags": "^2.8.0",
     "svelte-preprocess": "^5.0.4",
     "svelte2tsx": "^0.6.19",
     "tailwind-merge": "^1.13.1",
     "tailwindcss": "^3.3.3",
-    "tslib": "^2.6.0",
+    "tslib": "^2.6.1",
     "typescript": "^5.1.6",
-    "vite": "^4.4.4",
+    "vite": "^4.4.8",
     "vitest": "^0.32.4"
   },
   "peerDependencies": {
@@ -109,9 +110,9 @@
     "url": "https://github.com/themesberg/flowbite-svelte"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.4.5",
-    "flowbite": "^1.7.0",
-    "tailwind-merge": "^1.13.2"
+    "@floating-ui/dom": "^1.5.1",
+    "flowbite": "^1.8.1",
+    "tailwind-merge": "^1.14.0"
   },
   "engines": {
     "npm": ">=7.0.0",