@gustavo-valsechi/client 1.3.29 → 1.3.30

package/dist/components/types/block/styles.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 "use client";
 var __create = Object.create;
@@ -27,8 +28,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// components/types/block/styles.tsx
 var styles_exports = {};
 __export(styles_exports, {
   Container: () => Container,
@@ -36,7 +35,7 @@ __export(styles_exports, {
 });
 module.exports = __toCommonJS(styles_exports);
 var import_styled_components = __toESM(require("styled-components"));
-var Container = import_styled_components.default.div`
+const Container = import_styled_components.default.div`
     display: flex;
     flex-direction: column;
     gap: 1rem;
@@ -54,7 +53,7 @@ var Container = import_styled_components.default.div`
         color: ${({ theme }) => theme.t6};
     }
 `;
-var Content = import_styled_components.default.div`
+const Content = import_styled_components.default.div`
     font-size: 1.5rem;
     font-weight: 500;
     color: ${({ theme }) => theme.t7};

package/dist/components/types/block/styles.mjs

@@ -1,8 +1,7 @@
 "use client";
-
-// components/types/block/styles.tsx
+"use client";
 import styled from "styled-components";
-var Container = styled.div`
+const Container = styled.div`
     display: flex;
     flex-direction: column;
     gap: 1rem;
@@ -20,7 +19,7 @@ var Container = styled.div`
         color: ${({ theme }) => theme.t6};
     }
 `;
-var Content = styled.div`
+const Content = styled.div`
     font-size: 1.5rem;
     font-weight: 500;
     color: ${({ theme }) => theme.t7};

package/dist/components/types/chart/index.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 "use client";
 var __create = Object.create;
@@ -27,298 +28,26 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// components/types/chart/index.tsx
 var chart_exports = {};
 __export(chart_exports, {
   Chart: () => Chart
 });
 module.exports = __toCommonJS(chart_exports);
-
-// components/types/chart/styles.tsx
-var import_styled_components = __toESM(require("styled-components"));
-var Container = import_styled_components.default.div`
-
-`;
-
-// contexts/icon/index.tsx
-var import_react2 = require("react");
-
-// contexts/theme/index.tsx
-var import_react = require("react");
-var import_styled_components3 = require("styled-components");
-
-// contexts/theme/styles.tsx
-var import_styled_components2 = __toESM(require("styled-components"));
-var Switcher = import_styled_components2.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;
-        }
-    }
-`;
-
-// contexts/theme/content.tsx
-var CommonTheme = {
-  secondary: "#5869da",
-  tertiary: "#629dfd33",
-  positive: "#65c965",
-  negative: "#FF334E",
-  mobileMaxWidth: "650px",
-  mobileMinWidth: "315px"
-};
-var 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
-  }
-};
-
-// contexts/theme/index.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var ThemeContext = (0, import_react.createContext)({});
-var useTheme = () => (0, import_react.useContext)(ThemeContext);
-
-// contexts/icon/index.tsx
-var import_lodash = __toESM(require("lodash"));
-
-// contexts/icon/assets/brands/index.tsx
-var req = require.context("./", false, /\.svg$/);
-var brands = {};
-req.keys().forEach((key) => {
-  const name = key.replace("./", "").replace(".svg", "");
-  brands[name] = req(key).default;
-});
-
-// contexts/icon/assets/regular/index.tsx
-var req2 = require.context("./", false, /\.svg$/);
-var regular = {};
-req2.keys().forEach((key) => {
-  const name = key.replace("./", "").replace(".svg", "");
-  regular[name] = req2(key).default;
-});
-
-// contexts/icon/assets/solid/index.tsx
-var req3 = require.context("./", false, /\.svg$/);
-var solid = {};
-req3.keys().forEach((key) => {
-  const name = key.replace("./", "").replace(".svg", "");
-  solid[name] = req3(key).default;
-});
-
-// contexts/icon/index.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var IconContext = (0, import_react2.createContext)({});
-
-// contexts/tooltip/index.tsx
-var import_react3 = require("react");
-
-// contexts/tooltip/styles.tsx
-var import_styled_components4 = __toESM(require("styled-components"));
-var Tooltip = import_styled_components4.default.div`
-    position: fixed;
-    background: ${({ theme }) => theme.tooltip};
-    color: ${({ theme }) => theme.t6};
-    font-size: .8rem;
-    font-weight: 500;
-    text-align: center;
-    padding: .3rem .8rem;
-    border-radius: 5px;
-    transform: translateX(-50%);
-    z-index: 10;
-    border: 1px solid ${({ theme }) => theme.t05};
-
-    &::before {
-        content: "";
-        position: absolute;
-        bottom: -9px;
-        left: 50%;
-        transform: translateX(-50%);
-        width: 0;
-        height: 0;
-        border-left: 8px solid transparent;
-        border-right: 8px solid transparent;
-        border-top: 8px solid ${({ theme }) => theme.t05};
-    }
-
-    &::after {
-        content: "";
-        position: absolute;
-        bottom: -8px;
-        left: 50%;
-        transform: translateX(-50%);
-        width: 0;
-        height: 0;
-        border-left: 8px solid transparent;
-        border-right: 8px solid transparent;
-        border-top: 8px solid ${({ theme }) => theme.tooltip};
-    }
-`;
-
-// contexts/tooltip/index.tsx
-var import_lodash2 = __toESM(require("lodash"));
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var TooltipContext = (0, import_react3.createContext)({});
-
-// contexts/modal/index.tsx
-var import_react4 = require("react");
-var import_navigation = require("next/navigation");
-
-// contexts/modal/styles.tsx
-var import_styled_components5 = __toESM(require("styled-components"));
-var Container2 = import_styled_components5.default.div`
-  
-`;
-
-// contexts/modal/index.tsx
-var import_lodash3 = __toESM(require("lodash"));
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var ModalContext = (0, import_react4.createContext)({});
-
-// components/types/chart/index.tsx
+var import_styles = require("./styles");
+var import_contexts = require("@contexts");
 var import_dynamic = __toESM(require("next/dynamic"));
-var import_lodash4 = __toESM(require("lodash"));
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var ApexChart = (0, import_dynamic.default)(() => import("react-apexcharts").then((mod) => mod.default), { ssr: false });
+var import_lodash = __toESM(require("lodash"));
+const ApexChart = (0, import_dynamic.default)(() => import("react-apexcharts").then((mod) => mod.default), { ssr: false });
 function Chart(props) {
-  const { content: themeContent } = useTheme();
+  const { content: themeContent } = (0, import_contexts.useTheme)();
   const monitor = props.content || [];
-  const series = import_lodash4.default.map(props.yAxis, (value, key) => ({
+  const series = import_lodash.default.map(props.yAxis, (value, key) => ({
     name: key || "",
-    data: import_lodash4.default.map(monitor, (data) => import_lodash4.default.isFunction(value) ? value(data) : 0)
+    data: import_lodash.default.map(monitor, (data) => import_lodash.default.isFunction(value) ? value(data) : 0)
   }));
   const options = {
-    colors: import_lodash4.default.map(props.colors || [], (value) => themeContent[value] || value || themeContent.secondary),
+    colors: import_lodash.default.map(props.colors || [], (value) => themeContent[value] || value || themeContent.secondary),
     dataLabels: { enabled: false },
     stroke: { curve: "smooth", width: 2 },
     fill: { gradient: { opacityFrom: 0.9, opacityTo: 0.8 } },
@@ -327,14 +56,14 @@ function Chart(props) {
     yaxis: {
       min: props.min,
       max: props.max,
-      labels: { style: { colors: import_lodash4.default.map(monitor, () => themeContent.t6) } }
+      labels: { style: { colors: import_lodash.default.map(monitor, () => themeContent.t6) } }
     },
     xaxis: {
-      categories: import_lodash4.default.map(monitor, (data) => import_lodash4.default.isFunction(props.xAxis) ? props.xAxis(data) : ""),
-      labels: { style: { colors: import_lodash4.default.map(monitor, () => themeContent.t6) } }
+      categories: import_lodash.default.map(monitor, (data) => import_lodash.default.isFunction(props.xAxis) ? props.xAxis(data) : ""),
+      labels: { style: { colors: import_lodash.default.map(monitor, () => themeContent.t6) } }
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Container, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Container, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     ApexChart,
     {
       options,

package/dist/components/types/chart/index.mjs

@@ -1,295 +1,20 @@
 "use client";
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-
-// components/types/chart/styles.tsx
-import styled from "styled-components";
-var Container = styled.div`
-
-`;
-
-// contexts/icon/index.tsx
-import { createContext as createContext2, useContext as useContext2, useEffect as useEffect2, useState as useState2 } from "react";
-
-// contexts/theme/index.tsx
-import { createContext, useContext, useState } from "react";
-import { ThemeProvider } from "styled-components";
-
-// contexts/theme/styles.tsx
-import styled2 from "styled-components";
-var Switcher = styled2.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;
-        }
-    }
-`;
-
-// contexts/theme/content.tsx
-var CommonTheme = {
-  secondary: "#5869da",
-  tertiary: "#629dfd33",
-  positive: "#65c965",
-  negative: "#FF334E",
-  mobileMaxWidth: "650px",
-  mobileMinWidth: "315px"
-};
-var 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
-  }
-};
-
-// contexts/theme/index.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var ThemeContext = createContext({});
-var useTheme = () => useContext(ThemeContext);
-
-// contexts/icon/index.tsx
-import _ from "lodash";
-
-// contexts/icon/assets/brands/index.tsx
-var req = __require.context("./", false, /\.svg$/);
-var brands = {};
-req.keys().forEach((key) => {
-  const name = key.replace("./", "").replace(".svg", "");
-  brands[name] = req(key).default;
-});
-
-// contexts/icon/assets/regular/index.tsx
-var req2 = __require.context("./", false, /\.svg$/);
-var regular = {};
-req2.keys().forEach((key) => {
-  const name = key.replace("./", "").replace(".svg", "");
-  regular[name] = req2(key).default;
-});
-
-// contexts/icon/assets/solid/index.tsx
-var req3 = __require.context("./", false, /\.svg$/);
-var solid = {};
-req3.keys().forEach((key) => {
-  const name = key.replace("./", "").replace(".svg", "");
-  solid[name] = req3(key).default;
-});
-
-// contexts/icon/index.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var IconContext = createContext2({});
-
-// contexts/tooltip/index.tsx
-import { createContext as createContext3, useContext as useContext3, useEffect as useEffect3, useState as useState3 } from "react";
-
-// contexts/tooltip/styles.tsx
-import styled3 from "styled-components";
-var Tooltip = styled3.div`
-    position: fixed;
-    background: ${({ theme }) => theme.tooltip};
-    color: ${({ theme }) => theme.t6};
-    font-size: .8rem;
-    font-weight: 500;
-    text-align: center;
-    padding: .3rem .8rem;
-    border-radius: 5px;
-    transform: translateX(-50%);
-    z-index: 10;
-    border: 1px solid ${({ theme }) => theme.t05};
-
-    &::before {
-        content: "";
-        position: absolute;
-        bottom: -9px;
-        left: 50%;
-        transform: translateX(-50%);
-        width: 0;
-        height: 0;
-        border-left: 8px solid transparent;
-        border-right: 8px solid transparent;
-        border-top: 8px solid ${({ theme }) => theme.t05};
-    }
-
-    &::after {
-        content: "";
-        position: absolute;
-        bottom: -8px;
-        left: 50%;
-        transform: translateX(-50%);
-        width: 0;
-        height: 0;
-        border-left: 8px solid transparent;
-        border-right: 8px solid transparent;
-        border-top: 8px solid ${({ theme }) => theme.tooltip};
-    }
-`;
-
-// contexts/tooltip/index.tsx
-import _2 from "lodash";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var TooltipContext = createContext3({});
-
-// contexts/modal/index.tsx
-import { createContext as createContext4, useContext as useContext4, useEffect as useEffect4, useState as useState4 } from "react";
-import { usePathname } from "next/navigation";
-
-// contexts/modal/styles.tsx
-import styled4 from "styled-components";
-var Container2 = styled4.div`
-  
-`;
-
-// contexts/modal/index.tsx
-import _3 from "lodash";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var ModalContext = createContext4({});
-
-// components/types/chart/index.tsx
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Container } from "./styles";
+import { useTheme } from "@contexts";
 import dynamic from "next/dynamic";
