@digigov/react-core 2.0.8 → 2.0.9-platform-196.17-02-26-12-34

package/LabelTitle/index.js

@@ -1,20 +0,0 @@
-import react from "react";
-import clsx from "clsx";
-import Base from "../Base/index.js";
-const LabelTitle_LabelTitle = /*#__PURE__*/ react.forwardRef(function({ size, className, heading = false, children, ...props }, ref) {
-    return /*#__PURE__*/ react.createElement(Base, {
-        as: "span",
-        ref: ref,
-        className: clsx(className, {
-            'ds-label__title': true,
-            [`ds-label__title--${size}`]: void 0 !== size
-        }),
-        ...heading && {
-            role: 'heading',
-            'aria-level': 1
-        },
-        ...props
-    }, children);
-});
-const src_LabelTitle = LabelTitle_LabelTitle;
-export { LabelTitle_LabelTitle as LabelTitle, src_LabelTitle as default };

package/LabeledText/index.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../Base/index.js';
-export interface LabeledTextProps extends BaseProps<'span'> {
-    /**
-     * Set active true when the label is focused. Default value is false.
-     * If the active property is being set to true the background color is yellow otherwise it's light grey.
-     * @value true
-     * @value false
-     */
-    active?: boolean;
-}
-/**
- * LabeledText can be used to add style to some text.
- * More specifically it adds background color and changes the font weight to bold.
- * LabeledText is used inside Fillabletext component.
- */
-export declare const LabeledText: React.ForwardRefExoticComponent<Omit<LabeledTextProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export default LabeledText;

package/LabeledText/index.js

@@ -1,16 +0,0 @@
-import react from "react";
-import clsx from "clsx";
-import Base from "../Base/index.js";
-const LabeledText_LabeledText = /*#__PURE__*/ react.forwardRef(function({ className, children, active, ...props }, ref) {
-    return /*#__PURE__*/ react.createElement(Base, {
-        as: "span",
-        ref: ref,
-        className: clsx(className, {
-            'ds-labeled-text': true,
-            'ds-labeled-text--active': active
-        }),
-        ...props
-    }, children);
-});
-const src_LabeledText = LabeledText_LabeledText;
-export { LabeledText_LabeledText as LabeledText, src_LabeledText as default };

package/Layout/index.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../Base/index.js';
-export interface LayoutProps extends BaseProps<'div'> {
-    /**
-     * @value true
-     * @value false
-     * @default true
-     */
-    fullHeight?: boolean;
-}
-/**
- * Wrapper component for the entire page except the Header and the Footer.
- */
-export declare const Layout: React.ForwardRefExoticComponent<Omit<LayoutProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default Layout;

package/Layout/index.js

@@ -1,16 +0,0 @@
-import react from "react";
-import clsx from "clsx";
-import Base from "../Base/index.js";
-const Layout_Layout = /*#__PURE__*/ react.forwardRef(function({ className, children, fullHeight = true, ...props }, ref) {
-    return /*#__PURE__*/ react.createElement(Base, {
-        as: "div",
-        ref: ref,
-        className: clsx(className, {
-            'ds-layout': true,
-            'ds-layout--full-height': fullHeight
-        }),
-        ...props
-    }, children);
-});
-const src_Layout = Layout_Layout;
-export { Layout_Layout as Layout, src_Layout as default };

package/LinkBase/index.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../Base/index.js';
-export interface LinkBaseProps extends BaseProps<'a'> {
-    /**
-     * underline is optional. The default value is 'true'.
-     * Make it 'false' only if the context tells the user that the text is a link, even without the underline.
-     * @value true
-     * @value false
-     */
-    underline?: boolean;
-    /**
-     * defaultStyle is optional. The default value is 'true'.
-     * Make it 'false' only if you need to use a link with different style, and the default style clashes over with your
-     * custom styles. For example, BreadcrumbsListItem is a link but it has a different styling.
-     * @value true
-     * @value false
-     */
-    defaultStyle?: boolean;
-}
-/**
- * This component defines a hyperlink, which is used to link from one page to another.
- */
-export declare const LinkBase: React.ForwardRefExoticComponent<Omit<LinkBaseProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export default LinkBase;

