npm - @julseb-lib/react - Versions diffs - 0.0.51 → 0.0.52 - Mend

@julseb-lib/react 0.0.51 → 0.0.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1132) hide show

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
     "name": "@julseb-lib/react",
     "private": false,
-    "version": "0.0.51",
+    "version": "0.0.52",
     "type": "module",
     "scripts": {
         "dev": "vite",
@@ -66,5 +66,37 @@
         "vite": "^5.4.10",
         "vite-plugin-checker": "^0.8.0",
         "vite-plugin-dts": "^4.3.0"
+    },
+    "files": [
+        "dist"
+    ],
+    "main": "./dist/julseb-lib-react.es.umd.js",
+    "module": "./dist/julseb-lib-react.es.es.js",
+    "types": "./dist/julseb-lib-react.d.ts",
+    "exports": {
+        ".": {
+            "import": "./dist/tsx-library-julseb.es.js",
+            "require": "./dist/tsx-library-julseb.umd.js",
+            "types": "./dist/index.d.ts",
+            "default": "./dist/tsx-library-julseb.cjs.js"
+        },
+        "./index.css": {
+            "import": "./dist/index.css",
+            "require": "./dist/index.css",
+            "default": "./dist/index.css"
+        },
+        "./types": {
+            "import": "./dist/types/index.d.ts",
+            "require": "./dist/types/index.d.ts",
+            "types": "./dist/types/index.d.ts",
+            "default": "./dist/types/index.d.ts"
+        }
+    },
+    "typesVersions": {
+        "*": {
+            "types": [
+                "./dist/lib/types/global.d.ts"
+            ]
+        }
     }
 }

package/.prettierrc DELETED Viewed

@@ -1,5 +0,0 @@
-{
-    "arrowParens": "avoid",
-    "semi": false,
-    "tabWidth": 4
-}

package/cypress/fixtures/example.json DELETED Viewed

@@ -1,5 +0,0 @@
-{
-  "name": "Using fixtures to represent data",
-  "email": "hello@cypress.io",
-  "body": "Fixtures are a great way to mock data for responses to routes"
-}

package/cypress/index.d.ts DELETED Viewed

@@ -1,5 +0,0 @@
-declare namespace Cypress {
-    interface Chainable {
-        dataTest(id?: string): Chainable<any>
-    }
-}

package/cypress/screenshots/ButtonGroup/__tests__/ButtonGroup.cy.tsx/ButtonGroup -- renders first button as ButtonIcon (failed).png DELETED Viewed

Binary file

package/cypress/screenshots/Datepicker/__tests__/Datepicker.cy.tsx/Datepicker -- renders Datepicker component (failed).png DELETED Viewed

Binary file

package/cypress/screenshots/Paginator/__tests__/Paginator.cy.tsx/Paginator -- renders text instead of an input (failed).png DELETED Viewed

Binary file

package/cypress/screenshots/ProgressBar/__tests__/ProgressBar.cy.tsx/ProgressBar -- renders without animation (failed).png DELETED Viewed

Binary file

package/cypress/support/commands.ts DELETED Viewed

@@ -1,52 +0,0 @@
-/// <reference types="cypress" />
-// ***********************************************
-// This example commands.ts shows you how to
-// create various custom commands and overwrite
-// existing commands.
-//
-// For more comprehensive examples of custom
-// commands please read more here:
-// https://on.cypress.io/custom-commands
-// ***********************************************
-//
-//
-// -- This is a parent command --
-// Cypress.Commands.add('login', (email, password) => { ... })
-//
-//
-// -- This is a child command --
-// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
-//
-//
-// -- This is a dual command --
-// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
-//
-//
-// -- This will overwrite an existing command --
-// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
-//
-// declare global {
-//   namespace Cypress {
-//     interface Chainable {
-//       login(email: string, password: string): Chainable<void>
-//       drag(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
-//       dismiss(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
-//       visit(originalFn: CommandOriginalFn, url: string, options: Partial<VisitOptions>): Chainable<Element>
-//     }
-//   }
-// }
-Cypress.Commands.add("dataTest", (id: string = "testid") =>
-    cy.get(`[data-testid="${id}"]`)
-)
-export {}
-// declare global {
-//     namespace Cypress {
-//         interface Chainable {
-//             dataTest: (id: string) => Chainable<void>
-//         }
-//     }
-// }

package/cypress/support/component-index.html DELETED Viewed

