flowbite-svelte 0.27.13 → 0.27.15

package/list-group/ListgroupItem.svelte

@@ -1,62 +0,0 @@
-<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

@@ -1,35 +0,0 @@
-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

@@ -1,42 +0,0 @@
-<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

@@ -1,27 +0,0 @@
-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

@@ -1,132 +0,0 @@
-<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 = true;
-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(), $$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 {...$$restProps} rounded shadow class="relative flex flex-col w-full h-full md:h-auto">
-        <!-- Modal header -->
-        {#if $$slots.header || title}
-          <div class="flex justify-between items-center p-4 rounded-t border-b dark:border-gray-600">
-            <slot name="header">
-              <h3 class="text-xl font-semibold text-gray-900 dark:text-white p-0">
-                {title}
-              </h3>
-            </slot>
-            {#if !permanent}<CloseButton name="Close modal" on:click={hide} />{/if}
-          </div>
-        {:else if !permanent}
-          <CloseButton name="Close modal" class="absolute top-3 right-2.5" on:click={hide} />
-        {/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}
-          <div
-            class="flex items-center p-6 space-x-2 rounded-b border-t border-gray-200 dark:border-gray-600">
-            <slot name="footer" />
-          </div>
-        {/if}
-      </Frame>
-    </div>
-  </div>
-{/if}

package/modals/Modal.svelte.d.ts

@@ -1,30 +0,0 @@
-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

@@ -1,36 +0,0 @@
-<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

@@ -1,22 +0,0 @@
-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

@@ -1,7 +0,0 @@
-<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

@@ -1,19 +0,0 @@
-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

@@ -1,59 +0,0 @@
-<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

@@ -1,35 +0,0 @@
-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

@@ -1,9 +0,0 @@
-<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

@@ -1,19 +0,0 @@
-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

@@ -1,28 +0,0 @@
-<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

@@ -1,33 +0,0 @@
-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

@@ -1,28 +0,0 @@
-<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

@@ -1,21 +0,0 @@
-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 {};

package/navbar/Navbar.svelte

@@ -1,17 +0,0 @@
-<script>import Frame from '../utils/Frame.svelte';
-import classNames from 'classnames';
-export let navClass = 'px-2 sm:px-4 py-2.5 w-full';
-export let navDivClass = 'mx-auto flex flex-wrap justify-between items-center ';
-export let fluid = true;
-export let color = 'navbar';
-let hidden = true;
-let toggle = () => {
-    hidden = !hidden;
-};
-</script>
-
-<Frame tag="nav" {color} {...$$restProps} class={classNames(navClass, $$props.class)}>
-  <div class={classNames(navDivClass, fluid && 'container')}>
-    <slot {hidden} {toggle} />
-  </div>
-</Frame>