@gustavo-valsechi/client 1.3.30 → 1.3.32

package/dist/contexts/modal/index.js

@@ -1,92 +0,0 @@
-"use client";
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var modal_exports = {};
-__export(modal_exports, {
-  ModalProvider: () => ModalProviderContainer,
-  useModal: () => useModal
-});
-module.exports = __toCommonJS(modal_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_navigation = require("next/navigation");
-var import_styles = require("./styles");
-var import_lodash = __toESM(require("lodash"));
-const ModalContext = (0, import_react.createContext)({});
-const memory = [];
-const ModalProviderContainer = ({ children }) => {
-  const pathname = (0, import_navigation.usePathname)();
-  const [modals, setModals] = (0, import_react.useState)([]);
-  (0, import_react.useEffect)(() => {
-    setModals(import_lodash.default.filter(memory, (modal) => modal.type === "fixed"));
-  }, [pathname]);
-  const add = (modal) => {
-    if (import_lodash.default.some(memory, (data) => data.name === modal.name)) return;
-    memory.push(modal);
-    setModals(memory);
-  };
-  const remove = (modalName) => {
-    const index = import_lodash.default.findIndex(memory, (data) => data.name === modalName);
-    memory.slice(index, 1);
-    setModals(memory);
-  };
-  const setProps = (modalName, props) => {
-    const index = import_lodash.default.findIndex(modals, (modal) => modal.name === modalName);
-    const content = import_lodash.default.find(modals, (modal) => modal.name === modalName);
-    if (!content) return;
-    let settedModals = [...modals];
-    settedModals.splice(index, 1, { ...content, props: { ...content.props, ...props } });
-    setModals(settedModals);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    ModalContext.Provider,
-    {
-      value: {
-        value: modals,
-        add,
-        remove,
-        setProps
-      },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Container, { children: import_lodash.default.map(modals, (modal, index) => {
-          const ModalComponent = modal.component;
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalComponent, { ...modal.props }, index);
-        }) }),
-        children
-      ]
-    }
-  );
-};
-const useModal = () => (0, import_react.useContext)(ModalContext);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ModalProvider,
-  useModal
-});

package/dist/contexts/modal/index.mjs

@@ -1,57 +0,0 @@
-"use client";
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { createContext, useContext, useEffect, useState } from "react";
-import { usePathname } from "next/navigation";
-import { Container } from "./styles";
-import _ from "lodash";
-const ModalContext = createContext({});
-const memory = [];
-const ModalProviderContainer = ({ children }) => {
-  const pathname = usePathname();
-  const [modals, setModals] = useState([]);
-  useEffect(() => {
-    setModals(_.filter(memory, (modal) => modal.type === "fixed"));
-  }, [pathname]);
-  const add = (modal) => {
-    if (_.some(memory, (data) => data.name === modal.name)) return;
-    memory.push(modal);
-    setModals(memory);
-  };
-  const remove = (modalName) => {
-    const index = _.findIndex(memory, (data) => data.name === modalName);
-    memory.slice(index, 1);
-    setModals(memory);
-  };
-  const setProps = (modalName, props) => {
-    const index = _.findIndex(modals, (modal) => modal.name === modalName);
-    const content = _.find(modals, (modal) => modal.name === modalName);
-    if (!content) return;
-    let settedModals = [...modals];
-    settedModals.splice(index, 1, { ...content, props: { ...content.props, ...props } });
-    setModals(settedModals);
-  };
-  return /* @__PURE__ */ jsxs(
-    ModalContext.Provider,
-    {
-      value: {
-        value: modals,
-        add,
-        remove,
-        setProps
-      },
-      children: [
-        /* @__PURE__ */ jsx(Container, { children: _.map(modals, (modal, index) => {
-          const ModalComponent = modal.component;
-          return /* @__PURE__ */ jsx(ModalComponent, { ...modal.props }, index);
-        }) }),
-        children
-      ]
-    }
-  );
-};
-const useModal = () => useContext(ModalContext);
-export {
-  ModalProviderContainer as ModalProvider,
-  useModal
-};

package/dist/contexts/modal/styles.js

@@ -1,42 +0,0 @@
-"use client";
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var styles_exports = {};
-__export(styles_exports, {
-  Container: () => Container
-});
-module.exports = __toCommonJS(styles_exports);
-var import_styled_components = __toESM(require("styled-components"));
-const Container = import_styled_components.default.div`
-  
-`;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Container
-});

