@gustavo-valsechi/client 1.3.24 → 1.3.25

package/dist/contexts/icon/index.mjs

@@ -0,0 +1,281 @@
+"use client";
+"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');
+});
+
+// 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 styled from "styled-components";
+var 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;
+        }
+    }
+`;
+
+// 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;
+});
+var brands_default = brands;
+
+// 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;
+});
+var regular_default = regular;
+
+// 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;
+});
+var solid_default = solid;
+
+// contexts/icon/assets/index.tsx
+var assets_default = {
+  brands: brands_default,
+  regular: regular_default,
+  solid: solid_default
+};
+
+// contexts/icon/index.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var IconContext = createContext2({});
+var IconProviderContainer = ({ children }) => {
+  const { content } = useTheme();
+  const [isClient, setIsClient] = useState2(false);
+  const [matches, setMatches] = useState2(0);
+  useEffect2(() => {
+    setIsClient(true);
+  }, []);
+  useEffect2(() => {
+    const firstMediaQuery = window.matchMedia(`(max-width: ${content.mobileMaxWidth})`);
+    const secoundMediaQuery = window.matchMedia(`(max-width: ${content.mobileMinWidth})`);
+    const firstHandler = (event) => setMatches(event.matches ? 1 : 0);
+    const secoundHandler = (event) => setMatches(event.matches ? 2 : 1);
+    if (firstMediaQuery.matches) setMatches(1);
+    if (secoundMediaQuery.matches) setMatches(2);
+    firstMediaQuery.addEventListener("change", firstHandler);
+    secoundMediaQuery.addEventListener("change", secoundHandler);
+    return () => {
+      firstMediaQuery.removeEventListener("change", firstHandler);
+      secoundMediaQuery.removeEventListener("change", secoundHandler);
+    };
+  }, []);
+  useEffect2(() => {
+    if (!isClient) return;
+    const processElement = (element) => {
+      var _a, _b, _c, _d, _e;
+      const name = element.getAttribute("class");
+      if (!name) return;
+      const icon = _.split(_.replace(name, /fa-/g, ""), " ");
+      if (!icon.length) return;
+      let svg = (_d = (_c = (_a = assets_default[icon[0]]) == null ? void 0 : _a[icon[1]]) != null ? _c : (_b = assets_default["solid"]) == null ? void 0 : _b[icon[0]]) != null ? _d : "";
+      if (!svg) return;
+      svg = svg.replace(/fill=".*?"/g, 'fill="currentColor"');
+      const styles = window.getComputedStyle(element);
+      const size = Number((_e = _.split(styles.fontSize, "px")) == null ? void 0 : _e[0]) + 2;
+      element.style.width = `${size}px`;
+      element.style.height = `${size}px`;
+      element.textContent = "";
+      element.innerHTML = svg;
+    };
+    document.querySelectorAll("i").forEach((el) => processElement(el));
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        mutation.addedNodes.forEach((node) => {
+          if (node.nodeType === 1) {
+            const el = node;
+            if (el.tagName.toLowerCase() === "i") processElement(el);
+            el.querySelectorAll("i").forEach((child) => processElement(child));
+          }
+        });
+      });
+    });
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true
+    });
+    return () => observer.disconnect();
+  }, [isClient, matches]);
+  return /* @__PURE__ */ jsx2(IconContext.Provider, { value: {}, children });
+};
+var useIcon = () => useContext2(IconContext);
+export {
+  IconProviderContainer as IconProvider,
+  useIcon
+};

package/dist/contexts/icon/styles.d.ts

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

package/dist/contexts/icon/styles.mjs

@@ -0,0 +1,10 @@
+"use client";
+
+// contexts/icon/styles.tsx
+import styled from "styled-components";
+var Container = styled.div`
+  
+`;
+export {
+  Container
+};

package/dist/contexts/index.d.ts

@@ -1,20 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { b as IIconProvider, c as IThemeProvider, f as IThemeContext, g as IModalProvider, i as IModalContext } from '../index-DT7VKE7H.js';
-import React from 'react';
-import '../index-Da-DtPS-.js';
-
-declare const IconProviderContainer: ({ children }: IIconProvider) => react_jsx_runtime.JSX.Element;
-declare const useIcon: () => any;
-
-declare const ThemeProviderContainer: (props: IThemeProvider) => react_jsx_runtime.JSX.Element;
-declare const useTheme: () => IThemeContext;
-
-declare const TooltipProviderContainer: ({ children }: {
-    children: React.ReactNode;
-}) => react_jsx_runtime.JSX.Element;
-declare const useTooltip: () => any;
-
-declare const ModalProviderContainer: ({ children }: IModalProvider) => react_jsx_runtime.JSX.Element;
-declare const useModal: () => IModalContext;
-
-export { IconProviderContainer as IconProvider, ModalProviderContainer as ModalProvider, ThemeProviderContainer as ThemeProvider, TooltipProviderContainer as TooltipProvider, useIcon, useModal, useTheme, useTooltip };
+export * from "./icon";
+export * from "./theme";
+export * from "./tooltip";
+export * from "./modal";

package/dist/contexts/modal/index.d.ts

@@ -0,0 +1,4 @@
+import { IModalProvider, IModalContext } from "@interfaces";
+declare const ModalProviderContainer: ({ children }: IModalProvider) => import("react/jsx-runtime").JSX.Element;
+declare const useModal: () => IModalContext;
+export { ModalProviderContainer as ModalProvider, useModal };

package/dist/contexts/modal/index.mjs

@@ -0,0 +1,66 @@
+"use client";
+"use client";
+
+// contexts/modal/index.tsx
+import { createContext, useContext, useEffect, useState } from "react";
+import { usePathname } from "next/navigation";
+
+// contexts/modal/styles.tsx
+import styled from "styled-components";
+var Container = styled.div`
+  
+`;
+
+// contexts/modal/index.tsx
+import _ from "lodash";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ModalContext = createContext({});
+var memory = [];
+var 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
+      ]
+    }
+  );
+};
+var useModal = () => useContext(ModalContext);
+export {
+  ModalProviderContainer as ModalProvider,
+  useModal
+};

package/dist/contexts/modal/styles.d.ts

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

package/dist/contexts/modal/styles.mjs

@@ -0,0 +1,10 @@
+"use client";
+
+// contexts/modal/styles.tsx
+import styled from "styled-components";
+var Container = styled.div`
+  
+`;
+export {
+  Container
+};

package/dist/contexts/theme/content.d.ts

@@ -0,0 +1,3 @@
+import { ICommonTheme, ITheme } from "@interfaces";
+export declare const CommonTheme: ICommonTheme;
+export declare const Themes: ITheme;

package/dist/contexts/theme/content.mjs

@@ -0,0 +1,81 @@
+"use client";
+
+// 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
+  }
+};
+export {
+  CommonTheme,
+  Themes
+};

package/dist/contexts/theme/index.d.ts

@@ -0,0 +1,4 @@
+import { IThemeProvider, IThemeContext } from "@interfaces";
+declare const ThemeProviderContainer: (props: IThemeProvider) => import("react/jsx-runtime").JSX.Element;
+declare const useTheme: () => IThemeContext;
+export { ThemeProviderContainer as ThemeProvider, useTheme };

package/dist/contexts/theme/index.mjs

@@ -0,0 +1,201 @@
+"use client";
+"use client";
+
+// contexts/theme/index.tsx
+import { createContext, useContext, useState } from "react";
+import { ThemeProvider } from "styled-components";
+
+// contexts/theme/styles.tsx
+import styled from "styled-components";
+var 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;
+        }
+    }
+`;
+
+// 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 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 })
+    }
+  );
+};
+var useTheme = () => useContext(ThemeContext);
+export {
+  ThemeProviderContainer as ThemeProvider,
+  useTheme
+};