package/LinkBase/index.js

@@ -1,20 +0,0 @@
-import react from "react";
-import clsx from "clsx";
-import Base from "../Base/index.js";
-const LinkBase_LinkBase = /*#__PURE__*/ react.forwardRef(function({ underline = true, defaultStyle = true, className, children, ...props }, ref) {
-    return /*#__PURE__*/ react.createElement(Base, {
-        as: "a",
-        ref: ref,
-        className: clsx(className, {
-            'ds-link': defaultStyle,
-            'ds-link--no-underline': !underline
-        }),
-        ...props.as && {
-            defaultStyle: defaultStyle,
-            underline: underline
-        },
-        ...props
-    }, children);
-});
-const src_LinkBase = LinkBase_LinkBase;
-export { LinkBase_LinkBase as LinkBase, src_LinkBase as default };

package/List/index.d.ts

@@ -1,33 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../Base/index.js';
-export interface ListProps extends BaseProps<'ol'> {
-    /**
-     * listStyle is optional. By default, the list style is none.
-     * @value 'bullet'
-     * @value 'number'
-     * @value 'none'
-     * @default 'none'
-     */
-    listStyle?: 'bullet' | 'number' | 'none';
-    /**
-     * dense is optional. Use it to add less space between the list items.
-     * @value true
-     * @value false
-     * @default true
-     */
-    dense?: boolean;
-    /**
-     * layout is optional.
-     * Use it to display the list items horizontally or vertically.
-     * @value 'horizontal'
-     * @value 'vertical'
-     * @default 'vertical'
-     */
-    layout?: 'horizontal' | 'vertical';
-}
-/**
- * List component is used for listing items.
- * This component must contain ListItem component.
- */
-export declare const List: React.ForwardRefExoticComponent<Omit<ListProps, "ref"> & React.RefAttributes<HTMLOListElement>>;
-export default List;

package/List/index.js

@@ -1,19 +0,0 @@
-import react from "react";
-import clsx from "clsx";
-import Base from "../Base/index.js";
-const List_List = /*#__PURE__*/ react.forwardRef(function({ listStyle = 'none', dense = true, layout, className, children, ...props }, ref) {
-    return /*#__PURE__*/ react.createElement(Base, {
-        as: "ol",
-        ref: ref,
-        className: clsx(className, {
-            'ds-list': true,
-            'ds-list--bullet': 'bullet' === listStyle,
-            'ds-list--number': 'number' === listStyle,
-            'ds-list--spaced': !dense,
-            'ds-list--horizontal': 'horizontal' === layout
-        }),
-        ...props
-    }, children);
-});
-const src_List = List_List;
-export { List_List as List, src_List as default };

package/ListItem/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../Base/index.js';
-export interface ListItemProps extends BaseProps<'li'> {
-}
-/**
- * ListItem must be inside List compoenent.
- */
-export declare const ListItem: React.ForwardRefExoticComponent<Omit<ListItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
-export default ListItem;

package/ListItem/index.js

@@ -1,15 +0,0 @@
-import react from "react";
-import clsx from "clsx";
-import Base from "../Base/index.js";
-const ListItem_ListItem = /*#__PURE__*/ react.forwardRef(function({ className, children, ...props }, ref) {
-    return /*#__PURE__*/ react.createElement(Base, {
-        as: "li",
-        ref: ref,
-        className: clsx(className, {
-            'ds-list__item': true
-        }),
-        ...props
-    }, children);
-});
-const src_ListItem = ListItem_ListItem;
-export { ListItem_ListItem as ListItem, src_ListItem as default };