package/dist/contexts/modal/styles.mjs

@@ -1,8 +0,0 @@
-"use client";
-import styled from "styled-components";
-const Container = styled.div`
-  
-`;
-export {
-  Container
-};

package/dist/contexts/theme/content.js

@@ -1,104 +0,0 @@
-"use client";
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var content_exports = {};
-__export(content_exports, {
-  CommonTheme: () => CommonTheme,
-  Themes: () => Themes
-});
-module.exports = __toCommonJS(content_exports);
-const CommonTheme = {
-  secondary: "#5869da",
-  tertiary: "#629dfd33",
-  positive: "#65c965",
-  negative: "#FF334E",
-  mobileMaxWidth: "650px",
-  mobileMinWidth: "315px"
-};
-const Themes = {
-  light: {
-    primary: "#ffffff",
-    reverse: "#353535",
-    tooltip: "#f2f2f2",
-    t8: "#000000cc",
-    t7: "#000000b3",
-    t6: "#00000099",
-    t5: "#00000080",
-    t4: "#00000066",
-    t3: "#0000004d",
-    t2: "#00000033",
-    t1: "#0000001a",
-    t08: "#00000014",
-    t05: "#0000000d",
-    t03: "#00000007",
-    t02: "#00000005",
-    t01: "#00000002",
-    lgrad: `linear-gradient(
-            to right, 
-            #dadef7 0%, 
-            #dee2f8 5%, 
-            #e2e5f9 10%, 
-            #e6e9fa 20%, 
-            #eaedfb 30%, 
-            #eff0fb 60%, 
-            #f3f4fc 80%, 
-            #f7f8fd 90%, 
-            #fbfbfe 100%
-        )`,
-    maingrad: "linear-gradient(330deg, #b9c0ff7a 0%, #ffffff 100%)",
-    ...CommonTheme
-  },
-  dark: {
-    primary: "#333333",
-    reverse: "#b45252",
-    tooltip: "#3d3d3d",
-    t8: "#ffffffcc",
-    t7: "#ffffffb3",
-    t6: "#ffffff99",
-    t5: "#ffffff80",
-    t4: "#ffffff66",
-    t3: "#ffffff4d",
-    t2: "#ffffff33",
-    t1: "#ffffff1a",
-    t08: "#ffffff14",
-    t05: "#ffffff0d",
-    t03: "#ffffff07",
-    t02: "#ffffff05",
-    t01: "#ffffff02",
-    lgrad: `linear-gradient(
-            to right, 
-            #3d485c 0%, 
-            #3c4657 5%, 
-            #3b4353 10%, 
-            #3a414e 20%, 
-            #393f4a 30%, 
-            #373c45 60%, 
-            #363a41 80%, 
-            #35383c 90%, 
-            #343538 100%
-        )`,
-    maingrad: "linear-gradient(330deg, #1d1e27 0%, #333333 100%)",
-    ...CommonTheme
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CommonTheme,
-  Themes
-});

package/dist/contexts/theme/content.mjs