@@ -1,12 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-        <title>Components App</title>
-    </head>
-    <body>
-        <div data-cy-root></div>
-    </body>
-</html>

package/cypress/support/component.tsx DELETED Viewed

@@ -1,79 +0,0 @@
-// ***********************************************************
-// This example support/component.ts is processed and
-// loaded automatically before your test files.
-//
-// This is a great place to put global configuration and
-// behavior that modifies Cypress.
-//
-// You can change the location of this file or turn off
-// automatically serving support files with the
-// 'supportFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/configuration
-// ***********************************************************
-// Import commands.js using ES2015 syntax:
-import "./commands"
-import "../../src/lib/index.css"
-// Alternatively you can use CommonJS syntax:
-// require('./commands')
-import type { ReactNode } from "react"
-import { mount, type MountOptions, type MountReturn } from "cypress/react18"
-import { type MemoryRouterProps, MemoryRouter } from "react-router-dom"
-// Augment the Cypress namespace to include type definitions for
-// your custom command.
-// Alternatively, can be defined in cypress/support/component.d.ts
-// with a <reference path="./component" /> at the top of your spec.
-declare global {
-    // eslint-disable-next-line
-    namespace Cypress {
-        interface Chainable {
-            mount(
-                component: ReactNode,
-                options?: MountOptions & { routerProps?: MemoryRouterProps }
-            ): Cypress.Chainable<MountReturn>
-            // before(el: ReactNode, property: string): Cypress.Chainable
-            before(
-                testid: Cypress.Chainable<any>,
-                propertyValue: string,
-                expectedValue: string | null
-            ): Cypress.Chainable
-        }
-    }
-}
-beforeEach(() => {
-    cy.viewport(1200, 800)
-})
-Cypress.Commands.add("mount", (components, options = {}) => {
-    const { routerProps = { initialEntries: ["/"] }, ...mountOptions } = options
-    const wrapped = (
-        <MemoryRouter {...routerProps}>
-            <div style={{ padding: 48 }}>{components}</div>
-        </MemoryRouter>
-    )
-    return mount(wrapped, mountOptions)
-})
-// Example use:
-// cy.mount(<MyComponent />)
-Cypress.Commands.add("before", (testid, propertyValue, expectedValue) => {
-    testid.within($el => {
-        cy.window().then(win => {
-            const before = win.getComputedStyle($el[0], "::before")
-            const property = before.getPropertyValue(propertyValue)
-            expect(property).to.equal(expectedValue)
-        })
-    })
-})
-// Example
-// cy.before(cy.dataTest(), "background-color", LIB_TOKENS.colors.light["secondary-500"].rgb)

package/cypress/tsconfig.json DELETED Viewed

@@ -1,9 +0,0 @@
-{
-    "compilerOptions": {
-        "jsx": "react-jsx",
-        "types": [
-            "cypress",
-            "node"
-        ]
-    },
-}

package/cypress.config.ts DELETED Viewed

@@ -1,10 +0,0 @@
-const { defineConfig } = require("cypress")
-module.exports = defineConfig({
-    component: {
-        devServer: {
-            framework: "react",
-            bundler: "vite",
-        },
-    },
-})

package/eslint.config.js DELETED Viewed