package/LoaderContainer/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../Base/index.js';
-export interface LoaderContainerProps extends BaseProps<'div'> {
-}
-/**
- * LoaderContainer contains the svg icon that is being displayed in the page and works as a loading indicator.
- */
-export declare const LoaderContainer: React.ForwardRefExoticComponent<Omit<LoaderContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default LoaderContainer;

package/LoaderContainer/index.js

@@ -1,15 +0,0 @@
-import react from "react";
-import clsx from "clsx";
-import Base from "../Base/index.js";
-const LoaderContainer_LoaderContainer = /*#__PURE__*/ react.forwardRef(function({ children, className, ...props }, ref) {
-    return /*#__PURE__*/ react.createElement(Base, {
-        as: "div",
-        ref: ref,
-        className: clsx(className, {
-            'ds-loader': true
-        }),
-        ...props
-    }, children);
-});
-const src_LoaderContainer = LoaderContainer_LoaderContainer;
-export { LoaderContainer_LoaderContainer as LoaderContainer, src_LoaderContainer as default };

package/Main/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { GridProps } from '../Grid/index.js';
-export interface MainProps extends GridProps {
-}
-/**
- * Use this inside Container component for placing the main content of the page.
- */
-export declare const Main: React.ForwardRefExoticComponent<Omit<MainProps, "ref"> & React.RefAttributes<HTMLElement>>;
-export default Main;

package/Main/index.js

@@ -1,19 +0,0 @@
-import react from "react";
-import clsx from "clsx";
-import Grid from "../Grid/index.js";
-const Main_Main = /*#__PURE__*/ react.forwardRef(function({ className, children, id = 'main-content', ...props }, ref) {
-    return /*#__PURE__*/ react.createElement(Grid, {
-        item: true,
-        xs: 12,
-        md: 8,
-        as: "main",
-        id: id,
-        ref: ref,
-        className: clsx(className, {
-            'ds-main': true
-        }),
-        ...props
-    }, children);
-});
-const src_Main = Main_Main;
-export { Main_Main as Main, src_Main as default };

package/Masthead/index.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../Base/index.js';
-export interface MastheadProps extends BaseProps<'section'> {
-    /**
-     *
-     * color prop changes the background color of MastHead component.
-     * default value is primary.
-     * @value 'primary'
-     * @value 'secondary'
-     * @default 'primary'
-     */
-    color?: 'primary' | 'secondary';
-}
-/**
- * Use the Masthead on the top of the page.
- */
-export declare const Masthead: React.ForwardRefExoticComponent<Omit<MastheadProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default Masthead;

package/Masthead/index.js

@@ -1,18 +0,0 @@
-import react from "react";
-import clsx from "clsx";
-import Base from "../Base/index.js";
-const Masthead_Masthead = /*#__PURE__*/ react.forwardRef(function({ className, children, color = 'primary', ...props }, ref) {
-    return /*#__PURE__*/ react.createElement(Base, {
-        as: "section",
-        ref: ref,
-        className: clsx(className, {
-            'ds-masthead': true,
-            'ds-background-dark': 'primary' === color,
-            'ds-masthead--primary': 'primary' === color,
-            'ds-masthead--secondary': 'secondary' === color
-        }),
-        ...props
-    }, children);
-});
-const src_Masthead = Masthead_Masthead;
-export { Masthead_Masthead as Masthead, src_Masthead as default };

package/MastheadBody/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../Base/index.js';
-export interface MastheadBodyProps extends BaseProps<'p'> {
-}
-/**
- * Use the MastheadBody inside Masthead an you can wrap your content inside Main component.
- */
-export declare const MastheadBody: React.ForwardRefExoticComponent<Omit<MastheadBodyProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-export default MastheadBody;

package/MastheadBody/index.js

