flowbite-svelte 0.27.15 → 0.27.16

package/list-group/ListgroupItem.svelte

@@ -0,0 +1,62 @@
+<script>import { getContext } from 'svelte';
+import classNames from 'classnames';
+import { createEventDispatcher } from 'svelte';
+export let active = getContext('active');
+export let current = false;
+export let disabled = false;
+export let href = '';
+let dispatch = createEventDispatcher();
+const states = {
+    current: 'text-white bg-blue-700 dark:text-white dark:bg-gray-800',
+    normal: '',
+    disabled: 'text-gray-900 bg-gray-100 dark:bg-gray-600 dark:text-gray-400'
+};
+let focusClass = 'focus:z-40 focus:outline-none focus:ring-2 focus:ring-blue-700 focus:text-blue-700 dark:focus:ring-gray-500 dark:focus:text-white';
+let hoverClass = 'hover:bg-gray-100 hover:text-blue-700 dark:hover:bg-gray-600 dark:hover:text-white';
+let state;
+$: state = disabled ? 'disabled' : current ? 'current' : 'normal';
+let itemClass;
+$: itemClass = classNames('py-2 px-0 sm:px-4 w-full text-sm font-medium', 'first:rounded-t-lg last:rounded-b-lg', states[state], active && state === 'disabled' && 'cursor-not-allowed', active && state === 'normal' && hoverClass, active && state === 'normal' && focusClass, $$props.class);
+</script>
+
+{#if !active}
+  <li class={itemClass}>
+    <slot item={$$props} />
+  </li>
+{:else if href}
+  <a
+    {href}
+    class="block {itemClass}"
+    on:click={() => dispatch('click', $$props)}
+    aria-current={current}
+    on:blur
+    on:change
+    on:click
+    on:focus
+    on:keydown
+    on:keypress
+    on:keyup
+    on:mouseenter
+    on:mouseleave
+    on:mouseover>
+    <slot item={$$props} />
+  </a>
+{:else}
+  <button
+    class="inline-flex relative items-center text-left {itemClass}"
+    {disabled}
+    on:click={() => dispatch('click', $$props)}
+    on:blur
+    on:change
+    on:click
+    on:focus
+    on:keydown
+    on:keypress
+    on:keyup
+    on:mouseenter
+    on:mouseleave
+    on:mouseover
+    aria-current={current}>
+    <slot item={$$props} />
+  </button>
+{/if}

package/list-group/ListgroupItem.svelte.d.ts

@@ -0,0 +1,35 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        active?: boolean | undefined;
+        current?: boolean | undefined;
+        disabled?: boolean | undefined;
+        href?: string | undefined;
+    };
+    events: {
+        blur: FocusEvent;
+        change: Event;
+        click: CustomEvent<any>;
+        focus: FocusEvent;
+        keydown: KeyboardEvent;
+        keypress: KeyboardEvent;
+        keyup: KeyboardEvent;
+        mouseenter: MouseEvent;
+        mouseleave: MouseEvent;
+        mouseover: MouseEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            item: SvelteAllProps;
+        };
+    };
+};
+export declare type ListgroupItemProps = typeof __propDef.props;
+export declare type ListgroupItemEvents = typeof __propDef.events;
+export declare type ListgroupItemSlots = typeof __propDef.slots;
+export default class ListgroupItem extends SvelteComponentTyped<ListgroupItemProps, ListgroupItemEvents, ListgroupItemSlots> {
+}
+export {};

package/megamenu/MegaMenu.svelte

