@gustavo-valsechi/client 1.3.28 → 1.3.29

package/dist/components/types/block/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -0,0 +1,66 @@
+"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);
+
+// components/types/block/styles.tsx
+var styles_exports = {};
+__export(styles_exports, {
+  Container: () => Container,
+  Content: () => Content
+});
+module.exports = __toCommonJS(styles_exports);
+var import_styled_components = __toESM(require("styled-components"));
+var Container = import_styled_components.default.div`
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    padding: 1.3rem 1.5rem;
+    border-radius: 5px;
+    background: ${({ theme }) => theme.t05};
+    flex: 1 1 20rem;
+
+    header {
+        display: flex;
+        align-items: center;
+        gap: .5rem;
+        font-size: .9rem;
+        font-weight: 600;
+        color: ${({ theme }) => theme.t6};
+    }
+`;
+var Content = import_styled_components.default.div`
+    font-size: 1.5rem;
+    font-weight: 500;
+    color: ${({ theme }) => theme.t7};
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Container,
+  Content
+});

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

@@ -0,0 +1,31 @@
+"use client";
+
+// components/types/block/styles.tsx
+import styled from "styled-components";
+var Container = styled.div`
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    padding: 1.3rem 1.5rem;
+    border-radius: 5px;
+    background: ${({ theme }) => theme.t05};
+    flex: 1 1 20rem;
+
+    header {
+        display: flex;
+        align-items: center;
+        gap: .5rem;
+        font-size: .9rem;
+        font-weight: 600;
+        color: ${({ theme }) => theme.t6};
+    }
+`;
+var Content = styled.div`
+    font-size: 1.5rem;
+    font-weight: 500;
+    color: ${({ theme }) => theme.t7};
+`;
+export {
+  Container,
+  Content
+};

package/dist/components/types/chart/index.d.ts

@@ -0,0 +1,2 @@
+import { IChart } from "@interfaces";
+export declare function Chart(props: IChart): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,351 @@
+"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);
+
+// 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_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 });
+function Chart(props) {
+  const { content: themeContent } = useTheme();
+  const monitor = props.content || [];
+  const series = import_lodash4.default.map(props.yAxis, (value, key) => ({
+    name: key || "",
+    data: import_lodash4.default.map(monitor, (data) => import_lodash4.default.isFunction(value) ? value(data) : 0)
+  }));
+  const options = {
+    colors: import_lodash4.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 } },
+    legend: { show: false },
+    chart: { toolbar: { show: false } },
+    yaxis: {
+      min: props.min,
+      max: props.max,
+      labels: { style: { colors: import_lodash4.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) } }
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Container, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    ApexChart,
+    {
+      options,
+      series,
+      type: "area",
+      height: props.height || 200,
+      width: "100%"
+    }
+  ) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Chart
+});