@gustavo-valsechi/client 1.3.25 → 1.3.26

package/dist/index.mjs

@@ -1,4 +1,3 @@
-"use client";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/interfaces/index.d.mts

@@ -0,0 +1,12 @@
+export { N as IAvatar, x as IBadge, R as IBlock, M as IChart, p as IComponent, n as IComponentConfig, m as IComponentConfigMap, o as IComponentContent, l as IComponentMap, Q as ICreditCard, z as IForm, J as IInputDateTime, D as IInputFile, E as IInputLabel, H as IInputSelect, G as IInputText, K as IInputTextarea, w as ILoadingApp, v as ILoadingBar, y as ILogo, O as ILottie, u as IPaginate, t as ITable, q as ITableAction, r as ITableColumn, s as ITableRow } from '../index-DDi0w5pw.mjs';
+import { a as IBaseProvider } from '../index-BxA8LyyD.mjs';
+export { d as ICommonTheme, b as IIconProvider, h as IModalConfig, i as IModalContext, g as IModalProvider, e as ITheme, I as IThemeContent, f as IThemeContext, c as IThemeProvider } from '../index-BxA8LyyD.mjs';
+export { a as IButton, I as IModal } from '../index-Da-DtPS-.mjs';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-hook-form';
+
+interface ITooltipProvider extends IBaseProvider {
+}
+
+export { IBaseProvider, type ITooltipProvider };

package/dist/interfaces/index.d.ts

@@ -1,2 +1,12 @@
-export * from "./components";
-export * from "./contexts";
+export { N as IAvatar, x as IBadge, R as IBlock, M as IChart, p as IComponent, n as IComponentConfig, m as IComponentConfigMap, o as IComponentContent, l as IComponentMap, Q as ICreditCard, z as IForm, J as IInputDateTime, D as IInputFile, E as IInputLabel, H as IInputSelect, G as IInputText, K as IInputTextarea, w as ILoadingApp, v as ILoadingBar, y as ILogo, O as ILottie, u as IPaginate, t as ITable, q as ITableAction, r as ITableColumn, s as ITableRow } from '../index-BhaGW0O1.js';
+import { a as IBaseProvider } from '../index-DT7VKE7H.js';
+export { d as ICommonTheme, b as IIconProvider, h as IModalConfig, i as IModalContext, g as IModalProvider, e as ITheme, I as IThemeContent, f as IThemeContext, c as IThemeProvider } from '../index-DT7VKE7H.js';
+export { a as IButton, I as IModal } from '../index-Da-DtPS-.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-hook-form';
+
+interface ITooltipProvider extends IBaseProvider {
+}
+
+export { IBaseProvider, type ITooltipProvider };

package/dist/interfaces/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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);
+
+// interfaces/index.tsx
+var interfaces_exports = {};
+module.exports = __toCommonJS(interfaces_exports);

package/dist/interfaces/index.mjs

@@ -1 +0,0 @@
-"use client";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gustavo-valsechi/client",
-  "version": "1.3.25",
+  "version": "1.3.26",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -10,9 +10,7 @@
   "license": "UNLICENSED",
   "scripts": {
     "clean": "rimraf dist && rimraf node_modules/.cache",
-    "build:types": "tsc -p tsconfig.json",
-    "build:js": "tsup",
-    "build": "npm run clean && npm run build:js && npm run build:types"
+    "build": "npm run clean && tsup"
   },
   "peerDependencies": {
     "react": "18.3.1",
@@ -56,19 +54,19 @@
   },
   "exports": {
     ".": {
-      "import": "./dist/index.mjs",
+      "import": "./dist/index.js",
       "types": "./dist/index.d.ts"
     },
     "./components": {
-      "import": "./dist/components/index.mjs",
+      "import": "./dist/components/index.js",
       "types": "./dist/components/index.d.ts"
     },
     "./contexts": {
-      "import": "./dist/contexts/index.mjs",
+      "import": "./dist/contexts/index.js",
       "types": "./dist/contexts/index.d.ts"
     },
     "./interfaces": {
-      "import": "./dist/interfaces/index.mjs",
+      "import": "./dist/interfaces/index.js",
       "types": "./dist/interfaces/index.d.ts"
     }
   }

package/dist/components/styles.d.ts

@@ -1,2 +0,0 @@
-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

@@ -1,21 +0,0 @@
-"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

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

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

@@ -1,88 +0,0 @@
-"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

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

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

@@ -1,61 +0,0 @@
-"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

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

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

@@ -1,324 +0,0 @@
-"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

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

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

@@ -1,39 +0,0 @@
-"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

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