@@ -1,82 +0,0 @@
-import globals from "globals"
-import pluginJs from "@eslint/js"
-import tseslint from "typescript-eslint"
-import pluginReactConfig from "eslint-plugin-react/configs/recommended.js"
-import { fixupConfigRules } from "@eslint/compat"
-export default [
-    { files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"] },
-    { languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } } },
-    { languageOptions: { globals: globals.browser } },
-    pluginJs.configs.recommended,
-    ...tseslint.configs.recommended,
-    ...fixupConfigRules(pluginReactConfig),
-    {
-        rules: {
-            "no-duplicate-imports": "error",
-            "react/react-in-jsx-scope": "off",
-            "react/no-unescaped-entities": "off",
-            "react/display-name": "off",
-            "@typescript-eslint/no-explicit-any": "off",
-            "no-case-declarations": "off",
-            "@typescript-eslint/no-unused-vars": [
-                "warn",
-                {
-                    vars: "all",
-                    args: "after-used",
-                    ignoreRestSiblings: true,
-                    destructuredArrayIgnorePattern: "[_]",
-                },
-            ],
-            "@typescript-eslint/ban-types": "off",
-            "no-constant-binary-expression": "off",
-            "@typescript-eslint/ban-ts-comment": "off",
-            "no-useless-escape": "off",
-            "no-irregular-whitespace": "off",
-            "@typescript-eslint/consistent-type-imports": "warn",
-            "@typescript-eslint/no-unused-expressions": "warn",
-            "@typescript-eslint/no-non-null-asserted-optional-chain": "off",
-            "@typescript-eslint/consistent-indexed-object-style": "off",
-            "@typescript-eslint/no-inferrable-types": "off",
-            "react/function-component-definition": [
-                "warn",
-                {
-                    namedComponents: ["arrow-function"],
-                },
-            ],
-            "react/jsx-key": "warn",
-            "@typescript-eslint/consistent-type-definitions": "off",
-            "@typescript-eslint/array-type": [
-                "warn",
-                {
-                    default: "generic",
-                    readonly: "generic",
-                },
-            ],
-            "no-restricted-exports": [
-                "warn",
-                { restrictDefaultExports: { direct: true } },
-            ],
-            "react/prop-types": "off",
-            "no-empty-pattern": "warn",
-            "@typescript-eslint/no-empty-object-type": [
-                "warn",
-                { allowInterfaces: "with-single-extends" },
-            ],
-            // "prefer-arrow-callback": "warn",
-        },
-    },
-    {
-        ignores: [
-            "eslint.config.js",
-            "cypress.config.ts",
-            "plop/*",
-            "vite.config.ts",
-            "dist",
-        ],
-    },
-    {
-        files: ["src/*"],
-    },
-]

package/index.html DELETED Viewed

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>

package/public/vite.svg DELETED Viewed

@@ -1 +0,0 @@

- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/src/App.tsx DELETED Viewed

@@ -1,22 +0,0 @@
-/*=============================================== App ===============================================*/
-import type { FC } from "react"
-import { RouterProvider } from "react-router-dom"
-import {
-    ThemeProvider,
-    ToasterProviderWrapper,
-    useLibTheme,
-} from "./lib"
-import { router } from "./routes"
-export const App: FC = () => {
-    const { theme } = useLibTheme()
-    return (
-        <ThemeProvider theme={theme}>
-            <ToasterProviderWrapper>
-                <RouterProvider router={router} />
-            </ToasterProviderWrapper>
-        </ThemeProvider>
-    )
-}

package/src/components/BaseCard.tsx DELETED Viewed

@@ -1,20 +0,0 @@
-/*=============================================== BaseCard ===============================================*/
-import styled from "styled-components"
-import { Mixins, RADIUSES, SPACERS, setDefaultTheme } from "../lib"
-const BaseCard = styled.div`
-    width: 100%;
-    border: 1px solid ${({ theme }) => theme.GRAY_200};
-    border-radius: ${RADIUSES.M};
-    overflow: hidden;
-    padding: ${SPACERS.S};
-    ${Mixins.Flexbox({
-        $alignItems: "center",
-        $gap: "s",
-    })};
-`
-setDefaultTheme([BaseCard])
-export { BaseCard }

package/src/components/BasePage.tsx DELETED Viewed

@@ -1,26 +0,0 @@
-/*=============================================== BasePage ===============================================*/
-import { Helmet } from "../lib"
-import { ResetScroll } from "./ResetScroll"
-import { SITE_DATA } from "../data"
-import type { ReactChildren } from "../lib/types"
-export interface BasePageProps {
-    title: string
-    children?: ReactChildren
-}
-export const BasePage = ({ title, children }: BasePageProps) => {
-    return (
-        <>
-            <Helmet
-                title={`${title} | ${SITE_DATA.TITLE}`}
-                favicon={SITE_DATA.FAVICON}
-            />
-            <ResetScroll />
-            {children}
-        </>
-    )
-}

package/src/components/ColorCard/ColorCard.tsx DELETED Viewed