@@ -1,15 +0,0 @@
-import react from "react";
-import clsx from "clsx";
-import Base from "../Base/index.js";
-const MastheadBody_MastheadBody = /*#__PURE__*/ react.forwardRef(function({ className, children, ...props }, ref) {
-    return /*#__PURE__*/ react.createElement(Base, {
-        as: "p",
-        ref: ref,
-        className: clsx(className, {
-            'ds-masthead__body': true
-        }),
-        ...props
-    }, children);
-});
-const src_MastheadBody = MastheadBody_MastheadBody;
-export { MastheadBody_MastheadBody as MastheadBody, src_MastheadBody as default };

package/MastheadLogo/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../Base/index.js';
-export interface MastheadLogoProps extends BaseProps<'img'> {
-}
-/**
- * MastheadLogo is a component for logos and images in the masthead.
- * It is used inside to Masthead.
- *
- */
-export declare const MastheadLogo: React.ForwardRefExoticComponent<Omit<MastheadLogoProps, "ref"> & React.RefAttributes<HTMLImageElement>>;
-export default MastheadLogo;

package/MastheadLogo/index.js

@@ -1,16 +0,0 @@
-import react from "react";
-import clsx from "clsx";
-import Base from "../Base/index.js";
-const MastheadLogo_MastheadLogo = /*#__PURE__*/ react.forwardRef(function({ className, children, alt = 'masthead logo', ...props }, ref) {
-    return /*#__PURE__*/ react.createElement(Base, {
-        as: "img",
-        ref: ref,
-        className: clsx(className, {
-            'ds-masthead__logo': true
-        }),
-        ...props,
-        alt: alt
-    }, children);
-});
-const src_MastheadLogo = MastheadLogo_MastheadLogo;
-export { MastheadLogo_MastheadLogo as MastheadLogo, src_MastheadLogo as default };

package/ModalAction/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../Base/index.js';
-export interface ModalActionProps extends BaseProps<'div'> {
-}
-/**
- * ModelAction contains the action behavior for Modal Component.
- * We can use links, Buttons or ButtonGroup with max of two buttons
- * Use ModalAction inside Modal component as childern
- */
-export declare const ModalAction: React.ForwardRefExoticComponent<Omit<ModalActionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default ModalAction;

package/ModalAction/index.js

@@ -1,15 +0,0 @@
-import react from "react";
-import clsx from "clsx";
-import Base from "../Base/index.js";
-const ModalAction_ModalAction = /*#__PURE__*/ react.forwardRef(function({ className, children, ...props }, ref) {
-    return /*#__PURE__*/ react.createElement(Base, {
-        as: "div",
-        ref: ref,
-        className: clsx(className, {
-            'ds-modal__action': true
-        }),
-        ...props
-    }, children);
-});
-const src_ModalAction = ModalAction_ModalAction;
-export { ModalAction_ModalAction as ModalAction, src_ModalAction as default };

package/ModalContainer/index.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../Base/index.js';
-export interface ModalContainerProps extends BaseProps<'div'> {
-    /**
-     * @value true
-     * @value false
-     */
-    open?: boolean;
-    /**
-     * dense is optional.
-     * @value true ModalContainer and its children will be dense.
-     * @value false
-     * @default false
-     */
-    dense?: boolean;
-    /**
-     * gaps is optional.
-     * @value false there will be no extra gaps among children components.
-     * @value true
-     * @default true
-     */
-    gaps?: boolean;
-}
-/**
- * Modals can be used to open a pop-up dialog box and provide critical information
- * or ask for a decision. Modals disable all app functionality when they appear, and
- * remain on screen until confirmed, dismissed, or a required action has been taken
- * Use Modal as parent component to wrap ModalHeading, ModalText and ModalAction components
- */
-export declare const ModalContainer: React.ForwardRefExoticComponent<Omit<ModalContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default ModalContainer;

package/ModalContainer/index.js

