flowbite-svelte 0.44.20 → 0.44.21

package/dist/timeline/TimelineItem.svelte

@@ -6,17 +6,17 @@ export let svgClass = 'w-3 h-3 text-primary-600 dark:text-primary-400';
 let order = 'default';
 order = getContext('order');
 const liClasses = {
-    default: 'mb-10 ml-4',
-    vertical: 'mb-10 ml-6',
+    default: 'mb-10 ms-4',
+    vertical: 'mb-10 ms-6',
     horizontal: 'relative mb-6 sm:mb-0',
-    activity: 'mb-10 ml-6',
+    activity: 'mb-10 ms-6',
     group: ''
 };
 const divClasses = {
-    default: 'absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -left-1.5 border border-white dark:border-gray-900 dark:bg-gray-700',
-    vertical: 'flex absolute -left-3 justify-center items-center w-6 h-6 bg-primary-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-primary-900',
+    default: 'absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-white dark:border-gray-900 dark:bg-gray-700',
+    vertical: 'flex absolute -start-3 justify-center items-center w-6 h-6 bg-primary-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-primary-900',
     horizontal: 'flex items-center',
-    activity: 'flex absolute -left-3 justify-center items-center w-6 h-6 bg-primary-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-primary-900',
+    activity: 'flex absolute -start-3 justify-center items-center w-6 h-6 bg-primary-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-primary-900',
     group: 'p-5 mb-4 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-800 dark:border-gray-700'
 };
 const timeClasses = {

package/dist/toast/Toast.svelte

@@ -10,10 +10,10 @@ export let defaultIconClass = 'w-8 h-8';
 export let contentClass = 'w-full text-sm font-normal';
 export let align = true;
 const positions = {
-    'top-left': 'absolute top-5 left-5',
-    'top-right': 'absolute top-5 right-5',
-    'bottom-left': 'absolute bottom-5 left-5',
-    'bottom-right': 'absolute bottom-5 right-5',
+    'top-left': 'absolute top-5 start-5',
+    'top-right': 'absolute top-5 end-5',
+    'bottom-left': 'absolute bottom-5 start-5',
+    'bottom-right': 'absolute bottom-5 end-5',
     none: ''
 };
 let finalDivClass;
@@ -60,7 +60,6 @@ const clsBtnExtraClass = '-mx-1.5 -my-1.5 text-gray-400 hover:text-gray-900 focu
 @prop export let dismissable: boolean = true;
 @prop export let color: 'primary' | 'gray' | 'red' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'orange' | 'none' = 'primary';
 @prop export let position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none' = 'none';
-@prop export let open: boolean = true;
 @prop export let divClass: string = 'w-full max-w-xs p-4 text-gray-500 bg-white shadow dark:text-gray-400 dark:bg-gray-800 gap-3';
 @prop export let defaultIconClass: string = 'w-8 h-8';
 @prop export let contentClass: string = 'w-full text-sm font-normal';

package/dist/toast/Toast.svelte.d.ts

@@ -45,7 +45,6 @@ export type ToastSlots = typeof __propDef.slots;
  * @prop export let dismissable: boolean = true;
  * @prop export let color: 'primary' | 'gray' | 'red' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'orange' | 'none' = 'primary';
  * @prop export let position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none' = 'none';
- * @prop export let open: boolean = true;
  * @prop export let divClass: string = 'w-full max-w-xs p-4 text-gray-500 bg-white shadow dark:text-gray-400 dark:bg-gray-800 gap-3';
  * @prop export let defaultIconClass: string = 'w-8 h-8';
  * @prop export let contentClass: string = 'w-full text-sm font-normal';

package/dist/toast/Toast.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/toast/Toast.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAqFD,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;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,eAAe,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CACtF"}
+{"version":3,"file":"Toast.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/toast/Toast.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAqFD,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;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,eAAe,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CACtF"}

package/dist/toolbar/Toolbar.svelte

@@ -21,7 +21,7 @@ const divideColors = {
     none: ''
 };
 let separatorsClass;
-$: separatorsClass = twJoin($separators && 'sm:divide-x', divideColors[color]);
+$: separatorsClass = twJoin($separators && 'sm:divide-x rtl:divide-x-reverse', divideColors[color]);
 </script>
 
 <Frame {...$$restProps} class={divClass} color={embedded ? 'none' : color} rounded={!embedded}>

package/dist/toolbar/ToolbarGroup.svelte

@@ -1,6 +1,6 @@
 <script>import { twMerge } from 'tailwind-merge';
 import { getContext } from 'svelte';
-export let divClass = 'flex items-center space-x-1 sm:pr-4 sm:pl-4 first:sm:pl-0 last:sm:pr-0';
+export let divClass = 'flex items-center space-x-1 rtl:space-x-reverse sm:pe-4 sm:ps-4 first:sm:ps-0 last:sm:pe-0';
 const options = getContext('toolbar');
 if (options)
     $options = true;
@@ -14,5 +14,5 @@ if (options)
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let divClass: string = 'flex items-center space-x-1 sm:pr-4 sm:pl-4 first:sm:pl-0 last:sm:pr-0';
+@prop export let divClass: string = 'flex items-center space-x-1 rtl:space-x-reverse sm:pe-4 sm:ps-4 first:sm:ps-0 last:sm:pe-0';
 -->

package/dist/toolbar/ToolbarGroup.svelte.d.ts

@@ -17,7 +17,7 @@ export type ToolbarGroupSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let divClass: string = 'flex items-center space-x-1 sm:pr-4 sm:pl-4 first:sm:pl-0 last:sm:pr-0';
+ * @prop export let divClass: string = 'flex items-center space-x-1 rtl:space-x-reverse sm:pe-4 sm:ps-4 first:sm:ps-0 last:sm:pe-0';
  */
 export default class ToolbarGroup extends SvelteComponent<ToolbarGroupProps, ToolbarGroupEvents, ToolbarGroupSlots> {
 }

package/dist/typography/Blockquote.svelte

@@ -1,7 +1,7 @@
 <script>import { twMerge } from 'tailwind-merge';
 export let border = false;
 export let italic = true;
-export let borderClass = 'border-l-4 border-gray-300 dark:border-gray-500';
+export let borderClass = 'border-s-4 border-gray-300 dark:border-gray-500';
 export let bgClass = 'bg-gray-50 dark:bg-gray-800';
 export let bg = false;
 export let baseClass = 'font-semibold text-gray-900 dark:text-white';
@@ -39,7 +39,7 @@ const sizes = {
 ## Props
 @prop export let border: boolean = false;
 @prop export let italic: boolean = true;
-@prop export let borderClass: string = 'border-l-4 border-gray-300 dark:border-gray-500';
+@prop export let borderClass: string = 'border-s-4 border-gray-300 dark:border-gray-500';
 @prop export let bgClass: string = 'bg-gray-50 dark:bg-gray-800';
 @prop export let bg: boolean = false;
 @prop export let baseClass: string = 'font-semibold text-gray-900 dark:text-white';

package/dist/typography/Blockquote.svelte.d.ts

@@ -27,7 +27,7 @@ export type BlockquoteSlots = typeof __propDef.slots;
  * ## Props
  * @prop export let border: boolean = false;
  * @prop export let italic: boolean = true;
- * @prop export let borderClass: string = 'border-l-4 border-gray-300 dark:border-gray-500';
+ * @prop export let borderClass: string = 'border-s-4 border-gray-300 dark:border-gray-500';
  * @prop export let bgClass: string = 'bg-gray-50 dark:bg-gray-800';
  * @prop export let bg: boolean = false;
  * @prop export let baseClass: string = 'font-semibold text-gray-900 dark:text-white';

package/dist/typography/Hr.svelte

@@ -2,9 +2,9 @@
 export let icon = false;
 export let divClass = 'inline-flex items-center justify-center w-full';
 export let hrClass = 'h-px my-8 bg-gray-200 border-0 dark:bg-gray-700';
-export let iconDivClass = 'absolute left-1/2 px-4 bg-white -translate-x-1/2 ';
-export let textSpanClass = 'absolute px-3 font-medium text-gray-900 -translate-x-1/2 bg-white left-1/2 dark:text-white dark:bg-gray-900 ';
-export let innerDivClass = 'absolute px-4 -translate-x-1/2 bg-white left-1/2 dark:bg-gray-900';
+export let iconDivClass = 'absolute start-1/2 px-4 bg-white -translate-x-1/2 rtl:translate-x-1/2 ';
+export let textSpanClass = 'absolute px-3 font-medium text-gray-900 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:text-white dark:bg-gray-900 ';
+export let innerDivClass = 'absolute px-4 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:bg-gray-900';
 let horizontalCls = twMerge(hrClass, $$props.classHr);
 let divCls = twMerge(divClass, $$slots && 'relative', $$props.classDiv);
 let innerDivCls = twMerge(innerDivClass, icon ? iconDivClass : textSpanClass, $$props.classInnerDiv);
@@ -28,7 +28,7 @@ let innerDivCls = twMerge(innerDivClass, icon ? iconDivClass : textSpanClass, $$
 @prop export let icon: boolean = false;
 @prop export let divClass: string = 'inline-flex items-center justify-center w-full';
 @prop export let hrClass: string = 'h-px my-8 bg-gray-200 border-0 dark:bg-gray-700';
-@prop export let iconDivClass: string = 'absolute left-1/2 px-4 bg-white -translate-x-1/2 ';
-@prop export let textSpanClass: string = 'absolute px-3 font-medium text-gray-900 -translate-x-1/2 bg-white left-1/2 dark:text-white dark:bg-gray-900 ';
-@prop export let innerDivClass: string = 'absolute px-4 -translate-x-1/2 bg-white left-1/2 dark:bg-gray-900';
+@prop export let iconDivClass: string = 'absolute start-1/2 px-4 bg-white -translate-x-1/2 rtl:translate-x-1/2 ';
+@prop export let textSpanClass: string = 'absolute px-3 font-medium text-gray-900 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:text-white dark:bg-gray-900 ';
+@prop export let innerDivClass: string = 'absolute px-4 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:bg-gray-900';
 -->

package/dist/typography/Hr.svelte.d.ts

@@ -25,9 +25,9 @@ export type HrSlots = typeof __propDef.slots;
  * @prop export let icon: boolean = false;
  * @prop export let divClass: string = 'inline-flex items-center justify-center w-full';
  * @prop export let hrClass: string = 'h-px my-8 bg-gray-200 border-0 dark:bg-gray-700';
- * @prop export let iconDivClass: string = 'absolute left-1/2 px-4 bg-white -translate-x-1/2 ';
- * @prop export let textSpanClass: string = 'absolute px-3 font-medium text-gray-900 -translate-x-1/2 bg-white left-1/2 dark:text-white dark:bg-gray-900 ';
- * @prop export let innerDivClass: string = 'absolute px-4 -translate-x-1/2 bg-white left-1/2 dark:bg-gray-900';
+ * @prop export let iconDivClass: string = 'absolute start-1/2 px-4 bg-white -translate-x-1/2 rtl:translate-x-1/2 ';
+ * @prop export let textSpanClass: string = 'absolute px-3 font-medium text-gray-900 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:text-white dark:bg-gray-900 ';
+ * @prop export let innerDivClass: string = 'absolute px-4 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:bg-gray-900';
  */
 export default class Hr extends SvelteComponent<HrProps, HrEvents, HrSlots> {
 }

package/dist/typography/P.svelte

@@ -5,7 +5,7 @@ export let align = 'left';
 export let justify = false;
 export let italic = false;
 export let firstupper = false;
-export let upperClass = 'first-line:uppercase first-line:tracking-widest first-letter:text-7xl first-letter:font-bold first-letter:text-gray-900 dark:first-letter:text-gray-100 first-letter:mr-3 first-letter:float-left';
+export let upperClass = 'first-line:uppercase first-line:tracking-widest first-letter:text-7xl first-letter:font-bold first-letter:text-gray-900 dark:first-letter:text-gray-100 first-letter:me-3 first-letter:float-left';
 export let opacity = undefined;
 export let whitespace = 'normal';
 export let size = 'base';
@@ -84,7 +84,7 @@ let classP = twMerge(size && sizes[size], (opacity && colorAndopacity) || (color
 @prop export let justify: boolean = false;
 @prop export let italic: boolean = false;
 @prop export let firstupper: boolean = false;
-@prop export let upperClass: string = 'first-line:uppercase first-line:tracking-widest first-letter:text-7xl first-letter:font-bold first-letter:text-gray-900 dark:first-letter:text-gray-100 first-letter:mr-3 first-letter:float-left';
+@prop export let upperClass: string = 'first-line:uppercase first-line:tracking-widest first-letter:text-7xl first-letter:font-bold first-letter:text-gray-900 dark:first-letter:text-gray-100 first-letter:me-3 first-letter:float-left';
 @prop export let opacity: number | undefined = undefined;
 @prop export let whitespace: 'normal' | 'nowrap' | 'pre' | 'preline' | 'prewrap' = 'normal';
 @prop export let size: PsizeType = 'base';

package/dist/typography/P.svelte.d.ts

@@ -35,7 +35,7 @@ export type PSlots = typeof __propDef.slots;
  * @prop export let justify: boolean = false;
  * @prop export let italic: boolean = false;
  * @prop export let firstupper: boolean = false;
- * @prop export let upperClass: string = 'first-line:uppercase first-line:tracking-widest first-letter:text-7xl first-letter:font-bold first-letter:text-gray-900 dark:first-letter:text-gray-100 first-letter:mr-3 first-letter:float-left';
+ * @prop export let upperClass: string = 'first-line:uppercase first-line:tracking-widest first-letter:text-7xl first-letter:font-bold first-letter:text-gray-900 dark:first-letter:text-gray-100 first-letter:me-3 first-letter:float-left';
  * @prop export let opacity: number | undefined = undefined;
  * @prop export let whitespace: 'normal' | 'nowrap' | 'pre' | 'preline' | 'prewrap' = 'normal';
  * @prop export let size: PsizeType = 'base';

package/dist/utils/CloseButton.svelte

@@ -3,7 +3,7 @@ import ToolbarButton from '../toolbar/ToolbarButton.svelte';
 export let name = 'Close';
 </script>
 
-<ToolbarButton on:click {name} {...$$restProps} class={twMerge('ml-auto', $$props.class)} let:svgSize>
+<ToolbarButton on:click {name} {...$$restProps} class={twMerge('ms-auto', $$props.class)} let:svgSize>
   <svg class={svgSize} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" />
   </svg>

package/dist/utils/Frame.svelte

@@ -93,8 +93,6 @@ $: divClass = twMerge(bgColors[color], textColors[color], rounded && 'rounded-lg
 @prop export let rounded: boolean = false;
 @prop export let border: boolean = false;
 @prop export let shadow: boolean = false;
-@prop export let transition: TransitionFunc = null_transition;
-@prop export let params: object = {};
 @prop export let node: HTMLElement | undefined = undefined;
 @prop export let use: Action<HTMLElement, any> = noop;
 @prop export let options = {};

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

@@ -38,8 +38,6 @@ export type FrameSlots = typeof __propDef.slots;
  * @prop export let rounded: boolean = false;
  * @prop export let border: boolean = false;
  * @prop export let shadow: boolean = false;
- * @prop export let transition: TransitionFunc = null_transition;
- * @prop export let params: object = {};
  * @prop export let node: HTMLElement | undefined = undefined;
  * @prop export let use: Action<HTMLElement, any> = noop;
  * @prop export let options = {};

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

@@ -1 +1 @@
-{"version":3,"file":"Frame.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/Frame.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAID,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAyH5D,QAAA,MAAM,SAAS;;;;;;;eAtGJ,WAAW,GAAG,SAAS;;;;;;;;;;;;;;;;;;CAsGqB,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;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,eAAe,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CACtF"}
+{"version":3,"file":"Frame.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/Frame.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAID,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAyH5D,QAAA,MAAM,SAAS;;;;;;;eAtGJ,WAAW,GAAG,SAAS;;;;;;;;;;;;;;;;;;CAsGqB,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;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,eAAe,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CACtF"}

package/dist/utils/Popper.svelte

@@ -1,8 +1,7 @@
 <script>import * as dom from '@floating-ui/dom';
-import { onMount } from 'svelte';
+import { onMount, createEventDispatcher } from 'svelte';
 import { twJoin } from 'tailwind-merge';
 import Frame from './Frame.svelte';
-import createEventDispatcher from './createEventDispatcher';
 export let activeContent = false;
 export let arrow = true;
 export let offset = 8;
@@ -18,7 +17,7 @@ export let middlewares = [dom.flip(), dom.shift()];
 const dispatch = createEventDispatcher();
 let clickable;
 $: clickable = trigger === 'click';
-$: dispatch('show', referenceEl, open);
+$: dispatch('show', open);
 $: placement && (referenceEl = referenceEl);
 let referenceEl;
 let floatingEl;
@@ -143,7 +142,7 @@ function optional(pred, func) {
     return pred ? func : () => undefined;
 }
 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 ');
+$: arrowClass = twJoin('absolute pointer-events-none block w-[10px] h-[10px] rotate-45 bg-inherit border-inherit', $$props.border && arrowSide === 'bottom' && 'border-b border-e', $$props.border && arrowSide === 'top' && 'border-t border-s ', $$props.border && arrowSide === 'right' && 'border-t border-e ', $$props.border && arrowSide === 'left' && 'border-b border-s ');
 function initArrow(node) {
     arrowEl = node;
     return {
@@ -179,4 +178,5 @@ function initArrow(node) {
 @prop export let strategy: 'absolute' | 'fixed' = 'absolute';
 @prop export let open: boolean = false;
 @prop export let yOnly: boolean = false;
+@prop export let middlewares: Middleware[] = [dom.flip(), dom.shift()];
 -->

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

@@ -25,6 +25,8 @@ declare const __propDef: {
         yOnly?: boolean | undefined;
     };
     events: {
+        show: CustomEvent<any>;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {
@@ -47,6 +49,7 @@ export type PopperSlots = typeof __propDef.slots;
  * @prop export let strategy: 'absolute' | 'fixed' = 'absolute';
  * @prop export let open: boolean = false;
  * @prop export let yOnly: boolean = false;
+ * @prop export let middlewares: Middleware[] = [dom.flip(), dom.shift()];
  */
 export default class Popper extends SvelteComponent<PopperProps, PopperEvents, PopperSlots> {
 }

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,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACD,OAAO,KAAK,EAAqC,SAAS,EAAQ,MAAM,kBAAkB,CAAC;AA4M3F,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;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,eAAe,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC1F"}
+{"version":3,"file":"Popper.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/Popper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACD,OAAO,KAAK,EAAqC,SAAS,EAAQ,MAAM,kBAAkB,CAAC;AA0M3F,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;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,eAAe,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC1F"}

package/dist/utils/TransitionFrame.svelte

@@ -25,3 +25,13 @@ function close(ev) {
 {:else}
   <Frame {...$$restProps}><slot {close} /></Frame>
 {/if}
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let transition: TransitionFunc = fade;
+@prop export let params: object = {};
+@prop export let open: boolean = true;
+@prop export let dismissable: boolean = false;
+-->

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

@@ -29,6 +29,14 @@ declare const __propDef: {
 export type TransitionFrameProps = typeof __propDef.props;
 export type TransitionFrameEvents = typeof __propDef.events;
 export type TransitionFrameSlots = typeof __propDef.slots;
+/**
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Props
+ * @prop export let transition: TransitionFunc = fade;
+ * @prop export let params: object = {};
+ * @prop export let open: boolean = true;
+ * @prop export let dismissable: boolean = false;
+ */
 export default class TransitionFrame extends SvelteComponent<TransitionFrameProps, TransitionFrameEvents, TransitionFrameSlots> {
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"TransitionFrame.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/TransitionFrame.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACD,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGhE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AA6C9C,QAAA,MAAM,SAAS;;;;;;;;;;;;;6BArCgB,WAAW,UAAU,GAAG,KAAK,gBAAgB;iBAK/D,GAAG;;;;;;;wBAcK,UAAU,GAAG,SAAS;;;CAkBY,CAAC;AACxD,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC5D,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE1D,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,eAAe,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CAC9H"}
+{"version":3,"file":"TransitionFrame.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/TransitionFrame.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACD,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGhE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AA+C9C,QAAA,MAAM,SAAS;;;;;;;;;;;;;6BAvCgB,WAAW,UAAU,GAAG,KAAK,gBAAgB;iBAK/D,GAAG;;;;;;;wBAcK,UAAU,GAAG,SAAS;;;CAoBY,CAAC;AACxD,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC5D,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE1D;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,eAAe,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CAC9H"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.44.20",
+  "version": "0.44.21",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
   "author": {

package/dist/utils/createEventDispatcher.d.ts

@@ -1,2 +0,0 @@
-export default function createEventDispatcher(): (type: string, target: Element, detail: any) => void;
-//# sourceMappingURL=createEventDispatcher.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"createEventDispatcher.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/createEventDispatcher.ts"],"names":[],"mappings":"AAWA,MAAM,CAAC,OAAO,UAAU,qBAAqB,WAE7B,MAAM,UAAU,OAAO,UAAU,GAAG,UAUnD"}

package/dist/utils/createEventDispatcher.js

@@ -1,22 +0,0 @@
-/*
- Custom Event Dispatcher
- 
- Sets `target` in event data.
-
- https://svelte.dev/repl/c93cbf99a8ca4f44912e662a8e3cbef7?version=3.37.0
-
-*/
-import { get_current_component } from 'svelte/internal';
-export default function createEventDispatcher() {
-    const component = get_current_component();
-    return (type, target, detail) => {
-        const callbacks = component.$$.callbacks[type];
-        if (callbacks) {
-            const event = new CustomEvent(type, { detail });
-            target.dispatchEvent(event);
-            callbacks.slice().forEach((fn) => {
-                fn.call(component, event);
-            });
-        }
-    };
-}