@@ -0,0 +1,42 @@
+<script>import classNames from 'classnames';
+import Popper from '../utils/Popper.svelte';
+export let items = [];
+export let full = false;
+export let open = false;
+let wrapperClass;
+$: wrapperClass = classNames(full && 'border-y w-full', $$props.class);
+let ulClass;
+$: ulClass = classNames('grid grid-flow-row gap-y-4 md:gap-x-0 auto-col-max auto-row-max', full && $$slots.extra ? 'grid-cols-2' : 'grid-cols-2 md:grid-cols-3', 'text-sm font-medium', full && $$slots.extra && 'md:w-2/3');
+const init = (node) => {
+    if (full) {
+        node.parentElement.classList.add('inset-x-0');
+    }
+};
+</script>
+
+<Popper
+	color={full ? 'default' : 'dropdown'}
+	border={!full}
+	rounded={!full}
+	activeContent
+	arrow={false}
+	trigger="click"
+	placement="bottom"
+	yOnly={full}
+	{...$$restProps}
+	class={wrapperClass}
+	on:show
+	bind:open>
+	<div class="flex flex-col md:flex-row p-4 max-w-screen-md justify-center mx-auto">
+		<ul class={ulClass}>
+			{#each items as item, index}
+				<li>
+					<slot {item} {index} />
+				</li>
+			{:else}
+				<slot />
+			{/each}
+		</ul>
+		{#if full && $$slots.extra}<div class="md:w-1/3 mt-4 md:mt-0"><slot name="extra" /></div>{/if}
+	</div>
+</Popper>

package/megamenu/MegaMenu.svelte.d.ts

@@ -0,0 +1,27 @@
+import { SvelteComponentTyped } from "svelte";
+import type { LinkType } from '../types';
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        items?: (LinkType & {
+            [propName: string]: any;
+        })[] | undefined;
+        full?: boolean | undefined;
+        open?: boolean | undefined;
+    };
+    events: {
+        show: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+        extra: {};
+    };
+};
+export declare type MegaMenuProps = typeof __propDef.props;
+export declare type MegaMenuEvents = typeof __propDef.events;
+export declare type MegaMenuSlots = typeof __propDef.slots;
+export default class MegaMenu extends SvelteComponentTyped<MegaMenuProps, MegaMenuEvents, MegaMenuSlots> {
+}
+export {};

package/modals/Modal.svelte