@@ -1,23 +0,0 @@
-import react from "react";
-import clsx from "clsx";
-import Base from "../Base/index.js";
-const ModalContainer_ModalContainer = /*#__PURE__*/ react.forwardRef(function({ className, gaps = true, children, open, dense, ...props }, ref) {
-    return /*#__PURE__*/ react.createElement(Base, {
-        ref: ref,
-        as: "div",
-        className: clsx(className, {
-            'ds-modal-container': true,
-            'ds-modal-container--open': open,
-            'ds-modal-container--dense': dense
-        }),
-        ...props
-    }, /*#__PURE__*/ react.createElement(Base, {
-        as: "div",
-        className: "ds-modal"
-    }, gaps ? /*#__PURE__*/ react.createElement(Base, {
-        as: "div",
-        className: "ds-modal__body"
-    }, children) : children));
-});
-const src_ModalContainer = ModalContainer_ModalContainer;
-export { ModalContainer_ModalContainer as ModalContainer, src_ModalContainer as default };

package/ModalContent/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../Base/index.js';
-export interface ModalContentProps extends BaseProps<'div'> {
-}
-/**
- * ModalContent contains the text or any other element for Modal Component
- * Use ModalContent  inside Modal component as children
- */
-export declare const ModalContent: React.ForwardRefExoticComponent<Omit<ModalContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default ModalContent;

package/ModalContent/index.js

@@ -1,15 +0,0 @@
-import react from "react";
-import clsx from "clsx";
-import Base from "../Base/index.js";
-const ModalContent_ModalContent = /*#__PURE__*/ react.forwardRef(function({ className, children, ...props }, ref) {
-    return /*#__PURE__*/ react.createElement(Base, {
-        as: "div",
-        ref: ref,
-        className: clsx(className, {
-            'ds-modal__content': true
-        }),
-        ...props
-    }, children);
-});
-const src_ModalContent = ModalContent_ModalContent;
-export { ModalContent_ModalContent as ModalContent, src_ModalContent as default };

package/ModalHeading/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { HeadingProps } from '../Heading/index.js';
-export interface ModalHeadingProps extends HeadingProps {
-}
-/**
- * ModalHeading gives header title to Modal Component
- * Use ModalHeading inside Modal component as children
- */
-export declare const ModalHeading: React.ForwardRefExoticComponent<Omit<ModalHeadingProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default ModalHeading;

package/ModalHeading/index.js

@@ -1,12 +0,0 @@
-import react from "react";
-import Heading from "../Heading/index.js";
-const ModalHeading_ModalHeading = /*#__PURE__*/ react.forwardRef(function({ children, ...props }, ref) {
-    return /*#__PURE__*/ react.createElement(Heading, {
-        ref: ref,
-        size: "md",
-        element: "h2",
-        ...props
-    }, children);
-});
-const src_ModalHeading = ModalHeading_ModalHeading;
-export { ModalHeading_ModalHeading as ModalHeading, src_ModalHeading as default };

package/Nav/index.d.ts

@@ -1,49 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../Base/index.js';
-export interface NavProps extends BaseProps<'nav'> {
-    /**
-     * open is optional.
-     * use this prop to control the navigation's visibility when it's a drawer.
-     * @value true
-     * @value false
-     * @default false
-     */
-    open?: boolean;
-    /**
-     * border is optional.
-     * border prop contains border-bottom styling.
-     * @value true
-     * @value false
-     * @default true
-     */
-    border?: boolean;
-    /**
-     * drawer is optional.
-     * drawer prop allows element to be positioned relative to the viewport.
-     * Use this prop only if you want to implement responsive drawer navigation and you have a button to toggle the drawer open and closed.
-     * @value 'never' the navigation will never be drawer
-     * @value 'smDown' the navigation will be drawer on small screens only
-     * @value 'mdDown' the navigation will be drawer on medium screens and below
-     * @value 'lgDown' the navigation will be drawer on large screens and below
-     * @value 'always' the navigation will be drawer on all screen sizes
-     * @default 'never'
-     */
-    drawer?: 'never' | 'smDown' | 'mdDown' | 'lgDown' | 'always';
-    /**
-     * onClose makes a CloseButton component visible when the Nav is drawer.
-     * Use this prop to close the drawer when close button is clicked, passing a callback function.
-     * Make sure that the drawer prop is not 'never'.
-     */
-    onClose?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    /**
-     * closeButtonLabel is optional.
-     * Use this prop to add text beside the close icon. For example: 'Κλείσιμο'.
-     */
-    closeButtonLabel?: string;
-}
-/**
- * Nav is mainly used under the Header.
- * This is a wrapper for the NavList component.
- */
-export declare const Nav: React.ForwardRefExoticComponent<Omit<NavProps, "ref"> & React.RefAttributes<HTMLElement>>;
-export default Nav;

