flowbite-svelte 0.44.24 → 0.45.0

package/dist/accordion/Accordion.svelte.d.ts

@@ -20,6 +20,9 @@ declare const __propDef: {
         options?: object | undefined;
         class?: string | undefined;
         role?: string | undefined;
+        open?: boolean | undefined;
+        transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
+        params?: any;
     } & {
         multiple?: boolean | undefined;
         flush?: boolean | undefined;

package/dist/accordion/Accordion.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/Accordion.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACC,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEvD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAmDH,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;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,eAAe,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CACtG"}
+{"version":3,"file":"Accordion.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/Accordion.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACC,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEvD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAmDH,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;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,eAAe,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CACtG"}

package/dist/alert/Alert.svelte.d.ts

@@ -11,10 +11,10 @@ declare const __propDef: {
         options?: object | undefined;
         class?: string | undefined;
         role?: string | undefined;
-    } & import("..").Dismissable & {
+        open?: boolean | undefined;
         transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
         params?: any;
-    } & {
+    } & import("..").Dismissable & {
         defaultClass?: string | undefined;
     };
     events: {
@@ -34,7 +34,7 @@ declare const __propDef: {
         icon: {};
         default: {};
         'close-button': {
-            close: any;
+            close: (ev: MouseEvent | undefined) => void;
         };
     };
 };

package/dist/badge/Badge.svelte.d.ts

@@ -11,10 +11,10 @@ declare const __propDef: {
         options?: object | undefined;
         class?: string | undefined;
         role?: string | undefined;
-    } & import("..").Dismissable & {
+        open?: boolean | undefined;
         transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
         params?: any;
-    }, "color"> & {
+    } & import("..").Dismissable, "color"> & {
         color?: "red" | "yellow" | "green" | "indigo" | "purple" | "pink" | "blue" | "dark" | "primary" | "none" | undefined;
         large?: boolean | undefined;
     };
@@ -26,7 +26,7 @@ declare const __propDef: {
     slots: {
         default: {};
         'close-button': {
-            close: any;
+            close: (ev: MouseEvent | undefined) => void;
         };
     };
 };

package/dist/cards/Card.svelte.d.ts

@@ -12,6 +12,9 @@ declare const __propDef: {
         options?: object | undefined;
         class?: string | undefined;
         role?: string | undefined;
+        open?: boolean | undefined;
+        transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
+        params?: any;
     } & {
         horizontal?: boolean | undefined;
         reverse?: boolean | undefined;

package/dist/cards/Card.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/cards/Card.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAsE3C,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC/C,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACjD,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE/C;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,eAAe,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;CAClF"}
+{"version":3,"file":"Card.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/cards/Card.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAsE3C,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC/C,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACjD,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE/C;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,eAAe,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;CAClF"}

package/dist/carousel/CarouselSlide.d.ts

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

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

@@ -1 +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"}
+{"version":3,"file":"CarouselSlide.d.ts","sourceRoot":"","sources":["../../../../src/lib/carousel/CarouselSlide.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,2DAIxB;IACD,eAAe,EAAE,IAAI,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,YAOA,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Calender.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/datepicker/Calender.svelte.js"],"names":[],"mappings":"AASA,uDAAuD;AACvD,yDAAyD;AACzD,uDAAuD;AAEvD;;;;;CACC;4BALa,OAAO,UAAU,KAAK;6BACtB,OAAO,UAAU,MAAM;4BACvB,OAAO,UAAU,KAAK;gCAXJ,QAAQ;AAQxC;;;;;;;;EAA8E"}
+{"version":3,"file":"Calender.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/datepicker/Calender.svelte.js"],"names":[],"mappings":"AASA,uDAAuD;AACvD,yDAAyD;AACzD,uDAAuD;AAEvD;;;;;CACC;4BALa,OAAO,SAAS,CAAC,KAAK;6BACtB,OAAO,SAAS,CAAC,MAAM;4BACvB,OAAO,SAAS,CAAC,KAAK;gCAXJ,QAAQ;AAQxC;;;;;;;;EAA8E"}

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

@@ -14,6 +14,9 @@ declare const __propDef: {
         options?: object | undefined;
         class?: string | undefined;
         role?: string | undefined;
+        open?: boolean | undefined;
+        transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
+        params?: any;
     } & {
         activeContent?: boolean | undefined;
         arrow?: boolean | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/dropdown/Dropdown.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACC,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAuFJ,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;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,eAAe,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CAClG"}
+{"version":3,"file":"Dropdown.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/dropdown/Dropdown.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACC,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAuFJ,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;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,eAAe,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CAClG"}

package/dist/forms/Checkbox.svelte

@@ -9,7 +9,7 @@ export let inline = false;
 export let group = [];
 export let value = 'on';
 export let checked = undefined;
-export let spacing = 'me-2';
+export let spacing = $$slots.default ? 'me-2' : '';
 // tinted if put in component having its own background
 let background = getContext('background');
 // react on external group changes
@@ -60,5 +60,5 @@ function onChange() {
 @prop export let group: (string | number)[] = [];
 @prop export let value: string | number = 'on';
 @prop export let checked: boolean | undefined = undefined;
-@prop export let spacing: string = 'me-2';
+@prop export let spacing: string = $$slots.default ? 'me-2' : '';
 -->

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

@@ -42,7 +42,7 @@ export type CheckboxSlots = typeof __propDef.slots;
  * @prop export let group: (string | number)[] = [];
  * @prop export let value: string | number = 'on';
  * @prop export let checked: boolean | undefined = undefined;
- * @prop export let spacing: string = 'me-2';
+ * @prop export let spacing: string = $$slots.default ? 'me-2' : '';
  */
 export default class Checkbox extends SvelteComponent<CheckboxProps, CheckboxEvents, CheckboxSlots> {
 }

package/dist/forms/Radio.svelte

@@ -22,7 +22,7 @@ export let custom = false;
 export let inline = false;
 export let group = undefined;
 export let value = '';
-export let spacing = 'mr-2';
+export let spacing = $$slots.default ? 'me-2' : '';
 // tinted if put in component having its own background
 let background = getContext('background');
 </script>
@@ -41,5 +41,5 @@ let background = getContext('background');
 @prop export let inline: boolean = false;
 @prop export let group: number | string | undefined = undefined;
 @prop export let value: number | string = '';
-@prop export let spacing: string = 'mr-2';
+@prop export let spacing: string = $$slots.default ? 'me-2' : '';
 -->

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

@@ -42,7 +42,7 @@ export type RadioSlots = typeof __propDef.slots;
  * @prop export let inline: boolean = false;
  * @prop export let group: number | string | undefined = undefined;
  * @prop export let value: number | string = '';
- * @prop export let spacing: string = 'mr-2';
+ * @prop export let spacing: string = $$slots.default ? 'me-2' : '';
  */
 export default class Radio extends SvelteComponent<RadioProps, RadioEvents, RadioSlots> {
 }

package/dist/forms/Textarea.svelte

@@ -9,7 +9,7 @@ export let innerWrappedClass = 'py-2 px-4 bg-white dark:bg-gray-800';
 let wrapped;
 $: wrapped = $$slots.header || $$slots.footer;
 let wrapperClass;
-$: wrapperClass = twMerge('w-full rounded-lg', background ? 'bg-white dark:bg-gray-800' : 'bg-gray-50 dark:bg-gray-700', 'text-gray-900 dark:placeholder-gray-400 dark:text-white ', 'border border-gray-200 dark:border-gray-600', $$props.class);
+$: wrapperClass = twMerge('w-full rounded-lg bg-gray-50', background ? 'dark:bg-gray-800' : 'dark:bg-gray-700', 'text-gray-900 dark:placeholder-gray-400 dark:text-white ', 'border border-gray-200 dark:border-gray-600', $$props.class);
 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');

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

@@ -12,6 +12,9 @@ declare const __propDef: {
         options?: object | undefined;
         class?: string | undefined;
         role?: string | undefined;
+        open?: boolean | undefined;
+        transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
+        params?: any;
     } & {
         items?: string[] | ListGroupItemType[] | undefined;
         active?: boolean | undefined;

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,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAGD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AA8ClD,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;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,eAAe,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CACtG"}
+{"version":3,"file":"Listgroup.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/list-group/Listgroup.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAGD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AA8ClD,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;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,eAAe,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CACtG"}

package/dist/mega-menu/MegaMenu.svelte.d.ts

@@ -12,6 +12,9 @@ declare const __propDef: {
         options?: object | undefined;
         class?: string | undefined;
         role?: string | undefined;
+        open?: boolean | undefined;
+        transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
+        params?: any;
     } & {
         activeContent?: boolean | undefined;
         arrow?: boolean | undefined;

package/dist/mega-menu/MegaMenu.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MegaMenu.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/mega-menu/MegaMenu.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAED,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAmDzC,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;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,eAAe,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CAClG"}
+{"version":3,"file":"MegaMenu.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/mega-menu/MegaMenu.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAED,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAmDzC,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;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,eAAe,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CAClG"}

package/dist/modal/Modal.svelte

@@ -6,13 +6,22 @@ import focusTrap from '../utils/focusTrap';
 export let open = false;
 export let title = '';
 export let size = 'md';
+export let color = 'default';
 export let placement = 'center';
 export let autoclose = false;
+export let outsideclose = false;
 export let dismissable = true;
 export let backdropClass = 'fixed inset-0 z-40 bg-gray-900 bg-opacity-50 dark:bg-opacity-80';
-export let defaultClass = 'relative flex flex-col mx-auto';
-export let outsideclose = false;
+export let classBackdrop = undefined;
 export let dialogClass = 'fixed top-0 start-0 end-0 h-modal md:inset-0 md:h-full z-50 w-full p-4 flex';
+export let classDialog = undefined;
+export let defaultClass = 'relative flex flex-col mx-auto';
+export let headerClass = 'flex justify-between items-center p-4 md:p-5 rounded-t-lg';
+export let classHeader = undefined;
+export let bodyClass = 'p-4 md:p-5 space-y-4 flex-1 overflow-y-auto overscroll-contain';
+export let classBody = undefined;
+export let footerClass = 'flex items-center p-4 md:p-5 space-x-3 rtl:space-x-reverse rounded-b-lg';
+export let classFooter = undefined;
 const dispatch = createEventDispatcher();
 $: dispatch(open ? 'open' : 'close');
 function prepareFocus(node) {
@@ -28,7 +37,7 @@ function prepareFocus(node) {
     }
     node.focus();
 }
-const getPlacementClasses = () => {
+const getPlacementClasses = (placement) => {
     switch (placement) {
         // top
         case 'top-left':
@@ -76,14 +85,17 @@ const hide = (e) => {
     e.preventDefault();
     open = false;
 };
-let frameClass;
-$: 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) {
     if (e.key === 'Escape' && dismissable)
         return hide(e);
 }
+$: backdropCls = twMerge(backdropClass, classBackdrop);
+$: dialogCls = twMerge(dialogClass, classDialog, getPlacementClasses(placement));
+$: frameCls = twMerge(defaultClass, 'w-full divide-y', $$props.class);
+$: headerCls = twMerge(headerClass, classHeader);
+$: bodyCls = twMerge(bodyClass, classBody);
+$: footerCls = twMerge(footerClass, classFooter);
 </script>
 
 {#if open}
@@ -91,32 +103,31 @@ function handleKeys(e) {
   <div class={backdropCls} />
   <!-- dialog -->
   <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
-  <div on:keydown={handleKeys} on:wheel|preventDefault|nonpassive use:prepareFocus use:focusTrap on:click={onAutoClose} on:mousedown={onOutsideClose} class={twMerge(dialogClass, $$props.classDialog, ...getPlacementClasses())} tabindex="-1" aria-modal="true" role="dialog">
+  <div on:keydown={handleKeys} on:wheel|preventDefault|nonpassive use:prepareFocus use:focusTrap on:click={onAutoClose} on:mousedown={onOutsideClose} class={dialogCls} tabindex="-1" aria-modal="true" role="dialog">
     <div class="flex relative {sizes[size]} w-full max-h-full">
       <!-- Modal content -->
-
-      <Frame rounded shadow {...$$restProps} class={frameClass}>
+      <Frame rounded shadow {...$$restProps} class={frameCls} {color}>
         <!-- Modal header -->
         {#if $$slots.header || title}
-          <Frame color={$$restProps.color} class="flex justify-between items-center p-4 md:p-5 rounded-t-lg">
+          <Frame class={headerCls} {color}>
             <slot name="header">
-              <h3 class="text-xl font-semibold {$$restProps.color ? '' : 'text-gray-900 dark:text-white'} p-0">
+              <h3 class="text-xl font-semibold {color === 'default' ? '' : 'text-gray-900 dark:text-white'} p-0">
                 {title}
               </h3>
             </slot>
-            {#if dismissable}<CloseButton name="Close modal" on:click={hide} color={$$restProps.color} />{/if}
+            {#if dismissable}<CloseButton name="Close modal" {color} on:click={hide} />{/if}
           </Frame>
         {/if}
         <!-- Modal body -->
-        <div class={twMerge('p-4 md:p-5 space-y-4 flex-1 overflow-y-auto overscroll-contain', $$props.bodyClass)} on:keydown|stopPropagation={handleKeys} role="document" on:wheel|stopPropagation|passive>
+        <div class={bodyCls} role="document" on:keydown|stopPropagation={handleKeys} on:wheel|stopPropagation|passive>
           {#if dismissable && !$$slots.header && !title}
-            <CloseButton name="Close modal" class="absolute top-3 end-2.5" on:click={hide} color={$$restProps.color} />
+            <CloseButton name="Close modal" class="absolute top-3 end-2.5" {color} on:click={hide} />
           {/if}
           <slot />
         </div>
         <!-- Modal footer -->
         {#if $$slots.footer}
-          <Frame color={$$restProps.color} class="flex items-center p-4 md:p-5 space-x-3 rtl:space-x-reverse rounded-b-lg">
+          <Frame class={footerCls} {color}>
             <slot name="footer" />
           </Frame>
         {/if}
@@ -132,11 +143,20 @@ function handleKeys(e) {
 @prop export let open: boolean = false;
 @prop export let title: string = '';
 @prop export let size: SizeType = 'md';
+@prop export let color: ComponentProps<Frame>['color'] = 'default';
 @prop export let placement: ModalPlacementType = 'center';
 @prop export let autoclose: boolean = false;
+@prop export let outsideclose: boolean = false;
 @prop export let dismissable: boolean = true;
 @prop export let backdropClass: string = 'fixed inset-0 z-40 bg-gray-900 bg-opacity-50 dark:bg-opacity-80';
-@prop export let defaultClass: string = 'relative flex flex-col mx-auto';
-@prop export let outsideclose: boolean = false;
+@prop export let classBackdrop: string | undefined = undefined;
 @prop export let dialogClass: string = 'fixed top-0 start-0 end-0 h-modal md:inset-0 md:h-full z-50 w-full p-4 flex';
+@prop export let classDialog: string | undefined = undefined;
+@prop export let defaultClass: string = 'relative flex flex-col mx-auto';
+@prop export let headerClass: string = 'flex justify-between items-center p-4 md:p-5 rounded-t-lg';
+@prop export let classHeader: string | undefined = undefined;
+@prop export let bodyClass: string = 'p-4 md:p-5 space-y-4 flex-1 overflow-y-auto overscroll-contain';
+@prop export let classBody: string | undefined = undefined;
+@prop export let footerClass: string = 'flex items-center p-4 md:p-5 space-x-3 rtl:space-x-reverse rounded-b-lg';
+@prop export let classFooter: string | undefined = undefined;
 -->

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

@@ -13,19 +13,27 @@ declare const __propDef: {
         options?: object | undefined;
         class?: string | undefined;
         role?: string | undefined;
+        open?: boolean | undefined;
+        transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
+        params?: any;
     } & Dismissable & {
         open?: boolean | undefined;
         title?: string | undefined;
         size?: SizeType | undefined;
         placement?: ModalPlacementType | undefined;
         autoclose?: boolean | undefined;
+        outsideclose?: boolean | undefined;
         backdropClass?: string | undefined;
-        bodyClass?: string | undefined;
         classBackdrop?: string | undefined;
+        dialogClass?: string | undefined;
         classDialog?: string | undefined;
         defaultClass?: string | undefined;
-        outsideclose?: boolean | undefined;
-        dialogClass?: string | undefined;
+        headerClass?: string | undefined;
+        classHeader?: string | undefined;
+        bodyClass?: string | undefined;
+        classBody?: string | undefined;
+        footerClass?: string | undefined;
+        classFooter?: string | undefined;
     };
     events: {
         wheel: WheelEvent;
@@ -47,13 +55,22 @@ export type ModalSlots = typeof __propDef.slots;
  * @prop export let open: boolean = false;
  * @prop export let title: string = '';
  * @prop export let size: SizeType = 'md';
+ * @prop export let color: ComponentProps<Frame>['color'] = 'default';
  * @prop export let placement: ModalPlacementType = 'center';
  * @prop export let autoclose: boolean = false;
+ * @prop export let outsideclose: boolean = false;
  * @prop export let dismissable: boolean = true;
  * @prop export let backdropClass: string = 'fixed inset-0 z-40 bg-gray-900 bg-opacity-50 dark:bg-opacity-80';
- * @prop export let defaultClass: string = 'relative flex flex-col mx-auto';
- * @prop export let outsideclose: boolean = false;
+ * @prop export let classBackdrop: string | undefined = undefined;
  * @prop export let dialogClass: string = 'fixed top-0 start-0 end-0 h-modal md:inset-0 md:h-full z-50 w-full p-4 flex';
+ * @prop export let classDialog: string | undefined = undefined;
+ * @prop export let defaultClass: string = 'relative flex flex-col mx-auto';
+ * @prop export let headerClass: string = 'flex justify-between items-center p-4 md:p-5 rounded-t-lg';
+ * @prop export let classHeader: string | undefined = undefined;
+ * @prop export let bodyClass: string = 'p-4 md:p-5 space-y-4 flex-1 overflow-y-auto overscroll-contain';
+ * @prop export let classBody: string | undefined = undefined;
+ * @prop export let footerClass: string = 'flex items-center p-4 md:p-5 space-x-3 rtl:space-x-reverse rounded-b-lg';
+ * @prop export let classFooter: string | undefined = undefined;
  */
 export default class Modal extends SvelteComponent<ModalProps, ModalEvents, ModalSlots> {
 }

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;AACxD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAmKnD,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;AAkLnD,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;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,eAAe,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CACtF"}

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

@@ -12,6 +12,9 @@ declare const __propDef: {
         options?: object | undefined;
         class?: string | undefined;
         role?: string | undefined;
+        open?: boolean | undefined;
+        transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
+        params?: any;
     } & {
         fluid?: boolean | undefined;
     };

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

@@ -1 +1 @@
-{"version":3,"file":"Navbar.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/navbar/Navbar.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAID,OAAO,YAAY,MAAM,uBAAuB,CAAC;AAsCjD,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;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,eAAe,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC1F"}
+{"version":3,"file":"Navbar.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/navbar/Navbar.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAID,OAAO,YAAY,MAAM,uBAAuB,CAAC;AAsCjD,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;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,eAAe,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC1F"}

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

@@ -11,6 +11,9 @@ declare const __propDef: {
         options?: object | undefined;
         class?: string | undefined;
         role?: string | undefined;
+        open?: boolean | undefined;
+        transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
+        params?: any;
     } & {
         activeContent?: boolean | undefined;
         arrow?: 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,eAAe,EAAE,MAAM,QAAQ,CAEvC;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;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,eAAe,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CAC9F"}
+{"version":3,"file":"Popover.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/popover/Popover.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;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;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,eAAe,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CAC9F"}

package/dist/rating/RatingComment.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RatingComment.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/rating/RatingComment.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAkGD,QAAA,MAAM,SAAS;;;;;iBAhB0J;YACrK,EAAE,EAAE,MAAM,CAAC;YACX,IAAI,EAAE;gBACJ,MAAM,MAAM,CAAC;gBACb,GAAG,EAAE;oBACH,GAAG,EAAE,MAAM,CAAC;oBACZ,GAAG,EAAE,MAAM,CAAC;iBACb,CAAC;gBACF,MAAM,EAAE,MAAM,CAAC;aAChB,CAAC;YACF,KAAK,EAAE,MAAM,CAAC;YACd,MAAM,EAAE,MAAM,CAAC;YACf,OAAO,EAAE,MAAM,CAAC;YAChB,OAAO,EAAE,MAAM,CAAC;YAChB,QAAQ,EAAE,MAAM,CAAC;SAClB;;;;;;;;;CACoD,CAAC;AACxD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACxD,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAExD;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,eAAe,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;CACtH"}
+{"version":3,"file":"RatingComment.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/rating/RatingComment.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAkGD,QAAA,MAAM,SAAS;;;;;iBAhB0J;YACrK,EAAE,EAAE,MAAM,CAAC;YACX,IAAI,EAAE;gBACJ,IAAI,EAAE,MAAM,CAAC;gBACb,GAAG,EAAE;oBACH,GAAG,EAAE,MAAM,CAAC;oBACZ,GAAG,EAAE,MAAM,CAAC;iBACb,CAAC;gBACF,MAAM,EAAE,MAAM,CAAC;aAChB,CAAC;YACF,KAAK,EAAE,MAAM,CAAC;YACd,MAAM,EAAE,MAAM,CAAC;YACf,OAAO,EAAE,MAAM,CAAC;YAChB,OAAO,EAAE,MAAM,CAAC;YAChB,QAAQ,EAAE,MAAM,CAAC;SAClB;;;;;;;;;CACoD,CAAC;AACxD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACxD,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAExD;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,eAAe,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;CACtH"}

package/dist/speed-dial/SpeedDial.svelte

@@ -26,25 +26,27 @@ $: poperClass = twMerge(popperDefaultClass, ['top', 'bottom'].includes(placement
 </script>
 
 <div class={divClass}>
-  {#if gradient}
-    <GradientButton {pill} {name} aria-controls={id} aria-expanded={open} {...$$restProps} class="!p-3">
-      <slot name="icon">
-        <svg aria-hidden="true" class="w-8 h-8 transition-transform group-hover:rotate-45" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" />
-        </svg>
-      </slot>
-      <span class="sr-only">{name}</span>
-    </GradientButton>
-  {:else}
-    <Button {pill} {name} aria-controls={id} aria-expanded={open} {...$$restProps} class="!p-3">
-      <slot name="icon">
-        <svg aria-hidden="true" class="w-8 h-8 transition-transform group-hover:rotate-45" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" />
-        </svg>
-      </slot>
-      <span class="sr-only">{name}</span>
-    </Button>
-  {/if}
+  <slot name="button">
+    {#if gradient}
+      <GradientButton {pill} {name} aria-controls={id} aria-expanded={open} {...$$restProps} class="!p-3">
+        <slot name="icon">
+          <svg aria-hidden="true" class="w-8 h-8 transition-transform group-hover:rotate-45" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" />
+          </svg>
+        </slot>
+        <span class="sr-only">{name}</span>
+      </GradientButton>
+    {:else}
+      <Button {pill} {name} aria-controls={id} aria-expanded={open} {...$$restProps} class="!p-3">
+        <slot name="icon">
+          <svg aria-hidden="true" class="w-8 h-8 transition-transform group-hover:rotate-45" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" />
+          </svg>
+        </slot>
+        <span class="sr-only">{name}</span>
+      </Button>
+    {/if}
+  </slot>
   <Popper {id} {trigger} arrow={false} color="none" activeContent {placement} class={poperClass} bind:open>
     <slot />
   </Popper>

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

@@ -24,6 +24,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {
+        button: {};
         icon: {};
         default: {};
     };

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,eAAe,EAAE,MAAM,QAAQ,CAEvC;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;AAsEH,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;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,eAAe,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CACtG"}
+{"version":3,"file":"SpeedDial.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/speed-dial/SpeedDial.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;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;AAwEH,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;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,eAAe,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CACtG"}

package/dist/toast/Toast.svelte

@@ -35,7 +35,7 @@ $: iconClass = twMerge('inline-flex items-center justify-center shrink-0', color
 const clsBtnExtraClass = '-mx-1.5 -my-1.5 text-gray-400 hover:text-gray-900 focus:!ring-gray-300 hover:bg-gray-100 dark:text-gray-500 dark:hover:text-white dark:hover:bg-gray-700';
 </script>
 
-<TransitionFrame rounded {dismissable} color="none" role="alert" {...$$restProps} class={finalDivClass} let:close on:close>
+<TransitionFrame rounded color="none" role="alert" {...$$restProps} class={finalDivClass} let:close on:close>
   {#if $$slots.icon}
     <Frame rounded color="none" class={iconClass}>
       <slot name="icon" />

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

@@ -11,13 +11,12 @@ declare const __propDef: {
         options?: object | undefined;
         class?: string | undefined;
         role?: string | undefined;
-    } & import("..").Dismissable & {
+        open?: boolean | undefined;
         transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
         params?: any;
-    } & {
+    } & import("..").Dismissable & {
         color?: "gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "blue" | "primary" | "orange" | "none" | undefined;
         position?: "none" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | undefined;
-        open?: boolean | undefined;
         divClass?: string | undefined;
         defaultIconClass?: string | undefined;
         extraIconClass?: string | undefined;
@@ -32,7 +31,7 @@ declare const __propDef: {
         icon: {};
         default: {};
         'close-button': {
-            close: any;
+            close: (ev: MouseEvent | undefined) => void;
         };
     };
 };

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;;;;;;;;;;GAUG;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;AAoFD,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.d.ts

@@ -11,6 +11,9 @@ declare const __propDef: {
         options?: object | undefined;
         class?: string | undefined;
         role?: string | undefined;
+        open?: boolean | undefined;
+        transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
+        params?: any;
     } & {
         embedded?: boolean | undefined;
     };

package/dist/toolbar/Toolbar.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/toolbar/Toolbar.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AA0CD,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;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,eAAe,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CAC9F"}
+{"version":3,"file":"Toolbar.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/toolbar/Toolbar.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AA0CD,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;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,eAAe,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CAC9F"}

package/dist/toolbar/ToolbarButton.svelte

@@ -17,7 +17,7 @@ const colors = {
     pink: 'text-pink-500 focus:ring-pink-400 hover:bg-pink-200 dark:hover:bg-pink-800 dark:hover:text-pink-300',
     blue: 'text-blue-500 focus:ring-blue-400 hover:bg-blue-200 dark:hover:bg-blue-800 dark:hover:text-blue-300',
     primary: 'text-primary-500 focus:ring-primary-400 hover:bg-primary-200 dark:hover:bg-primary-800 dark:hover:text-primary-300',
-    default: 'focus:ring-gray-400'
+    default: 'focus:ring-gray-400 hover:bg-gray-100'
 };
 const sizing = {
     xs: 'm-0.5 rounded-sm focus:ring-1 p-0.5',
@@ -26,7 +26,7 @@ const sizing = {
     lg: 'm-0.5 rounded-lg focus:ring-2 p-2.5'
 };
 let buttonClass;
-$: buttonClass = twMerge('focus:outline-none whitespace-normal', sizing[size], colors[color], color === 'default' && (background ? 'hover:bg-gray-100 dark:hover:bg-gray-600' : 'hover:bg-gray-100 dark:hover:bg-gray-700'), $$props.class);
+$: buttonClass = twMerge('focus:outline-none whitespace-normal', sizing[size], colors[color], color === 'default' && (background ? 'dark:hover:bg-gray-600' : 'dark:hover:bg-gray-700'), $$props.class);
 const svgSizes = {
     xs: 'w-3 h-3',
     sm: 'w-3.5 h-3.5',

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

@@ -11,6 +11,9 @@ declare const __propDef: {
         options?: object | undefined;
         class?: string | undefined;
         role?: string | undefined;
+        open?: boolean | undefined;
+        transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
+        params?: any;
     } & {
         activeContent?: boolean | undefined;
         arrow?: boolean | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/tooltip/Tooltip.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;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;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,eAAe,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CAC9F"}
+{"version":3,"file":"Tooltip.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/tooltip/Tooltip.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;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;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,eAAe,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CAC9F"}

package/dist/utils/Frame.svelte

@@ -1,5 +1,6 @@
-<script>import { setContext } from 'svelte';
+<script>import { createEventDispatcher, setContext } from 'svelte';
 import { twMerge } from 'tailwind-merge';
+import {} from 'svelte/transition';
 const noop = () => { };
 setContext('background', true);
 export let tag = $$restProps.href ? 'a' : 'div';
@@ -13,6 +14,14 @@ export let node = undefined;
 export let use = noop;
 export let options = {};
 export let role = undefined;
+// Export a prop through which you can set a desired svelte transition
+export let transition = undefined;
+// Pass in extra transition params
+export let params = {};
+export let open = true;
+const dispatch = createEventDispatcher();
+$: dispatch(open ? 'open' : 'close');
+$: dispatch('show', open);
 $: color = color ?? 'default'; // for cases when undefined
 $: setContext('color', color);
 // your script goes here
@@ -80,9 +89,15 @@ let divClass;
 $: divClass = twMerge(bgColors[color], textColors[color], rounded && 'rounded-lg', border && 'border', borderColors[color], shadow && 'shadow-md', $$props.class);
 </script>
 
-<svelte:element this={tag} use:use={options} bind:this={node} {role} {...$$restProps} class={divClass} on:click on:mouseenter on:mouseleave on:focusin on:focusout>
-  <slot />
-</svelte:element>
+{#if transition && open}
+  <svelte:element this={tag} transition:transition={params} use:use={options} bind:this={node} {role} {...$$restProps} class={divClass} on:click on:mouseenter on:mouseleave on:focusin on:focusout>
+    <slot />
+  </svelte:element>
+{:else if open}
+  <svelte:element this={tag} use:use={options} bind:this={node} {role} {...$$restProps} class={divClass} on:click on:mouseenter on:mouseleave on:focusin on:focusout>
+    <slot />
+  </svelte:element>
+{/if}
 
 <!--
 @component
@@ -97,4 +112,7 @@ $: divClass = twMerge(bgColors[color], textColors[color], rounded && 'rounded-lg
 @prop export let use: Action<HTMLElement, any> = noop;
 @prop export let options = {};
 @prop export let role: string | undefined = undefined;
+@prop export let transition: TransitionFunc | undefined = undefined;
+@prop export let params: object = {};
+@prop export let open: boolean = true;
 -->

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

@@ -1,6 +1,7 @@
 import { SvelteComponent } from "svelte";
 import type { Action } from 'svelte/action';
 import type { HTMLAnchorAttributes } from 'svelte/elements';
+import { type TransitionConfig } from 'svelte/transition';
 declare const __propDef: {
     props: HTMLAnchorAttributes & {
         tag?: string | undefined;
@@ -13,6 +14,9 @@ declare const __propDef: {
         options?: object | undefined;
         class?: string | undefined;
         role?: string | undefined;
+        open?: boolean | undefined;
+        transition?: ((node: HTMLElement, params: any) => TransitionConfig) | undefined;
+        params?: any;
     };
     events: {
         click: MouseEvent;
@@ -20,6 +24,7 @@ declare const __propDef: {
         mouseleave: MouseEvent;
         focusin: FocusEvent;
         focusout: FocusEvent;
+        show: CustomEvent<any>;
     } & {
         [evt: string]: CustomEvent<any>;
     };
@@ -42,6 +47,9 @@ export type FrameSlots = typeof __propDef.slots;
  * @prop export let use: Action<HTMLElement, any> = noop;
  * @prop export let options = {};
  * @prop export let role: string | undefined = undefined;
+ * @prop export let transition: TransitionFunc | undefined = undefined;
+ * @prop export let params: object = {};
+ * @prop export let open: boolean = true;
  */
 export default class Frame extends SvelteComponent<FrameProps, FrameEvents, FrameSlots> {
 }

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;;;;;;;;;;;;GAYG;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;AAC5D,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AA+I1D,QAAA,MAAM,SAAS;;;;;;;eA1HJ,WAAW,GAAG,SAAS;;;;;;6BARH,WAAW,UAAU,GAAG,KAAK,gBAAgB;iBAe/D,GAAG;;;;;;;;;;;;;;;CAmHuC,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;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,eAAe,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CACtF"}

package/dist/utils/Popper.svelte

@@ -159,8 +159,8 @@ function initArrow(node) {
   <div bind:this={contentEl} />
 {/if}
 
-{#if open && referenceEl}
-  <Frame use={init} options={referenceEl} role="tooltip" tabindex={activeContent ? -1 : undefined} on:focusin={optional(activeContent, showHandler)} on:focusout={optional(activeContent, hideHandler)} on:mouseenter={optional(activeContent && !clickable, showHandler)} on:mouseleave={optional(activeContent && !clickable, hideHandler)} {...$$restProps}>
+{#if referenceEl}
+  <Frame use={init} options={referenceEl} bind:open role="tooltip" tabindex={activeContent ? -1 : undefined} on:focusin={optional(activeContent, showHandler)} on:focusout={optional(activeContent, hideHandler)} on:mouseenter={optional(activeContent && !clickable, showHandler)} on:mouseleave={optional(activeContent && !clickable, hideHandler)} {...$$restProps}>
     <slot />
     {#if arrow}<div use:initArrow class={arrowClass} />{/if}
   </Frame>

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

@@ -12,6 +12,9 @@ declare const __propDef: {
         options?: object | undefined;
         class?: string | undefined;
         role?: string | undefined;
+        open?: boolean | undefined;
+        transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
+        params?: any;
     } & {
         activeContent?: boolean | undefined;
         arrow?: 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,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACD,OAAO,KAAK,EAAqC,SAAS,EAAQ,MAAM,kBAAkB,CAAC;AA6M3F,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"}
+{"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;AA6M3F,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

@@ -1,14 +1,11 @@
-<script>import { fade } from 'svelte/transition';
+<script>import {} from 'svelte';
+import { fade } from 'svelte/transition';
 import Frame from './Frame.svelte';
-import { createEventDispatcher } from 'svelte';
 // Export a prop through which you can set a desired svelte transition
 export let transition = fade;
 // Pass in extra transition params
 export let params = {};
 export let open = true;
-export let dismissable = false;
-const dispatch = createEventDispatcher();
-$: dispatch(open ? 'open' : 'close');
 function close(ev) {
     if (ev?.stopPropagation)
         ev.stopPropagation();
@@ -16,17 +13,7 @@ function close(ev) {
 }
 </script>
 
-{#if dismissable}
-  {#if open}
-    <div transition:transition={params}>
-      <Frame {...$$restProps}><slot {close} /></Frame>
-    </div>
-  {/if}
-{:else}
-  {#if open}
-    <Frame {...$$restProps}><slot /></Frame>
-  {/if}
-{/if}
+<Frame bind:open {transition} {params} {...$$restProps} on:show><slot {close} /></Frame>
 
 <!--
 @component
@@ -35,5 +22,4 @@ function close(ev) {
 @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

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
-import { type TransitionConfig } from 'svelte/transition';
 import type { Dismissable } from '../types';
+import { type TransitionConfig } from 'svelte/transition';
 declare const __propDef: {
     props: import("svelte/elements").HTMLAnchorAttributes & {
         tag?: string | undefined;
@@ -13,15 +13,19 @@ declare const __propDef: {
         options?: object | undefined;
         class?: string | undefined;
         role?: string | undefined;
-    } & Dismissable & {
+        open?: boolean | undefined;
         transition?: ((node: HTMLElement, params: any) => TransitionConfig) | undefined;
         params?: any;
-    };
+    } & Dismissable;
     events: {
+        show: CustomEvent<any>;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {
-        default: {};
+        default: {
+            close: (ev: MouseEvent | undefined) => void;
+        };
     };
 };
 export type TransitionFrameProps = typeof __propDef.props;
@@ -33,7 +37,6 @@ export type TransitionFrameSlots = typeof __propDef.slots;
  * @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> {
 }

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;AAiD9C,QAAA,MAAM,SAAS;;;;;;;;;;;;;6BAzCgB,WAAW,UAAU,GAAG,KAAK,gBAAgB;iBAK/D,GAAG;;;;;;;;CAoCuC,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"}
+{"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,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAiChE,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;wBAZM,UAAU,GAAG,SAAS;;;CAYY,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;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,eAAe,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CAC9H"}

package/dist/utils/focusTrap.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="svelte" />
-export default function focusTrap<Node_1 extends HTMLElement>(node: Node_1, parameter?: any): void | import("svelte/action").ActionReturn<any, any>;
+export default function focusTrap<Node extends HTMLElement>(node: Node, parameter?: any): void | import("svelte/action").ActionReturn<any, any>;
 //# sourceMappingURL=focusTrap.d.ts.map

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

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

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.44.24",
+  "version": "0.45.0",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
+  "packageManager": "pnpm@8.15.4",
   "author": {
     "name": "Shinichi Okada",
     "email": "connect@codewithshin.com",
@@ -11,61 +12,43 @@
   "bugs": "https://github.com/themesberg/flowbite-svelte/issues",
   "homepage": "https://flowbite-svelte.com/",
   "license": "MIT",
-  "scripts": {
-    "dev": "vite dev",
-    "build": "vite build && npm run package",
-    "preview": "vite preview",
-    "package": "svelte-kit sync && svelte-package && publint",
-    "prepublishOnly": "npm run package",
-    "test": "npm run test:integration && npm run test:unit",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "lint": "prettier --plugin-search-dir . --check . && eslint .",
-    "format": "prettier --plugin-search-dir . --write .",
-    "test:integration": "playwright test",
-    "test:unit": "vitest",
-    "gen:exports": "svelte-lib-helpers exports",
-    "gen:docs": "svelte-lib-helpers docs",
-    "gen:compo-data": "svelte-lib-helpers compo-data",
-    "copy:package": "svelte-lib-helpers package",
-    "lib-helpers": "npm run gen:docs && npm run gen:compo-data && npm run package && npm run gen:exports && npm run copy:package",
-    "package:publish": "npm run format && standard-version && git push --follow-tags origin main && npm publish"
-  },
   "devDependencies": {
-    "@docsearch/js": "^3.5.2",
-    "@playwright/test": "^1.41.2",
-    "@sveltejs/adapter-vercel": "^5.1.0",
-    "@sveltejs/kit": "^2.5.1",
-    "@sveltejs/package": "2.2.7",
-    "@sveltejs/vite-plugin-svelte": "^3.0.2",
-    "@typescript-eslint/eslint-plugin": "^7.0.2",
-    "@typescript-eslint/parser": "^7.0.2",
-    "autoprefixer": "^10.4.17",
-    "esbuild": "0.20.1",
-    "eslint": "^8.56.0",
+    "@changesets/cli": "^2.27.1",
+    "@docsearch/js": "^3.6.0",
+    "@playwright/test": "^1.43.1",
+    "@sveltejs/adapter-vercel": "^5.3.0",
+    "@sveltejs/kit": "^2.5.6",
+    "@sveltejs/package": "2.3.1",
+    "@sveltejs/vite-plugin-svelte": "^3.1.0",
+    "@svitejs/changesets-changelog-github-compact": "^1.1.0",
+    "@typescript-eslint/eslint-plugin": "^7.7.0",
+    "@typescript-eslint/parser": "^7.7.0",
+    "autoprefixer": "^10.4.19",
+    "esbuild": "0.20.2",
+    "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-svelte": "^2.35.1",
-    "flowbite-svelte-icons": "^0.4.5",
+    "eslint-plugin-svelte": "^2.37.0",
+    "flowbite-svelte-icons": "^1.5.0",
     "mdsvex": "^0.11.0",
     "mdsvexamples": "^0.4.1",
-    "postcss": "^8.4.35",
+    "postcss": "^8.4.38",
     "postcss-load-config": "^5.0.3",
     "prettier": "^3.2.5",
-    "prettier-plugin-svelte": "^3.2.1",
+    "prettier-plugin-svelte": "^3.2.3",
     "prism-themes": "^1.9.0",
     "publint": "^0.2.7",
-    "svelte": "^4.2.11",
-    "svelte-check": "^3.6.4",
-    "svelte-lib-helpers": "^0.4.1",
-    "svelte-meta-tags": "^3.1.0",
+    "svelte": "^4.2.14",
+    "svelte-check": "^3.6.9",
+    "svelte-lib-helpers": "^0.4.5",
+    "svelte-meta-tags": "^3.1.2",
     "svelte-preprocess": "^5.1.3",
-    "svelte2tsx": "^0.7.1",
+    "svelte2tsx": "^0.7.6",
     "tailwind-merge": "^1.13.1",
-    "tailwindcss": "^3.4.1",
+    "tailwindcss": "^3.4.3",
     "tslib": "^2.6.2",
-    "typescript": "^5.3.3",
-    "vite": "^5.1.4",
-    "vitest": "^1.3.1"
+    "typescript": "^5.4.5",
+    "vite": "^5.2.8",
+    "vitest": "^1.5.0"
   },
   "peerDependencies": {
     "svelte": "^4.0.0"
@@ -115,13 +98,13 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.6.3",
-    "apexcharts": "^3.46.0",
+    "apexcharts": "^3.48.0",
     "flowbite": "^2.3.0",
-    "tailwind-merge": "^2.2.1"
+    "tailwind-merge": "^2.2.2"
   },
   "engines": {
     "pnpm": ">=8.0.0",
-    "node": ">=18.0.0"
+    "node": ">=20.0.0"
   },
   "files": [
     "dist",
@@ -752,5 +735,24 @@
       "svelte": "./dist/video/Video.svelte"
     },
     "./package.json": "./package.json"
+  },
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build && npm run package",
+    "preview": "vite preview",
+    "package": "svelte-kit sync && svelte-package && publint",
+    "test": "npm run test:integration && npm run test:unit",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "lint": "prettier --plugin-search-dir . --check . && eslint .",
+    "format": "prettier --plugin-search-dir . --write .",
+    "test:integration": "playwright test",
+    "test:unit": "vitest",
+    "gen:exports": "svelte-lib-helpers exports",
+    "gen:docs": "svelte-lib-helpers docs",
+    "gen:compo-data": "svelte-lib-helpers compo-data",
+    "copy:package": "svelte-lib-helpers package",
+    "lib-helpers": "npm run gen:docs && npm run gen:compo-data && npm run package && npm run gen:exports && npm run copy:package",
+    "package:publish": "standard-version && git push --follow-tags origin main && npm publish"
   }
-}
+}