@@ -0,0 +1,138 @@
+<script>import classNames from 'classnames';
+import Frame from '../utils/Frame.svelte';
+import { createEventDispatcher } from 'svelte';
+import CloseButton from '../utils/CloseButton.svelte';
+import focusTrap from '../utils/focusTrap';
+export let open = false;
+export let title = '';
+export let size = 'md';
+export let placement = 'center';
+export let autoclose = false;
+export let permanent = false;
+export let backdropClasses = 'bg-gray-900 bg-opacity-50 dark:bg-opacity-80';
+const dispatch = createEventDispatcher();
+$: dispatch(open ? 'open' : 'hide');
+function prepareFocus(node) {
+    const walker = document.createTreeWalker(node, NodeFilter.SHOW_ELEMENT);
+    let n;
+    while ((n = walker.nextNode())) {
+        if (n instanceof HTMLElement) {
+            const el = n;
+            const [x, y] = isScrollable(el);
+            if (x || y)
+                el.tabIndex = 0;
+        }
+    }
+    node.focus();
+}
+const getPlacementClasses = () => {
+    switch (placement) {
+        // top
+        case 'top-left':
+            return ['justify-start', 'items-start'];
+        case 'top-center':
+            return ['justify-center', 'items-start'];
+        case 'top-right':
+            return ['justify-end', 'items-start'];
+        // center
+        case 'center-left':
+            return ['justify-start', 'items-center'];
+        case 'center':
+            return ['justify-center', 'items-center'];
+        case 'center-right':
+            return ['justify-end', 'items-center'];
+        // bottom
+        case 'bottom-left':
+            return ['justify-start', 'items-end'];
+        case 'bottom-center':
+            return ['justify-center', 'items-end'];
+        case 'bottom-right':
+            return ['justify-end', 'items-end'];
+        default:
+            return ['justify-center', 'items-center'];
+    }
+};
+const sizes = {
+    xs: 'max-w-md',
+    sm: 'max-w-lg',
+    md: 'max-w-2xl',
+    lg: 'max-w-4xl',
+    xl: 'max-w-7xl'
+};
+const onAutoClose = (e) => {
+    const target = e.target;
+    if (autoclose && target?.tagName === 'BUTTON')
+        open = false;
+};
+const hide = () => {
+    open = false;
+};
+let mainClass;
+$: mainClass = classNames('flex overflow-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full', backdropClasses, ...getPlacementClasses());
+let frameClass;
+$: frameClass = classNames('relative flex flex-col w-full h-full md:h-auto', $$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
+];
+function preventWheelDefault(e) {
+    // @ts-ignore
+    const [x, y] = isScrollable(this);
+    return x || y || e.preventDefault();
+}
+function handleKeys(e) {
+    if (e.key === 'Escape' && !permanent)
+        return hide();
+}
+</script>
+
+{#if open}
+  <div
+    tabindex="-1"
+    class={mainClass}
+    aria-modal="true"
+    role="dialog"
+    on:keydown|preventDefault={handleKeys}
+    on:wheel|preventDefault
+    use:prepareFocus
+    use:focusTrap
+    on:click={autoclose ? onAutoClose : null}>
+    <div class="flex p-4 w-full {sizes[size]} h-full md:h-auto max-h-screen">
+      <!-- Modal content -->
+      <Frame rounded shadow {...$$restProps} class={frameClass}>
+        <!-- Modal header -->
+        {#if $$slots.header || title}
+          <Frame color={$$restProps.color} class="flex justify-between items-center p-4 rounded-t border-b">
+            <slot name="header">
+              <h3
+                class="text-xl font-semibold {$$restProps.color ? '' : 'text-gray-900 dark:text-white'} p-0">
+                {title}
+              </h3>
+            </slot>
+            {#if !permanent}<CloseButton name="Close modal" on:click={hide} color={$$restProps.color} />{/if}
+          </Frame>
+        {:else if !permanent}
+          <CloseButton
+            name="Close modal"
+            class="absolute top-3 right-2.5"
+            on:click={hide}
+            color={$$restProps.color} />
+        {/if}
+        <!-- Modal body -->
+        <div
+          id="modal"
+          class="p-6 space-y-6 flex-1 overflow-y-auto overscroll-contain"
+          on:keydown|stopPropagation={handleKeys}
+          on:wheel|stopPropagation={preventWheelDefault}>
+          <slot />
+        </div>
+        <!-- Modal footer -->
+        {#if $$slots.footer}
+          <Frame color={$$restProps.color} class="flex items-center p-6 space-x-2 rounded-b border-t">
+            <slot name="footer" />
+          </Frame>
+        {/if}
+      </Frame>
+    </div>
+  </div>
+{/if}

package/modals/Modal.svelte.d.ts

@@ -0,0 +1,30 @@
+import { SvelteComponentTyped } from "svelte";
+import type { SizeType } from '../types';
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        open?: boolean | undefined;
+        title?: string | undefined;
+        size?: SizeType | undefined;
+        placement?: "top-left" | "top-center" | "top-right" | "center-left" | "center" | "center-right" | "bottom-left" | "bottom-center" | "bottom-right" | undefined;
+        autoclose?: boolean | undefined;
+        permanent?: boolean | undefined;
+        backdropClasses?: string | undefined;
+    };
+    events: {
+        wheel: WheelEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        header: {};
+        default: {};
+        footer: {};
+    };
+};
+export declare type ModalProps = typeof __propDef.props;
+export declare type ModalEvents = typeof __propDef.events;
+export declare type ModalSlots = typeof __propDef.slots;
+export default class Modal extends SvelteComponentTyped<ModalProps, ModalEvents, ModalSlots> {
+}
+export {};

package/navbar/Menu.svelte

@@ -0,0 +1,36 @@
+<script>export let size = '24';
+export let color = 'currentColor';
+export let variation = 'outline';
+let viewBox;
+let svgpath;
+let svgoutline = `<path d="M3.75 6.75H20.25M3.75 12H20.25M3.75 17.25H20.25" stroke="${color}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> `;
+let svgsolid = `<path fill-rule="evenodd" clip-rule="evenodd" d="M3 6.75C3 6.33579 3.33579 6 3.75 6H20.25C20.6642 6 21 6.33579 21 6.75C21 7.16421 20.6642 7.5 20.25 7.5H3.75C3.33579 7.5 3 7.16421 3 6.75ZM3 12C3 11.5858 3.33579 11.25 3.75 11.25H20.25C20.6642 11.25 21 11.5858 21 12C21 12.4142 20.6642 12.75 20.25 12.75H3.75C3.33579 12.75 3 12.4142 3 12ZM3 17.25C3 16.8358 3.33579 16.5 3.75 16.5H20.25C20.6642 16.5 21 16.8358 21 17.25C21 17.6642 20.6642 18 20.25 18H3.75C3.33579 18 3 17.6642 3 17.25Z" fill="${color}"/> `;
+$: switch (variation) {
+    case 'outline':
+        svgpath = svgoutline;
+        viewBox = '0 0 24 24';
+        break;
+    case 'solid':
+        svgpath = svgsolid;
+        viewBox = '0 0 24 24';
+        break;
+    default:
+        svgpath = svgoutline;
+        viewBox = '0 0 24 24';
+}
+export let ariaLabel = 'bars 3';
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width={size}
+	height={size}
+	class={$$props.class}
+	{...$$restProps}
+	aria-label={ariaLabel}
+	fill="none"
+	{viewBox}
+	stroke-width="2"
+	on:click>
+	{@html svgpath}
+</svg>

package/navbar/Menu.svelte.d.ts

@@ -0,0 +1,22 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        size?: string | undefined;
+        color?: string | undefined;
+        variation?: "solid" | "outline" | undefined;
+        ariaLabel?: string | undefined;
+    };
+    events: {
+        click: MouseEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type MenuProps = typeof __propDef.props;
+export declare type MenuEvents = typeof __propDef.events;
+export declare type MenuSlots = typeof __propDef.slots;
+export default class Menu extends SvelteComponentTyped<MenuProps, MenuEvents, MenuSlots> {
+}
+export {};

package/navbar/NavBrand.svelte

@@ -0,0 +1,7 @@
+<script>import classNames from 'classnames';
+export let href = '';
+</script>
+
+<a {href} {...$$restProps} class={classNames('flex items-center', $$props.class)}>
+	<slot />
+</a>

package/navbar/NavBrand.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        href?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export declare type NavBrandProps = typeof __propDef.props;
+export declare type NavBrandEvents = typeof __propDef.events;
+export declare type NavBrandSlots = typeof __propDef.slots;
+export default class NavBrand extends SvelteComponentTyped<NavBrandProps, NavBrandEvents, NavBrandSlots> {
+}
+export {};

package/navbar/NavDropdown.svelte

@@ -0,0 +1,59 @@
+<script>import { clickOutside } from '../utils/clickOutside';
+export let liButtonClass = 'flex items-center justify-between w-full';
+export let name;
+export let child = [];
+export let dropdownDiv = '';
+export let dropdownLinkClassWithChild = undefined;
+export let rel = undefined;
+let hidden = true;
+let block = false;
+const handleDropdown = () => {
+    hidden = !hidden;
+    block = !block;
+};
+let liClass = 'flex justify-center py-2 pr-4 pl-3 text-gray-700 border-b border-gray-100 hover:bg-gray-50 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700';
+</script>
+
+<li use:clickOutside={() => !hidden && handleDropdown()} class={liClass}>
+	<button on:click={() => handleDropdown()} class={liButtonClass}
+		>{name}
+		<svg
+			class="ml-1 w-4 h-4"
+			fill="currentColor"
+			viewBox="0 0 20 20"
+			xmlns="http://www.w3.org/2000/svg"
+			><path
+				fill-rule="evenodd"
+				d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
+				clip-rule="evenodd"
+			/></svg
+		></button
+	>
+
+	<!-- Dropdown menu -->
+	<div class:hidden class="absolute {dropdownDiv} mt-8 z-10">
+		<slot>
+			<ul class="py-1" aria-labelledby="dropdownLargeButton">
+				{#each child as item}
+					<li>
+						<a
+							href={item.href}
+							{rel}
+							on:blur
+							on:change
+							on:click
+							on:focus
+							on:keydown
+							on:keypress
+							on:keyup
+							on:mouseenter
+							on:mouseleave
+							on:mouseover
+							class={dropdownLinkClassWithChild}>{item.name}</a
+						>
+					</li>
+				{/each}
+			</ul>
+		</slot>
+	</div>
+</li>

package/navbar/NavDropdown.svelte.d.ts

@@ -0,0 +1,35 @@
+import { SvelteComponentTyped } from "svelte";
+import type { NavbarType } from '../types';
+declare const __propDef: {
+    props: {
+        liButtonClass?: string | undefined;
+        name: string;
+        child?: NavbarType[] | undefined;
+        dropdownDiv?: string | undefined;
+        dropdownLinkClassWithChild?: string | undefined;
+        rel?: string | undefined;
+    };
+    events: {
+        blur: FocusEvent;
+        change: Event;
+        click: MouseEvent;
+        focus: FocusEvent;
+        keydown: KeyboardEvent;
+        keypress: KeyboardEvent;
+        keyup: KeyboardEvent;
+        mouseenter: MouseEvent;
+        mouseleave: MouseEvent;
+        mouseover: MouseEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export declare type NavDropdownProps = typeof __propDef.props;
+export declare type NavDropdownEvents = typeof __propDef.events;
+export declare type NavDropdownSlots = typeof __propDef.slots;
+export default class NavDropdown extends SvelteComponentTyped<NavDropdownProps, NavDropdownEvents, NavDropdownSlots> {
+}
+export {};

package/navbar/NavHamburger.svelte

@@ -0,0 +1,9 @@
+<script>import ToolbarButton from '../toolbar/ToolbarButton.svelte';
+import classNames from 'classnames';
+import Menu from './Menu.svelte';
+export let btnClass = 'ml-3 md:hidden';
+</script>
+
+<ToolbarButton name="Open main menu" on:click {...$$restProps} class={classNames(btnClass, $$props.class)}>
+	<Menu class="h-6 w-6 shrink-0" />
+</ToolbarButton>

package/navbar/NavHamburger.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        btnClass?: string | undefined;
+    };
+    events: {
+        click: MouseEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type NavHamburgerProps = typeof __propDef.props;
+export declare type NavHamburgerEvents = typeof __propDef.events;
+export declare type NavHamburgerSlots = typeof __propDef.slots;
+export default class NavHamburger extends SvelteComponentTyped<NavHamburgerProps, NavHamburgerEvents, NavHamburgerSlots> {
+}
+export {};

package/navbar/NavLi.svelte

@@ -0,0 +1,28 @@
+<script>import classNames from 'classnames';
+export let href = '';
+export let active = false;
+export let activeClass = 'text-white bg-blue-700 md:bg-transparent md:text-blue-700 md:dark:text-white dark:bg-blue-600 md:dark:bg-transparent';
+export let nonActiveClass = 'text-gray-700 hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent';
+let liClass;
+$: liClass = classNames('block py-2 pr-4 pl-3 md:p-0 rounded md:border-0', active ? activeClass : nonActiveClass, $$props.class);
+</script>
+
+<li>
+	<svelte:element
+		this={href ? 'a' : 'div'}
+		{href}
+		{...$$restProps}
+		on:blur
+		on:change
+		on:click
+		on:focus
+		on:keydown
+		on:keypress
+		on:keyup
+		on:mouseenter
+		on:mouseleave
+		on:mouseover
+		class={liClass}>
+		<slot />
+	</svelte:element>
+</li>

package/navbar/NavLi.svelte.d.ts

@@ -0,0 +1,33 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        href?: string | undefined;
+        active?: boolean | undefined;
+        activeClass?: string | undefined;
+        nonActiveClass?: string | undefined;
+    };
+    events: {
+        blur: FocusEvent;
+        change: Event;
+        click: MouseEvent;
+        focus: FocusEvent;
+        keydown: KeyboardEvent;
+        keypress: KeyboardEvent;
+        keyup: KeyboardEvent;
+        mouseenter: MouseEvent;
+        mouseleave: MouseEvent;
+        mouseover: MouseEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export declare type NavLiProps = typeof __propDef.props;
+export declare type NavLiEvents = typeof __propDef.events;
+export declare type NavLiSlots = typeof __propDef.slots;
+export default class NavLi extends SvelteComponentTyped<NavLiProps, NavLiEvents, NavLiSlots> {
+}
+export {};

package/navbar/NavUl.svelte

@@ -0,0 +1,28 @@
+<script>import classNames from 'classnames';
+import { slide } from 'svelte/transition';
+import { quintOut } from 'svelte/easing';
+import Frame from '../utils/Frame.svelte';
+export let divClass = 'w-full md:block md:w-auto';
+export let ulClass = 'flex flex-col p-4 mt-4 md:flex-row md:space-x-8 md:mt-0 md:text-sm md:font-medium';
+export let hidden = true;
+let _divClass;
+$: _divClass = classNames(divClass, $$props.class);
+let _ulClass;
+$: _ulClass = classNames(ulClass, 
+// 'divide-y md:divide-y-0 divide-gray-100 dark:divide-gray-700',
+$$props.class);
+</script>
+
+{#if !hidden}
+  <div {...$$restProps} class={_divClass} transition:slide={{ delay: 250, duration: 500, easing: quintOut }}>
+    <Frame tag="ul" border rounded color="navbarUl" class={_ulClass}>
+      <slot />
+    </Frame>
+  </div>
+{:else}
+  <div {...$$restProps} class={_divClass} {hidden}>
+    <ul class={_ulClass}>
+      <slot />
+    </ul>
+  </div>
+{/if}

package/navbar/NavUl.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        divClass?: string | undefined;
+        ulClass?: string | undefined;
+        hidden?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export declare type NavUlProps = typeof __propDef.props;
+export declare type NavUlEvents = typeof __propDef.events;
+export declare type NavUlSlots = typeof __propDef.slots;
+export default class NavUl extends SvelteComponentTyped<NavUlProps, NavUlEvents, NavUlSlots> {
+}
+export {};