@gustavo-valsechi/client 1.3.24 → 1.3.25

package/dist/components/index.d.ts

@@ -1,10 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { p as IComponent } from '../index-BhaGW0O1.js';
-export { A as Avatar, B as Badge, k as Block, f as Button, C as Chart, j as CreditCard, F as Form, g as InputDateTime, I as InputFile, c as InputLabel, e as InputSelect, d as InputText, h as InputTextarea, a as LoadingApp, L as LoadingBar, b as Logo, i as Lottie, P as Paginate, T as Table } from '../index-BhaGW0O1.js';
-export { M as Modal } from '../index-Da-DtPS-.js';
-import 'react';
-import 'react-hook-form';
-
-declare function Component(props: IComponent): react_jsx_runtime.JSX.Element;
-
-export { Component };
+import { IComponent } from "@interfaces";
+export * from "./types";
+export declare function Component(props: IComponent): import("react/jsx-runtime").JSX.Element;

package/dist/components/styles.d.ts

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

package/dist/components/styles.mjs

@@ -0,0 +1,21 @@
+"use client";
+"use client";
+
+// components/styles.tsx
+import styled from "styled-components";
+var Container = styled.div`
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+`;
+var RowContainer = styled.div`
+    display: flex;
+    flex-direction: row;
+    align-items: stretch;
+    gap: 1rem;
+    flex-wrap: wrap;
+`;
+export {
+  Container,
+  RowContainer
+};

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

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

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

@@ -0,0 +1,88 @@
+"use client";
+"use client";
+
+// components/types/avatar/index.tsx
+import { useRef, useState } from "react";
+
+// components/types/avatar/styles.tsx
+import styled from "styled-components";
+var Container = styled.div`
+  width: ${({ size }) => size || "2.3rem"};
+  height: ${({ size }) => size || "2.3rem"};
+  border-radius: ${({ size }) => size || "2.3rem"};
+  border: 2px solid ${({ theme }) => theme.t1};
+  background: ${({ color }) => color};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: ${({ onClick }) => onClick ? "pointer" : "default"};
+  transition: ease .2s;
+  position: relative;
+  font-size: ${({ width }) => width / 2.5}px;
+  font-weight: 500;
+  color: ${({ theme }) => theme.primary};
+
+  span {
+    position: relative;
+    z-index: 1;
+  }
+
+  &::before {
+    content: "";
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    transition: ease .2s;
+    background: ${({ theme }) => theme.t03};
+    border-radius: ${({ size }) => size || "2.3rem"};
+    z-index: 0;
+  }
+
+  &::after {
+    content: "";
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    transition: ease .2s;
+    background: ${({ theme }) => theme.t05};
+    border-radius: ${({ size }) => size || "2.3rem"};
+    z-index: 0;
+  }
+
+  &:hover {
+    &::before {
+      transform: scale(1.6);
+    }
+
+    &::after {
+      transform: scale(1.3);
+    }
+  }
+`;
+
+// components/types/avatar/index.tsx
+import _ from "lodash";
+import { jsx } from "react/jsx-runtime";
+function Avatar(props) {
+  const containerRef = useRef({});
+  const [color, setColor] = useState("");
+  const name = () => {
+    const [first, secound] = _.split(props.name, " ") || [];
+    if (first && secound) return `${first} ${secound}`;
+    if (first) return first;
+    return "IZ";
+  };
+  return /* @__PURE__ */ jsx(
+    Container,
+    {
+      ref: containerRef,
+      color,
+      width: containerRef.current.offsetWidth,
+      ...props,
+      children: /* @__PURE__ */ jsx("span", { children: _.upperCase(name()) })
+    }
+  );
+}
+export {
+  Avatar
+};

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

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

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

@@ -0,0 +1,61 @@
+"use client";
+"use client";
+
+// components/types/avatar/styles.tsx
+import styled from "styled-components";
+var Container = styled.div`
+  width: ${({ size }) => size || "2.3rem"};
+  height: ${({ size }) => size || "2.3rem"};
+  border-radius: ${({ size }) => size || "2.3rem"};
+  border: 2px solid ${({ theme }) => theme.t1};
+  background: ${({ color }) => color};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: ${({ onClick }) => onClick ? "pointer" : "default"};
+  transition: ease .2s;
+  position: relative;
+  font-size: ${({ width }) => width / 2.5}px;
+  font-weight: 500;
+  color: ${({ theme }) => theme.primary};
+
+  span {
+    position: relative;
+    z-index: 1;
+  }
+
+  &::before {
+    content: "";
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    transition: ease .2s;
+    background: ${({ theme }) => theme.t03};
+    border-radius: ${({ size }) => size || "2.3rem"};
+    z-index: 0;
+  }
+
+  &::after {
+    content: "";
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    transition: ease .2s;
+    background: ${({ theme }) => theme.t05};
+    border-radius: ${({ size }) => size || "2.3rem"};
+    z-index: 0;
+  }
+
+  &:hover {
+    &::before {
+      transform: scale(1.6);
+    }
+
+    &::after {
+      transform: scale(1.3);
+    }
+  }
+`;
+export {
+  Container
+};

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

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

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

@@ -0,0 +1,324 @@
+"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');
+});
+
+// components/types/badge/styles.tsx
+import styled from "styled-components";
+var Container = styled.div`
+  .content {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    height: 1.8rem;
+    padding: 0 2rem;
+    position: relative;
+
+    div {
+      position: relative;
+      z-index: 1;
+      color: ${({ theme, color }) => theme[color]};
+      font-size: .8rem;
+      font-weight: 500;
+      text-transform: capitalize;
+    }
+
+    &:before {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      border-radius: 5px;
+      background: ${({ theme, color }) => theme[color]};
+      opacity: .2;
+    }
+  }
+`;
+
+// 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/badge/index.tsx
+import _4 from "lodash";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function Badge(props) {
+  const { content } = useTheme();
+  const status = {
+    ATIVO: "positive",
+    DESATIVADO: "negative",
+    ESTAVEL: "positive",
+    INSTAVEL: "negative",
+    REGULAR: "negative"
+  };
+  return /* @__PURE__ */ jsx5(Container, { color: status[props.value] || content.t3, children: /* @__PURE__ */ jsx5("div", { className: "content", children: /* @__PURE__ */ jsx5("div", { children: _4.lowerCase(props.value) }) }) });
+}
+export {
+  Badge
+};

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

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

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

@@ -0,0 +1,39 @@
+"use client";
+"use client";
+
+// components/types/badge/styles.tsx
+import styled from "styled-components";
+var Container = styled.div`
+  .content {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    height: 1.8rem;
+    padding: 0 2rem;
+    position: relative;
+
+    div {
+      position: relative;
+      z-index: 1;
+      color: ${({ theme, color }) => theme[color]};
+      font-size: .8rem;
+      font-weight: 500;
+      text-transform: capitalize;
+    }
+
+    &:before {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      border-radius: 5px;
+      background: ${({ theme, color }) => theme[color]};
+      opacity: .2;
+    }
+  }
+`;
+export {
+  Container
+};

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

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