@@ -1,41 +0,0 @@
-/*=============================================== ColorCard ===============================================*/
-import { Text } from "../../lib"
-import { StyledColorCard, Square, CardContent } from "./styles"
-import type { ColorCardProps } from "./types"
-export const ColorCard = ({ color, overlay }: ColorCardProps) => {
-    const name = color?.name || overlay?.name
-    const variable = color?.variable || overlay?.name
-    const css = color?.css || overlay?.css
-    const hex = color?.hex
-    const rgb = color?.rgb
-    const value = overlay?.value
-    const items: Array<{ title: string; content: string }> = [
-        { title: "Variable", content: variable! },
-        { title: "CSS", content: css! },
-        hex ? { title: "Hex", content: hex } : undefined,
-        rgb ? { title: "RGB", content: rgb } : undefined,
-        value ? { title: "Value", content: value } : undefined,
-    ].filter(v => v !== undefined)
-    return (
-        <StyledColorCard>
-            <Square $background={css!} />
-            <CardContent>
-                <Text tag="h5">{name}</Text>
-                {items.map(({ title, content }) => (
-                    <Text key={title}>
-                        <strong>{title}: </strong>
-                        {content}
-                    </Text>
-                ))}
-            </CardContent>
-        </StyledColorCard>
-    )
-}

package/src/components/ColorCard/index.ts DELETED Viewed

@@ -1,3 +0,0 @@
-/*=============================================== Exports ===============================================*/
-export * from "./ColorCard"

package/src/components/ColorCard/styles.tsx DELETED Viewed

@@ -1,28 +0,0 @@
-/*=============================================== ColorCard styles ===============================================*/
-import styled from "styled-components"
-import { Mixins, SPACERS, setDefaultTheme } from "../../lib"
-import { BaseCard } from "../BaseCard"
-const StyledColorCard = styled(BaseCard)``
-const SQUARE_SIZE = 120
-const Square = styled.span<{ $background: string }>`
-    width: ${SQUARE_SIZE}px;
-    height: ${SQUARE_SIZE}px;
-    background: ${({ $background }) => $background};
-    display: block;
-`
-const CardContent = styled.div`
-    width: calc(100% - ${SQUARE_SIZE}px - ${SPACERS.S});
-    ${Mixins.Flexbox({
-        $flexDirection: "column",
-        $alignItems: "stretch",
-    })}
-`
-setDefaultTheme([StyledColorCard, Square, CardContent])
-export { StyledColorCard, Square, CardContent }

package/src/components/ColorCard/types.ts DELETED Viewed

@@ -1,11 +0,0 @@
-/*=============================================== ColorCard types ===============================================*/
-import type { RequireAtLeastOne } from "../../lib/types"
-import type { Color, Variable } from "../../data/types"
-interface CardProps {
-    color?: Color
-    overlay?: Variable
-}
-export type ColorCardProps = RequireAtLeastOne<CardProps, "color" | "overlay">

package/src/components/ComponentPreview.tsx DELETED Viewed

@@ -1,47 +0,0 @@
-/*=============================================== ComponentPreview ===============================================*/
-import type { FC, ForwardRefExoticComponent, RefAttributes } from "react"
-import { Flexbox, Text } from "../lib"
-interface IComponentPreviewContent {
-    component: FC | ForwardRefExoticComponent<any & RefAttributes<any>> | null
-    props?: any
-    demo?: JSX.Element
-}
-const ComponentPreviewContent = ({
-    component,
-    props,
-    demo,
-}: IComponentPreviewContent) => {
-    const Component = component as any
-    if (demo) return demo
-    if (props) return <Component {...props} />
-    return null
-}
-interface IComponentPreview extends IComponentPreviewContent {
-    previewTitle?: string
-    noStretch?: boolean
-}
-export const ComponentPreview = ({
-    previewTitle,
-    noStretch,
-    ...rest
-}: IComponentPreview) => {
-    return previewTitle ? (
-        <Flexbox
-            flexDirection="column"
-            gap="s"
-            alignItems={noStretch ? "flex-start" : "stretch"}
-        >
-            <Text tag="h4">{previewTitle}</Text>
-            <ComponentPreviewContent {...rest} />
-        </Flexbox>
-    ) : (
-        <ComponentPreviewContent {...rest} />
-    )
-}

package/src/components/CoverLayout.tsx DELETED Viewed