package/Nav/index.js

@@ -1,28 +0,0 @@
-import react from "react";
-import clsx from "clsx";
-import Base from "../Base/index.js";
-import CloseButton from "../CloseButton/index.js";
-const Nav_Nav = /*#__PURE__*/ react.forwardRef(function({ className, open, drawer = 'never', onClose, closeButtonLabel, border = true, children, ...props }, ref) {
-    return /*#__PURE__*/ react.createElement(Base, {
-        as: "nav",
-        ref: ref,
-        className: clsx(className, {
-            'ds-nav': true,
-            'ds-nav--border': border,
-            'ds-nav--hidden': 'never' != drawer && !open,
-            'ds-nav--drawer-smDown': 'smDown' === drawer,
-            'ds-nav--drawer-mdDown': 'mdDown' === drawer,
-            'ds-nav--drawer-lgDown': 'lgDown' === drawer,
-            'ds-nav--drawer': 'always' === drawer
-        }),
-        ...props
-    }, onClose && 'never' !== drawer && /*#__PURE__*/ react.createElement(CloseButton, {
-        smUpHidden: 'smDown' === drawer,
-        mdUpHidden: 'mdDown' === drawer,
-        lgUpHidden: 'lgDown' === drawer,
-        onClick: (e)=>onClose(e),
-        label: closeButtonLabel
-    }), children);
-});
-const src_Nav = Nav_Nav;
-export { Nav_Nav as Nav, src_Nav as default };

package/NavList/index.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../Base/index.js';
-export interface NavListProps extends BaseProps<'ul'> {
-    /**
-     * active prop sets active background color to the nav list.
-     * @value true
-     * @value false
-     * @default false
-     */
-    active?: boolean;
-    /**
-     * layout prop sets the display layout for the nav list
-     * @value 'vertical'
-     * @value 'horizontal'
-     * @default 'horizontal'
-     */
-    layout?: 'vertical' | 'horizontal';
-    /**
-     * fullWidth gives to the nav list full width.
-     * @value true
-     * @value false
-     * @default true
-     */
-    fullWidth?: boolean;
-}
-/**
- * NavList must be inside the Nav.
- * This component has a list of NavListItem component inside.
- */
-export declare const NavList: React.ForwardRefExoticComponent<Omit<NavListProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
-export default NavList;

package/NavList/index.js

@@ -1,19 +0,0 @@
-import react from "react";
-import clsx from "clsx";
-import Base from "../Base/index.js";
-const NavList_NavList = /*#__PURE__*/ react.forwardRef(function({ className, active = false, layout = 'horizontal', fullWidth, children, ...props }, ref) {
-    return /*#__PURE__*/ react.createElement(Base, {
-        as: "ul",
-        ref: ref,
-        className: clsx(className, {
-            'ds-nav__list': true,
-            'ds-nav__list--active': active,
-            'ds-nav__list--horizontal': 'horizontal' === layout,
-            'ds-nav__list--vertical': 'vertical' === layout,
-            'ds-nav__list--full-width': fullWidth
-        }),
-        ...props
-    }, children);
-});
-const src_NavList = NavList_NavList;
-export { NavList_NavList as NavList, src_NavList as default };