-import _4 from "lodash";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var ApexChart = dynamic(() => import("react-apexcharts").then((mod) => mod.default), { ssr: false });
+import _ from "lodash";
+const ApexChart = dynamic(() => import("react-apexcharts").then((mod) => mod.default), { ssr: false });
 function Chart(props) {
   const { content: themeContent } = useTheme();
   const monitor = props.content || [];
-  const series = _4.map(props.yAxis, (value, key) => ({
+  const series = _.map(props.yAxis, (value, key) => ({
     name: key || "",
-    data: _4.map(monitor, (data) => _4.isFunction(value) ? value(data) : 0)
+    data: _.map(monitor, (data) => _.isFunction(value) ? value(data) : 0)
   }));
   const options = {
-    colors: _4.map(props.colors || [], (value) => themeContent[value] || value || themeContent.secondary),
+    colors: _.map(props.colors || [], (value) => themeContent[value] || value || themeContent.secondary),
     dataLabels: { enabled: false },
     stroke: { curve: "smooth", width: 2 },
     fill: { gradient: { opacityFrom: 0.9, opacityTo: 0.8 } },
@@ -298,14 +23,14 @@ function Chart(props) {
     yaxis: {
       min: props.min,
       max: props.max,
-      labels: { style: { colors: _4.map(monitor, () => themeContent.t6) } }
+      labels: { style: { colors: _.map(monitor, () => themeContent.t6) } }
     },
     xaxis: {
-      categories: _4.map(monitor, (data) => _4.isFunction(props.xAxis) ? props.xAxis(data) : ""),
-      labels: { style: { colors: _4.map(monitor, () => themeContent.t6) } }
+      categories: _.map(monitor, (data) => _.isFunction(props.xAxis) ? props.xAxis(data) : ""),
+      labels: { style: { colors: _.map(monitor, () => themeContent.t6) } }
     }
   };
-  return /* @__PURE__ */ jsx5(Container, { children: /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(
     ApexChart,
     {
       options,