@@ -1,99 +0,0 @@
-/*=============================================== CoverLayout ===============================================*/
-import { BasePage } from "./"
-import { Text, Wrapper, Main } from "../lib"
-export const CoverLayout = ({ title, children }: ICoverLayout) => {
-    return (
-        <BasePage title={title}>
-            {children}
-            <Wrapper backgroundColor="white">
-                <Main>
-                    <Text>
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-                        Aenean tempus mi augue. Aenean iaculis dolor purus. Orci
-                        varius natoque penatibus et magnis dis parturient
-                        montes, nascetur ridiculus mus. Quisque lectus risus,
-                        luctus at luctus eget, gravida vitae odio. Aliquam
-                        commodo fermentum odio at egestas. Sed rutrum commodo
-                        auctor. Sed eu ullamcorper mi, accumsan lacinia urna.
-                        Duis non placerat urna. Suspendisse vel mi eros. Mauris
-                        rutrum sit amet erat at volutpat. In facilisis molestie
-                        gravida. Nullam lorem nisi, porta vel arcu nec, cursus
-                        sagittis nisl. Etiam consequat sed urna eu tincidunt.
-                        Cras sit amet justo eget est vestibulum aliquet et vitae
-                        elit.
-                    </Text>
-                    <Text>
-                        Nunc fermentum egestas orci. Aenean vehicula massa a
-                        lectus imperdiet sodales. Integer finibus mauris dolor,
-                        non aliquam lectus dignissim et. Ut bibendum augue nec
-                        mattis consectetur. Vestibulum interdum leo vel tellus
-                        fringilla bibendum quis ut tellus. Curabitur lacus diam,
-                        condimentum a ullamcorper nec, facilisis faucibus nisl.
-                        Quisque euismod massa et erat mollis auctor. Sed aliquet
-                        elit enim, in dictum eros fringilla vitae. Nulla laoreet
-                        felis leo, eget faucibus tellus tincidunt vel. Nam eget
-                        congue felis. Fusce commodo posuere libero, ut
-                        vestibulum sem efficitur et. Maecenas eros neque, auctor
-                        eget odio vitae, molestie cursus dui. Vestibulum dapibus
-                        elit non magna gravida, vel pulvinar dolor tempor. Nunc
-                        vehicula sem orci, vel tempor mauris accumsan vitae.
-                        Praesent at scelerisque elit.
-                    </Text>
-                    <Text>
-                        Donec ultrices sit amet massa at semper. Cras quam
-                        mauris, tempor a luctus vel, lacinia vel dui. In eget
-                        pellentesque purus. Integer tempus, tortor vitae
-                        malesuada feugiat, velit quam consequat magna, vitae
-                        venenatis risus purus a ante. Class aptent taciti
-                        sociosqu ad litora torquent per conubia nostra, per
-                        inceptos himenaeos. Aenean quis cursus ipsum. Proin
-                        scelerisque metus sed pellentesque viverra. Proin
-                        consequat ante risus, quis euismod metus varius non. Sed
-                        varius tortor sed nunc pulvinar consequat. Etiam tortor
-                        odio, aliquam ac est et, consequat fringilla justo.
-                        Mauris in nibh nec neque blandit pulvinar. Sed dapibus
-                        elit nulla, nec fringilla neque dignissim non. Phasellus
-                        eu facilisis urna. Vivamus feugiat convallis ligula, id
-                        congue tellus tincidunt vitae. Aliquam bibendum sed erat
-                        porta molestie.
-                    </Text>
-                    <Text>
-                        Donec non cursus est. Vestibulum ante ipsum primis in
-                        faucibus orci luctus et ultrices posuere cubilia curae;
-                        Proin elementum consectetur orci ac faucibus. Sed
-                        sodales dolor lorem, consectetur sollicitudin nunc
-                        viverra eget. Aliquam eget tortor ultrices neque commodo
-                        bibendum. Mauris tellus lacus, posuere eget tincidunt
-                        ac, maximus sit amet turpis. Donec in quam eget quam
-                        pulvinar feugiat. Morbi ante dolor, rhoncus a pharetra
-                        in, laoreet eget odio. Donec commodo ligula ac gravida
-                        aliquam. Nam ac lorem at turpis facilisis tempus et
-                        egestas libero.
-                    </Text>
-                    <Text>
-                        Nulla gravida, quam a ultrices molestie, ante nisl
-                        commodo nibh, eget elementum ligula ex eget ante. Sed
-                        elementum quam nec diam pellentesque vehicula. Phasellus
-                        elementum lacus ligula. Vivamus ornare eros at purus
-                        vehicula, vel pulvinar diam hendrerit. Sed non nulla
-                        fringilla, venenatis dui ut, ultrices nunc. Nam libero
-                        arcu, varius eget lacus sit amet, facilisis ullamcorper
-                        nibh. Duis vel neque tellus.
-                    </Text>
-                </Main>
-            </Wrapper>
-        </BasePage>
-    )
-}
-interface ICoverLayout {
-    title: string
-    children?: any
-}