flowbite-svelte 0.46.1 → 0.46.3

package/README.md

@@ -15,20 +15,6 @@
 
 [Visualize this repo's codebase](https://mango-dune-07a8b7110.1.azurestaticapps.net/?repo=themesberg%2Fflowbite-svelte)
 
-## Flowbite Svelte Starters
-
-You can find all the starters in the Starters directory.
-
-- [Flowbite SvelteKit starter](https://github.com/shinokada/flowbite-svelte-starter)
-- [Svelte starter](https://github.com/shinokada/svelte-starter)
-- [Svelte TS starter](https://github.com/shinokada/svelte-ts-starter)
-
-## Flowbite Svelte Examples
-
-You can find all the examples in the Examples directory.
-
-- [Flowbite SvelteKit responsive sidebar layout](https://github.com/shinokada/flowbite-sveltekit-responsive-sidebar-layout)
-
 ## Installation
 
 - [Getting started](https://flowbite-svelte.com/docs/pages/quickstart)
@@ -474,24 +460,6 @@ For casual chatting with others using the library:
 
 💬 [Join the Flowbite Discord Server](https://discord.gg/4eeurUVvTy)
 
-## Tests
-
-**Please use node v16.xx.x.**
-
-Run:
-
-```sh
-npm run test
-```
-
-## Create props
-
-```sh
-npm run gen:props
-```
-
-This will pull all props from components and replace files in `/src/routes/props` directory.
-
 ## Contribute
 
 Please read [how to contribute](https://github.com/themesberg/flowbite-svelte/blob/main/CONTRIBUTING.md) if you'd like to be part of the Flowbite community of contributors.
@@ -500,9 +468,6 @@ Please read [how to contribute](https://github.com/themesberg/flowbite-svelte/bl
 
 View the full [changelog](https://github.com/themesberg/flowbite-svelte/blob/main/CHANGELOG.md) on this page.
 
-## SvelteKit version
-
-1.0.1
 
 ## License
 

package/dist/accordion/Accordion.svelte

@@ -1,21 +1,21 @@
-<script context="module">import { writable } from 'svelte/store';
+<script context="module">import { writable } from "svelte/store";
 </script>
 
-<script>import Frame from '../utils/Frame.svelte';
-import { twMerge } from 'tailwind-merge';
-import { setContext } from 'svelte';
+<script>import Frame from "../utils/Frame.svelte";
+import { twMerge } from "tailwind-merge";
+import { setContext } from "svelte";
 export let multiple = false;
 export let flush = false;
-export let activeClass = 'bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800';
-export let inactiveClass = 'text-gray-500 dark:text-gray-400 hover:bg-gray-100 hover:dark:bg-gray-800';
-export let defaultClass = 'text-gray-500 dark:text-gray-400';
+export let activeClass = "bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800";
+export let inactiveClass = "text-gray-500 dark:text-gray-400 hover:bg-gray-100 hover:dark:bg-gray-800";
+export let defaultClass = "text-gray-500 dark:text-gray-400";
 const ctx = {
-    flush,
-    activeClass: twMerge(activeClass, $$props.classActive),
-    inactiveClass: twMerge(inactiveClass, $$props.classInactive),
-    selected: multiple ? undefined : writable()
+  flush,
+  activeClass: twMerge(activeClass, $$props.classActive),
+  inactiveClass: twMerge(inactiveClass, $$props.classInactive),
+  selected: multiple ? void 0 : writable()
 };
-setContext('ctx', ctx);
+setContext("ctx", ctx);
 let frameClass;
 $: frameClass = twMerge(defaultClass, $$props.class);
 </script>

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

@@ -54,4 +54,3 @@ export type AccordionSlots = typeof __propDef.slots;
 export default class Accordion extends SvelteComponentTyped<AccordionProps, AccordionEvents, AccordionSlots> {
 }
 export {};
-//# sourceMappingURL=Accordion.svelte.d.ts.map

package/dist/accordion/AccordionItem.svelte

@@ -1,54 +1,50 @@
-<script>import { twMerge } from 'tailwind-merge';
-import { getContext, onMount } from 'svelte';
-import { writable } from 'svelte/store';
-import { fade, blur, fly, slide } from 'svelte/transition';
+<script>import { twMerge } from "tailwind-merge";
+import { getContext, onMount } from "svelte";
+import { writable } from "svelte/store";
+import { fade, blur, fly, slide } from "svelte/transition";
 export let open = false;
-export let activeClass = undefined;
-export let inactiveClass = undefined;
-export let defaultClass = 'flex items-center justify-between w-full font-medium text-left group-first:rounded-t-xl border-gray-200 dark:border-gray-700';
-export let transitionType = 'slide';
+export let activeClass = void 0;
+export let inactiveClass = void 0;
+export let defaultClass = "flex items-center justify-between w-full font-medium text-left group-first:rounded-t-xl border-gray-200 dark:border-gray-700";
+export let transitionType = "slide";
 export let transitionParams = {};
-export let paddingFlush = 'py-5';
-export let paddingDefault = 'p-5';
-export let textFlushOpen = 'text-gray-900 dark:text-white';
-export let textFlushDefault = 'text-gray-500 dark:text-gray-400';
-export let borderClass = 'border-s border-e group-first:border-t';
-export let borderOpenClass = 'border-s border-e';
-export let borderBottomClass = 'border-b';
-export let borderSharedClass = 'border-gray-200 dark:border-gray-700';
-export let classActive = undefined;
-export let classInactive = undefined;
+export let paddingFlush = "py-5";
+export let paddingDefault = "p-5";
+export let textFlushOpen = "text-gray-900 dark:text-white";
+export let textFlushDefault = "text-gray-500 dark:text-gray-400";
+export let borderClass = "border-s border-e group-first:border-t";
+export let borderOpenClass = "border-s border-e";
+export let borderBottomClass = "border-b";
+export let borderSharedClass = "border-gray-200 dark:border-gray-700";
+export let classActive = void 0;
+export let classInactive = void 0;
 let activeCls = twMerge(activeClass, classActive);
 let inactiveCls = twMerge(inactiveClass, classInactive);
-// make a custom transition function that returns the desired transition
 const multiple = (node, params) => {
-    switch (transitionType) {
-        case 'blur':
-            return blur(node, params);
-        case 'fly':
-            return fly(node, params);
-        case 'fade':
-            return fade(node, params);
-        default:
-            return slide(node, params);
-    }
+  switch (transitionType) {
+    case "blur":
+      return blur(node, params);
+    case "fly":
+      return fly(node, params);
+    case "fade":
+      return fade(node, params);
+    default:
+      return slide(node, params);
+  }
 };
-const ctx = getContext('ctx') ?? {};
-// single selection
+const ctx = getContext("ctx") ?? {};
 const self = {};
 const selected = ctx.selected ?? writable();
 let _open = open;
 open = false;
 onMount(() => {
-    if (_open)
-        $selected = self;
-    // this will trigger unsubscribe on destroy
-    return selected.subscribe((x) => (open = x === self));
+  if (_open) $selected = self;
+  return selected.subscribe((x) => open = x === self);
 });
 const handleToggle = (_) => selected.set(open ? {} : self);
 let buttonClass;
 $: buttonClass = twMerge([defaultClass, ctx.flush || borderClass, borderBottomClass, borderSharedClass, ctx.flush ? paddingFlush : paddingDefault, open && (ctx.flush ? textFlushOpen : activeCls || ctx.activeClass), !open && (ctx.flush ? textFlushDefault : inactiveCls || ctx.inactiveClass), $$props.class]);
-$: contentClass = twMerge([ctx.flush ? paddingFlush : paddingDefault, ctx.flush ? '' : borderOpenClass, borderBottomClass, borderSharedClass]);
+$: contentClass = twMerge([ctx.flush ? paddingFlush : paddingDefault, ctx.flush ? "" : borderOpenClass, borderBottomClass, borderSharedClass]);
 </script>
 
 <h2 class="group">
@@ -75,12 +71,6 @@ $: contentClass = twMerge([ctx.flush ? paddingFlush : paddingDefault, ctx.flush
       <slot />
     </div>
   </div>
-{:else}
-  <div class="hidden">
-    <div class={contentClass}>
-      <slot />
-    </div>
-  </div>
 {/if}
 
 <!--

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

@@ -56,4 +56,3 @@ export type AccordionItemSlots = typeof __propDef.slots;
 export default class AccordionItem extends SvelteComponentTyped<AccordionItemProps, AccordionItemEvents, AccordionItemSlots> {
 }
 export {};
-//# sourceMappingURL=AccordionItem.svelte.d.ts.map

package/dist/alert/Alert.svelte

@@ -1,10 +1,10 @@
-<script>import TransitionFrame from '../utils/TransitionFrame.svelte';
-import { twMerge } from 'tailwind-merge';
-import CloseButton from '../utils/CloseButton.svelte';
+<script>import TransitionFrame from "../utils/TransitionFrame.svelte";
+import { twMerge } from "tailwind-merge";
+import CloseButton from "../utils/CloseButton.svelte";
 export let dismissable = false;
-export let defaultClass = 'p-4 gap-3 text-sm';
+export let defaultClass = "p-4 gap-3 text-sm";
 let divClass;
-$: divClass = twMerge(defaultClass, ($$slots.icon || dismissable) && 'flex items-center', $$props.class);
+$: divClass = twMerge(defaultClass, ($$slots.icon || dismissable) && "flex items-center", $$props.class);
 </script>
 
 <TransitionFrame {dismissable} color="primary" role="alert" rounded {...$$restProps} class={divClass} on:close let:close>

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

@@ -50,4 +50,3 @@ export type AlertSlots = typeof __propDef.slots;
 export default class Alert extends SvelteComponentTyped<AlertProps, AlertEvents, AlertSlots> {
 }
 export {};
-//# sourceMappingURL=Alert.svelte.d.ts.map

package/dist/avatar/Avatar.svelte

@@ -1,24 +1,24 @@
-<script>import Indicator from '../indicators/Indicator.svelte';
-import { twMerge } from 'tailwind-merge';
-export let src = '';
-export let href = undefined;
+<script>import Indicator from "../indicators/Indicator.svelte";
+import { twMerge } from "tailwind-merge";
+export let src = "";
+export let href = void 0;
 export let rounded = false;
 export let border = false;
 export let stacked = false;
-export let dot = undefined;
-export let alt = '';
-export let size = 'md';
-$: dot = dot && { placement: 'top-right', color: 'gray', size: 'lg', ...dot };
+export let dot = void 0;
+export let alt = "";
+export let size = "md";
+$: dot = dot && { placement: "top-right", color: "gray", size: "lg", ...dot };
 const sizes = {
-    xs: 'w-6 h-6',
-    sm: 'w-8 h-8',
-    md: 'w-10 h-10',
-    lg: 'w-20 h-20',
-    xl: 'w-36 h-36',
-    none: ''
+  xs: "w-6 h-6",
+  sm: "w-8 h-8",
+  md: "w-10 h-10",
+  lg: "w-20 h-20",
+  xl: "w-36 h-36",
+  none: ""
 };
 let avatarClass;
-$: avatarClass = twMerge(rounded ? 'rounded' : 'rounded-full', border && 'p-1 ring-2 ring-gray-300 dark:ring-gray-500', sizes[size], stacked && 'border-2 -ms-4 border-white dark:border-gray-800', 'bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-gray-300', $$props.class);
+$: avatarClass = twMerge(rounded ? "rounded" : "rounded-full", border && "p-1 ring-2 ring-gray-300 dark:ring-gray-500", sizes[size], stacked && "border-2 -ms-4 border-white dark:border-gray-800", "bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-gray-300", $$props.class);
 </script>
 
 {#if !src || !!href || $$slots.default || dot}

package/dist/avatar/Avatar.svelte.d.ts

@@ -36,4 +36,3 @@ export type AvatarSlots = typeof __propDef.slots;
 export default class Avatar extends SvelteComponentTyped<AvatarProps, AvatarEvents, AvatarSlots> {
 }
 export {};
-//# sourceMappingURL=Avatar.svelte.d.ts.map

package/dist/badge/Badge.svelte

@@ -1,63 +1,62 @@
-<script>import TransitionFrame from '../utils/TransitionFrame.svelte';
-import { createEventDispatcher } from 'svelte';
-import { twMerge } from 'tailwind-merge';
-import CloseButton from '../utils/CloseButton.svelte';
-export let color = 'primary';
+<script>import TransitionFrame from "../utils/TransitionFrame.svelte";
+import { createEventDispatcher } from "svelte";
+import { twMerge } from "tailwind-merge";
+import CloseButton from "../utils/CloseButton.svelte";
+export let color = "primary";
 export let large = false;
 export let dismissable = false;
 const dispatcher = createEventDispatcher();
 const colors = {
-    primary: 'bg-primary-100 text-primary-800 dark:bg-primary-900 dark:text-primary-300',
-    blue: 'bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-300',
-    dark: 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300',
-    gray: 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300',
-    red: 'bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-300',
-    green: 'bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-300',
-    yellow: 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-300',
-    indigo: 'bg-indigo-100 text-indigo-800 dark:bg-indigo-900 dark:text-indigo-300',
-    purple: 'bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-300',
-    pink: 'bg-pink-100 text-pink-800 dark:bg-pink-900 dark:text-pink-300',
-    none: ''
+  primary: "bg-primary-100 text-primary-800 dark:bg-primary-900 dark:text-primary-300",
+  blue: "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-300",
+  dark: "bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300",
+  gray: "bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300",
+  red: "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-300",
+  green: "bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-300",
+  yellow: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-300",
+  indigo: "bg-indigo-100 text-indigo-800 dark:bg-indigo-900 dark:text-indigo-300",
+  purple: "bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-300",
+  pink: "bg-pink-100 text-pink-800 dark:bg-pink-900 dark:text-pink-300",
+  none: ""
 };
 const borderedColors = {
-    primary: 'bg-primary-100 text-primary-800 dark:bg-gray-700 dark:text-primary-400 border-primary-400 dark:border-primary-400',
-    blue: 'bg-blue-100 text-blue-800 dark:bg-gray-700 dark:text-blue-400 border-blue-400 dark:border-blue-400',
-    dark: 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-400 border-gray-500 dark:border-gray-500',
-    red: 'bg-red-100 text-red-800 dark:bg-gray-700 dark:text-red-400 border-red-400 dark:border-red-400',
-    green: 'bg-green-100 text-green-800 dark:bg-gray-700 dark:text-green-400 border-green-400 dark:border-green-400',
-    yellow: 'bg-yellow-100 text-yellow-800 dark:bg-gray-700 dark:text-yellow-300 border-yellow-300 dark:border-yellow-300',
-    indigo: 'bg-indigo-100 text-indigo-800 dark:bg-gray-700 dark:text-indigo-400 border-indigo-400 dark:border-indigo-400',
-    purple: 'bg-purple-100 text-purple-800 dark:bg-gray-700 dark:text-purple-400 border-purple-400 dark:border-purple-400',
-    pink: 'bg-pink-100 text-pink-800 dark:bg-gray-700 dark:text-pink-400 border-pink-400 dark:border-pink-400',
-    none: ''
+  primary: "bg-primary-100 text-primary-800 dark:bg-gray-700 dark:text-primary-400 border-primary-400 dark:border-primary-400",
+  blue: "bg-blue-100 text-blue-800 dark:bg-gray-700 dark:text-blue-400 border-blue-400 dark:border-blue-400",
+  dark: "bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-400 border-gray-500 dark:border-gray-500",
+  red: "bg-red-100 text-red-800 dark:bg-gray-700 dark:text-red-400 border-red-400 dark:border-red-400",
+  green: "bg-green-100 text-green-800 dark:bg-gray-700 dark:text-green-400 border-green-400 dark:border-green-400",
+  yellow: "bg-yellow-100 text-yellow-800 dark:bg-gray-700 dark:text-yellow-300 border-yellow-300 dark:border-yellow-300",
+  indigo: "bg-indigo-100 text-indigo-800 dark:bg-gray-700 dark:text-indigo-400 border-indigo-400 dark:border-indigo-400",
+  purple: "bg-purple-100 text-purple-800 dark:bg-gray-700 dark:text-purple-400 border-purple-400 dark:border-purple-400",
+  pink: "bg-pink-100 text-pink-800 dark:bg-gray-700 dark:text-pink-400 border-pink-400 dark:border-pink-400",
+  none: ""
 };
 const hoverColors = {
-    primary: 'hover:bg-primary-200',
-    blue: 'hover:bg-blue-200',
-    dark: 'hover:bg-gray-200',
-    red: 'hover:bg-red-200',
-    green: 'hover:bg-green-200',
-    yellow: 'hover:bg-yellow-200',
-    indigo: 'hover:bg-indigo-200',
-    purple: 'hover:bg-purple-200',
-    pink: 'hover:bg-pink-200',
-    none: ''
+  primary: "hover:bg-primary-200",
+  blue: "hover:bg-blue-200",
+  dark: "hover:bg-gray-200",
+  red: "hover:bg-red-200",
+  green: "hover:bg-green-200",
+  yellow: "hover:bg-yellow-200",
+  indigo: "hover:bg-indigo-200",
+  purple: "hover:bg-purple-200",
+  pink: "hover:bg-pink-200",
+  none: ""
 };
-const baseClass = 'font-medium inline-flex items-center justify-center px-2.5 py-0.5';
+const baseClass = "font-medium inline-flex items-center justify-center px-2.5 py-0.5";
 let badgeClass;
-$: badgeClass = twMerge(baseClass, large ? 'text-sm' : 'text-xs', $$restProps.border ? `border ${borderedColors[color]}` : colors[color], $$restProps.href && hoverColors[color], $$restProps.rounded ? 'rounded-full' : 'rounded', $$props.class);
-// only overwrite necessary colors (<CloseButton> v0.29.10)
+$: badgeClass = twMerge(baseClass, large ? "text-sm" : "text-xs", $$restProps.border ? `border ${borderedColors[color]}` : colors[color], $$restProps.href && hoverColors[color], $$restProps.rounded ? "rounded-full" : "rounded", $$props.class);
 const closeBtnColors = {
-    primary: 'text-primary-400 hover:text-primary-900 dark:hover:bg-primary-800 dark:hover:text-primary-300',
-    blue: 'text-blue-400 hover:text-blue-900 dark:hover:bg-blue-800 dark:hover:text-blue-300',
-    dark: 'text-gray-400 hover:text-gray-400 hover:bg-gray-600 dark:hover:text-gray-300',
-    red: 'text-red-400 hover:text-red-900 dark:hover:bg-red-800 dark:hover:text-red-300',
-    green: 'text-green-400 hover:text-green-900 dark:hover:bg-green-800 dark:hover:text-green-300',
-    yellow: 'text-yellow-400 hover:text-yellow-900 dark:hover:bg-yellow-800 dark:hover:text-yellow-300',
-    indigo: 'text-indigo-400 hover:text-indigo-900 dark:hover:bg-indigo-800 dark:hover:text-indigo-300',
-    purple: 'text-purple-400 hover:text-purple-900 dark:hover:bg-purple-800 dark:hover:text-purple-300',
-    pink: 'text-pink-400 hover:text-pink-900 dark:hover:bg-pink-800 dark:hover:text-pink-300',
-    none: ''
+  primary: "text-primary-400 hover:text-primary-900 dark:hover:bg-primary-800 dark:hover:text-primary-300",
+  blue: "text-blue-400 hover:text-blue-900 dark:hover:bg-blue-800 dark:hover:text-blue-300",
+  dark: "text-gray-400 hover:text-gray-400 hover:bg-gray-600 dark:hover:text-gray-300",
+  red: "text-red-400 hover:text-red-900 dark:hover:bg-red-800 dark:hover:text-red-300",
+  green: "text-green-400 hover:text-green-900 dark:hover:bg-green-800 dark:hover:text-green-300",
+  yellow: "text-yellow-400 hover:text-yellow-900 dark:hover:bg-yellow-800 dark:hover:text-yellow-300",
+  indigo: "text-indigo-400 hover:text-indigo-900 dark:hover:bg-indigo-800 dark:hover:text-indigo-300",
+  purple: "text-purple-400 hover:text-purple-900 dark:hover:bg-purple-800 dark:hover:text-purple-300",
+  pink: "text-pink-400 hover:text-pink-900 dark:hover:bg-pink-800 dark:hover:text-pink-300",
+  none: ""
 };
 </script>
 

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

@@ -43,4 +43,3 @@ export type BadgeSlots = typeof __propDef.slots;
 export default class Badge extends SvelteComponentTyped<BadgeProps, BadgeEvents, BadgeSlots> {
 }
 export {};
-//# sourceMappingURL=Badge.svelte.d.ts.map

package/dist/banner/Banner.svelte

@@ -1,33 +1,33 @@
-<script>import { twMerge } from 'tailwind-merge';
-import CloseButton from '../utils/CloseButton.svelte';
-import { createEventDispatcher } from 'svelte';
-export let position = 'sticky';
+<script>import { twMerge } from "tailwind-merge";
+import CloseButton from "../utils/CloseButton.svelte";
+import { createEventDispatcher } from "svelte";
+export let position = "sticky";
 export let dismissable = true;
-export let bannerType = 'default';
-export let divClass = 'z-10 flex justify-between p-4 dark:bg-gray-700 dark:border-gray-600';
-export let innerClass = 'flex';
+export let bannerType = "default";
+export let divClass = "z-10 flex justify-between p-4 dark:bg-gray-700 dark:border-gray-600";
+export let innerClass = "flex";
 let open = true;
 const dispatch = createEventDispatcher();
-$: dispatch(open ? 'open' : 'close');
+$: dispatch(open ? "open" : "close");
 const divClasses = {
-    default: 'top-0 start-0 w-full border-b border-gray-200 bg-gray-50',
-    bottom: 'bottom-0 start-0 w-full border-t border-gray-200 bg-gray-50',
-    cta: 'flex-col md:flex-row  w-[calc(100%-2rem)] -translate-x-1/2 rtl:translate-x-1/2 bg-white border border-gray-100 rounded-lg shadow-sm lg:max-w-7xl start-1/2 top-6',
-    signup: 'top-0 start-0 w-full border-b border-gray-200 bg-gray-50',
-    info: 'top-0 start-0 flex-col w-full border-b border-gray-200 md:flex-row bg-gray-50'
+  default: "top-0 start-0 w-full border-b border-gray-200 bg-gray-50",
+  bottom: "bottom-0 start-0 w-full border-t border-gray-200 bg-gray-50",
+  cta: "flex-col md:flex-row  w-[calc(100%-2rem)] -translate-x-1/2 rtl:translate-x-1/2 bg-white border border-gray-100 rounded-lg shadow-sm lg:max-w-7xl start-1/2 top-6",
+  signup: "top-0 start-0 w-full border-b border-gray-200 bg-gray-50",
+  info: "top-0 start-0 flex-col w-full border-b border-gray-200 md:flex-row bg-gray-50"
 };
 const insideDivClasses = {
-    default: 'items-center mx-auto',
-    bottom: 'items-center mx-auto',
-    cta: 'flex-col items-start mb-3 me-4 md:items-center md:flex-row md:mb-0',
-    signup: 'items-center flex-shrink-0 w-full mx-auto sm:w-auto',
-    info: 'items-center flex-shrink-0'
+  default: "items-center mx-auto",
+  bottom: "items-center mx-auto",
+  cta: "flex-col items-start mb-3 me-4 md:items-center md:flex-row md:mb-0",
+  signup: "items-center flex-shrink-0 w-full mx-auto sm:w-auto",
+  info: "items-center flex-shrink-0"
 };
 $: divClass = twMerge(position, divClass, divClasses[bannerType], $$props.classDiv);
 $: div2Class = twMerge(innerClass, insideDivClasses[bannerType], $$props.classInner);
 function close(e) {
-    e.preventDefault();
-    open = false;
+  e.preventDefault();
+  open = false;
 }
 </script>
 

package/dist/banner/Banner.svelte.d.ts

@@ -40,4 +40,3 @@ export type BannerSlots = typeof __propDef.slots;
 export default class Banner extends SvelteComponentTyped<BannerProps, BannerEvents, BannerSlots> {
 }
 export {};
-//# sourceMappingURL=Banner.svelte.d.ts.map

package/dist/bottom-navigation/BottomNav.svelte

@@ -1,44 +1,42 @@
-<script context="module">export {};
-</script>
+<script context="module"></script>
 
-<script>import { setContext } from 'svelte';
-import { writable } from 'svelte/store';
-import { twMerge } from 'tailwind-merge';
-export let activeUrl = '';
-export let position = 'fixed';
-export let navType = 'default';
-export let outerClass = 'w-full z-50 border-gray-200 dark:bg-gray-700 dark:border-gray-600';
-export let innerClass = 'grid h-full max-w-lg mx-auto';
-export let activeClass = 'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900';
-// export let activeUrl: string = '';
-let activeCls = '';
-const activeUrlStore = writable('');
+<script>import { setContext } from "svelte";
+import { writable } from "svelte/store";
+import { twMerge } from "tailwind-merge";
+export let activeUrl = "";
+export let position = "fixed";
+export let navType = "default";
+export let outerClass = "w-full z-50 border-gray-200 dark:bg-gray-700 dark:border-gray-600";
+export let innerClass = "grid h-full max-w-lg mx-auto";
+export let activeClass = "text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900";
+let activeCls = "";
+const activeUrlStore = writable("");
 activeCls = twMerge(activeClass, $$props.classActive);
-setContext('navType', navType);
-setContext('bottomNavType', { activeClass: activeCls });
+setContext("navType", navType);
+setContext("bottomNavType", { activeClass: activeCls });
 $: {
-    activeUrlStore.set(activeUrl);
+  activeUrlStore.set(activeUrl);
 }
-setContext('activeUrl', activeUrlStore);
+setContext("activeUrl", activeUrlStore);
 const outerDivClasses = {
-    default: 'bottom-0 start-0 h-16 bg-white border-t',
-    border: 'bottom-0 start-0 h-16 bg-white border-t',
-    application: 'h-16 max-w-lg -translate-x-1/2 rtl:translate-x-1/2 bg-white border rounded-full bottom-4 start-1/2',
-    pagination: 'bottom-0 h-16 -translate-x-1/2 rtl:translate-x-1/2 bg-white border-t start-1/2',
-    group: 'bottom-0 -translate-x-1/2 rtl:translate-x-1/2 bg-white border-t start-1/2',
-    card: 'bottom-0 start-0 h-16 bg-white border-t',
-    meeting: 'bottom-0 start-0 grid h-16 grid-cols-1 px-8 bg-white border-t md:grid-cols-3',
-    video: 'bottom-0 start-0 grid h-24 grid-cols-1 px-8 bg-white border-t md:grid-cols-3'
+  default: "bottom-0 start-0 h-16 bg-white border-t",
+  border: "bottom-0 start-0 h-16 bg-white border-t",
+  application: "h-16 max-w-lg -translate-x-1/2 rtl:translate-x-1/2 bg-white border rounded-full bottom-4 start-1/2",
+  pagination: "bottom-0 h-16 -translate-x-1/2 rtl:translate-x-1/2 bg-white border-t start-1/2",
+  group: "bottom-0 -translate-x-1/2 rtl:translate-x-1/2 bg-white border-t start-1/2",
+  card: "bottom-0 start-0 h-16 bg-white border-t",
+  meeting: "bottom-0 start-0 grid h-16 grid-cols-1 px-8 bg-white border-t md:grid-cols-3",
+  video: "bottom-0 start-0 grid h-24 grid-cols-1 px-8 bg-white border-t md:grid-cols-3"
 };
 const innerDivClasses = {
-    default: '',
-    border: '',
-    application: '',
-    pagination: '',
-    group: '',
-    card: '',
-    meeting: 'flex items-center justify-center mx-auto',
-    video: 'flex items-center w-full'
+  default: "",
+  border: "",
+  application: "",
+  pagination: "",
+  group: "",
+  card: "",
+  meeting: "flex items-center justify-center mx-auto",
+  video: "flex items-center w-full"
 };
 $: outerCls = twMerge(position, outerClass, outerDivClasses[navType], $$props.classOuter);
 $: innerCls = twMerge(innerClass, innerDivClasses[navType], $$props.classInner);

package/dist/bottom-navigation/BottomNav.svelte.d.ts

@@ -37,4 +37,3 @@ export type BottomNavSlots = typeof __propDef.slots;
 export default class BottomNav extends SvelteComponentTyped<BottomNavProps, BottomNavEvents, BottomNavSlots> {
 }
 export {};
-//# sourceMappingURL=BottomNav.svelte.d.ts.map

package/dist/bottom-navigation/BottomNavHeader.svelte

@@ -1,6 +1,6 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let outerClass = 'w-full';
-export let innerClass = 'grid max-w-xs grid-cols-3 gap-1 p-1 mx-auto my-2 bg-gray-100 rounded-lg dark:bg-gray-600';
+<script>import { twMerge } from "tailwind-merge";
+export let outerClass = "w-full";
+export let innerClass = "grid max-w-xs grid-cols-3 gap-1 p-1 mx-auto my-2 bg-gray-100 rounded-lg dark:bg-gray-600";
 </script>
 
 <div class={twMerge(outerClass, $$props.classOuter)} {...$$restProps}>

package/dist/bottom-navigation/BottomNavHeader.svelte.d.ts

@@ -24,4 +24,3 @@ export type BottomNavHeaderSlots = typeof __propDef.slots;
 export default class BottomNavHeader extends SvelteComponentTyped<BottomNavHeaderProps, BottomNavHeaderEvents, BottomNavHeaderSlots> {
 }
 export {};
-//# sourceMappingURL=BottomNavHeader.svelte.d.ts.map

package/dist/bottom-navigation/BottomNavHeaderItem.svelte

@@ -1,8 +1,8 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let itemName = '';
+<script>import { twMerge } from "tailwind-merge";
+export let itemName = "";
 export let active = false;
-export let defaultClass = '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';
-export let activeClass = 'px-5 py-1.5 text-xs font-medium text-white bg-gray-900 dark:bg-gray-300 dark:text-gray-900 rounded-lg';
+export let defaultClass = "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";
+export let activeClass = "px-5 py-1.5 text-xs font-medium text-white bg-gray-900 dark:bg-gray-300 dark:text-gray-900 rounded-lg";
 $: btnClass = active ? activeClass : defaultClass;
 </script>
 

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

@@ -35,4 +35,3 @@ export type BottomNavHeaderItemSlots = typeof __propDef.slots;
 export default class BottomNavHeaderItem extends SvelteComponentTyped<BottomNavHeaderItemProps, BottomNavHeaderItemEvents, BottomNavHeaderItemSlots> {
 }
 export {};
-//# sourceMappingURL=BottomNavHeaderItem.svelte.d.ts.map