@@ -1,79 +0,0 @@
-"use client";
-const CommonTheme = {
-  secondary: "#5869da",
-  tertiary: "#629dfd33",
-  positive: "#65c965",
-  negative: "#FF334E",
-  mobileMaxWidth: "650px",
-  mobileMinWidth: "315px"
-};
-const Themes = {
-  light: {
-    primary: "#ffffff",
-    reverse: "#353535",
-    tooltip: "#f2f2f2",
-    t8: "#000000cc",
-    t7: "#000000b3",
-    t6: "#00000099",
-    t5: "#00000080",
-    t4: "#00000066",
-    t3: "#0000004d",
-    t2: "#00000033",
-    t1: "#0000001a",
-    t08: "#00000014",
-    t05: "#0000000d",
-    t03: "#00000007",
-    t02: "#00000005",
-    t01: "#00000002",
-    lgrad: `linear-gradient(
-            to right, 
-            #dadef7 0%, 
-            #dee2f8 5%, 
-            #e2e5f9 10%, 
-            #e6e9fa 20%, 
-            #eaedfb 30%, 
-            #eff0fb 60%, 
-            #f3f4fc 80%, 
-            #f7f8fd 90%, 
-            #fbfbfe 100%
-        )`,
-    maingrad: "linear-gradient(330deg, #b9c0ff7a 0%, #ffffff 100%)",
-    ...CommonTheme
-  },
-  dark: {
-    primary: "#333333",
-    reverse: "#b45252",
-    tooltip: "#3d3d3d",
-    t8: "#ffffffcc",
-    t7: "#ffffffb3",
-    t6: "#ffffff99",
-    t5: "#ffffff80",
-    t4: "#ffffff66",
-    t3: "#ffffff4d",
-    t2: "#ffffff33",
-    t1: "#ffffff1a",
-    t08: "#ffffff14",
-    t05: "#ffffff0d",
-    t03: "#ffffff07",
-    t02: "#ffffff05",
-    t01: "#ffffff02",
-    lgrad: `linear-gradient(
-            to right, 
-            #3d485c 0%, 
-            #3c4657 5%, 
-            #3b4353 10%, 
-            #3a414e 20%, 
-            #393f4a 30%, 
-            #373c45 60%, 
-            #363a41 80%, 
-            #35383c 90%, 
-            #343538 100%
-        )`,
-    maingrad: "linear-gradient(330deg, #1d1e27 0%, #333333 100%)",
-    ...CommonTheme
-  }
-};
-export {
-  CommonTheme,
-  Themes
-};

package/dist/contexts/theme/index.js

@@ -1,68 +0,0 @@
-"use client";
-"use strict";
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var theme_exports = {};
-__export(theme_exports, {
-  ThemeProvider: () => ThemeProviderContainer,
-  useTheme: () => useTheme
-});
-module.exports = __toCommonJS(theme_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_styled_components = require("styled-components");
-var import_styles = require("./styles");
-var import_content = require("./content");
-const ThemeContext = (0, import_react.createContext)({});
-const ThemeProviderContainer = (props) => {
-  const [theme, setTheme] = (0, import_react.useState)("light");
-  const [defaultTheme] = (0, import_react.useState)("light");
-  const SwitcherComponent = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      import_styles.Switcher,
-      {
-        onClick: () => setTheme(theme === "light" ? "dark" : "light"),
-        "data-theme": theme || defaultTheme,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-moon" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "switcher", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-sun" })
-        ]
-      }
-    );
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    ThemeContext.Provider,
-    {
-      value: {
-        theme: props.theme || defaultTheme,
-        setTheme,
-        content: import_content.Themes[props.theme || defaultTheme],
-        Switcher: SwitcherComponent
-      },
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled_components.ThemeProvider, { theme: import_content.Themes[props.theme || defaultTheme], children: props.children })
-    }
-  );
-};
-const useTheme = () => (0, import_react.useContext)(ThemeContext);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ThemeProvider,
-  useTheme
-});

package/dist/contexts/theme/index.mjs

@@ -1,43 +0,0 @@
-"use client";
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { createContext, useContext, useState } from "react";
-import { ThemeProvider } from "styled-components";
-import { Switcher } from "./styles";
-import { Themes } from "./content";
-const ThemeContext = createContext({});
-const ThemeProviderContainer = (props) => {
-  const [theme, setTheme] = useState("light");
-  const [defaultTheme] = useState("light");
-  const SwitcherComponent = () => {
-    return /* @__PURE__ */ jsxs(
-      Switcher,
-      {
-        onClick: () => setTheme(theme === "light" ? "dark" : "light"),
-        "data-theme": theme || defaultTheme,
-        children: [
-          /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: "fa-solid fa-moon" }),
-          /* @__PURE__ */ jsx("div", { className: "switcher", children: /* @__PURE__ */ jsx("div", {}) }),
-          /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: "fa-solid fa-sun" })
-        ]
-      }
-    );
-  };
-  return /* @__PURE__ */ jsx(
-    ThemeContext.Provider,
-    {
-      value: {
-        theme: props.theme || defaultTheme,
-        setTheme,
-        content: Themes[props.theme || defaultTheme],
-        Switcher: SwitcherComponent
-      },
-      children: /* @__PURE__ */ jsx(ThemeProvider, { theme: Themes[props.theme || defaultTheme], children: props.children })
-    }
-  );
-};
-const useTheme = () => useContext(ThemeContext);
-export {
-  ThemeProviderContainer as ThemeProvider,
-  useTheme
-};

package/dist/contexts/theme/styles.js

@@ -1,116 +0,0 @@
-"use client";
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var styles_exports = {};
-__export(styles_exports, {
-  Switcher: () => Switcher
-});
-module.exports = __toCommonJS(styles_exports);
-var import_styled_components = __toESM(require("styled-components"));
-const Switcher = import_styled_components.default.div`
-    width: 3rem;
-    height: 1.5rem;
-    border-radius: 1rem;
-    border: 2px solid ${({ theme }) => theme.t05};
-    overflow: hidden;
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-    position: relative;
-
-    i {
-        color: ${({ theme }) => theme.t6};
-        position: absolute;
-        transform: translateY(-50%);
-        font-size: .9rem;
-        z-index: 0;
-        transition: ease .8s;
-
-        &:first-child {
-            left: .2rem;
-            top: 50%;
-            opacity: ${(props) => props["data-theme"] === "light" ? 0 : 1};
-        }
-
-        &:last-child {
-            right: .2rem;
-            top: 50%;
-            opacity: ${(props) => props["data-theme"] === "light" ? 1 : 0};
-        }
-    }
-    
-    .switcher {
-        width: 1rem;
-        height: 1rem;
-        border-radius: 1rem;
-        position: relative;
-        transition: ease .3s;
-        transform: ${(props) => props["data-theme"] === "light" ? "transform: translateX(.2rem)" : "translateX(1.6rem)"};
-        z-index: 1;
-
-        div {
-            width: 100%;
-            height: 100%;
-            background: ${({ theme }) => theme.primary};
-            border-radius: 1rem;
-            position: relative;
-            z-index: 2;
-        }
-
-        &:after {
-            content: "";
-            position: absolute;
-            width: 100%;
-            height: 100%;
-            border-radius: 1rem;
-            transform: scale(1.8);
-            background: ${({ theme }) => theme.t05};
-            top: 0;
-            left: 0;
-            z-index: 1;
-        }
-
-        &:before {
-            content: "";
-            position: absolute;
-            width: 100%;
-            height: 100%;
-            border-radius: 1rem;
-            transform: scale(3);
-            background: ${({ theme }) => theme.t05};
-            top: 0;
-            left: 0;
-            z-index: 0;
-        }
-    }
-`;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Switcher
-});

package/dist/contexts/theme/styles.mjs

@@ -1,82 +0,0 @@
-"use client";
-import styled from "styled-components";
-const Switcher = styled.div`
-    width: 3rem;
-    height: 1.5rem;
-    border-radius: 1rem;
-    border: 2px solid ${({ theme }) => theme.t05};
-    overflow: hidden;
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-    position: relative;
-
-    i {
-        color: ${({ theme }) => theme.t6};
-        position: absolute;
-        transform: translateY(-50%);
-        font-size: .9rem;
-        z-index: 0;
-        transition: ease .8s;
-
-        &:first-child {
-            left: .2rem;
-            top: 50%;
-            opacity: ${(props) => props["data-theme"] === "light" ? 0 : 1};
-        }
-
-        &:last-child {
-            right: .2rem;
-            top: 50%;
-            opacity: ${(props) => props["data-theme"] === "light" ? 1 : 0};
-        }
-    }
-    
-    .switcher {
-        width: 1rem;
-        height: 1rem;
-        border-radius: 1rem;
-        position: relative;
-        transition: ease .3s;
-        transform: ${(props) => props["data-theme"] === "light" ? "transform: translateX(.2rem)" : "translateX(1.6rem)"};
-        z-index: 1;
-
-        div {
-            width: 100%;
-            height: 100%;
-            background: ${({ theme }) => theme.primary};
-            border-radius: 1rem;
-            position: relative;
-            z-index: 2;
-        }
-
-        &:after {
-            content: "";
-            position: absolute;
-            width: 100%;
-            height: 100%;
-            border-radius: 1rem;
-            transform: scale(1.8);
-            background: ${({ theme }) => theme.t05};
-            top: 0;
-            left: 0;
-            z-index: 1;
-        }
-
-        &:before {
-            content: "";
-            position: absolute;
-            width: 100%;
-            height: 100%;
-            border-radius: 1rem;
-            transform: scale(3);
-            background: ${({ theme }) => theme.t05};
-            top: 0;
-            left: 0;
-            z-index: 0;
-        }
-    }
-`;
-export {
-  Switcher
-};