@gustavo-valsechi/client 1.4.31 → 1.4.32

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

@@ -99,7 +99,7 @@ function Form(props) {
         type: component2 ? void 0 : data.type,
         error: (_a = errors[data.name]) == null ? void 0 : _a.message,
         register,
-        setvalue: inputType === "InputCustom" ? setValue : void 0
+        setvalue: setValue
       }
     );
   };

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

@@ -65,7 +65,7 @@ function Form(props) {
         type: component2 ? void 0 : data.type,
         error: (_a = errors[data.name]) == null ? void 0 : _a.message,
         register,
-        setvalue: inputType === "InputCustom" ? setValue : void 0
+        setvalue: setValue
       }
     );
   };

package/dist/components/types/form/types/select/index.js

@@ -37,13 +37,21 @@ var import_react = require("react");
 var import_styles = require("./styles");
 var import_label = require("../label");
 var import_error = require("../error");
+var import_contexts = require("../../../../../contexts");
 var import_lodash = __toESM(require("lodash"));
+var import_options = __toESM(require("./options"));
 function InputSelect(props) {
+  const inputRef = (0, import_react.useRef)({});
+  const target = (0, import_contexts.useTarget)();
   const [focus, setFocus] = (0, import_react.useState)(false);
   const register = (props.register || ((name) => ({})))(props.name || "");
+  (0, import_react.useEffect)(() => {
+    target.add({ ref: inputRef, component: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_options.default, {}) });
+    return () => target.remove(inputRef);
+  }, []);
   const onChange = (event) => {
     const value = event.target.value || "";
-    if (register.onChange) register.onChange(event);
+    event.target.value = props.mask ? props.mask(value) : value;
     if (props.onChange) props.onChange(value);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { className: props.className, error: props.error, children: [
@@ -51,7 +59,17 @@ function InputSelect(props) {
       props.label,
       props.required ? "*" : ""
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "iz-input-content", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref: inputRef, className: "iz-input-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "input",
+        {
+          ...import_lodash.default.omit(props, ["className", "register", "mask"]),
+          type: "text",
+          maxLength: props.maxLength || 255,
+          ...register,
+          onChange
+        }
+      ),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "select",
         {

package/dist/components/types/form/types/select/index.mjs

@@ -1,16 +1,24 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import { useState, useRef, useEffect } from "react";
 import { Container } from "./styles";
 import { InputLabel } from "../label";
 import { InputError } from "../error";
+import { useTarget } from "../../../../../contexts";
 import _ from "lodash";
+import InputSelectOption from "./options";
 function InputSelect(props) {
+  const inputRef = useRef({});
+  const target = useTarget();
   const [focus, setFocus] = useState(false);
   const register = (props.register || ((name) => ({})))(props.name || "");
+  useEffect(() => {
+    target.add({ ref: inputRef, component: /* @__PURE__ */ jsx(InputSelectOption, {}) });
+    return () => target.remove(inputRef);
+  }, []);
   const onChange = (event) => {
     const value = event.target.value || "";
-    if (register.onChange) register.onChange(event);
+    event.target.value = props.mask ? props.mask(value) : value;
     if (props.onChange) props.onChange(value);
   };
   return /* @__PURE__ */ jsxs(Container, { className: props.className, error: props.error, children: [
@@ -18,7 +26,17 @@ function InputSelect(props) {
       props.label,
       props.required ? "*" : ""
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "iz-input-content", children: [
+    /* @__PURE__ */ jsxs("div", { ref: inputRef, className: "iz-input-content", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ..._.omit(props, ["className", "register", "mask"]),
+          type: "text",
+          maxLength: props.maxLength || 255,
+          ...register,
+          onChange
+        }
+      ),
       /* @__PURE__ */ jsx(
         "select",
         {

package/dist/components/types/form/types/select/options/index.d.ts

@@ -0,0 +1 @@
+export default function InputSelectOption(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/components/types/form/types/select/options/index.js

@@ -0,0 +1,29 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var options_exports = {};
+__export(options_exports, {
+  default: () => InputSelectOption
+});
+module.exports = __toCommonJS(options_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_styles = require("./styles");
+function InputSelectOption(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Container, {});
+}

package/dist/components/types/form/types/select/options/index.mjs

@@ -0,0 +1,9 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Container } from "./styles";
+function InputSelectOption(props) {
+  return /* @__PURE__ */ jsx(Container, {});
+}
+export {
+  InputSelectOption as default
+};

package/dist/components/types/form/types/select/options/styles.d.ts

@@ -0,0 +1 @@
+export declare const Container: any;

package/dist/{contexts/icon → components/types/form/types/select/options}/styles.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -33,7 +34,11 @@ __export(styles_exports, {
 module.exports = __toCommonJS(styles_exports);
 var import_styled_components = __toESM(require("styled-components"));
 const Container = import_styled_components.default.div`
-  
+    width: 20rem;
+    height: 10rem;
+    background-color: ${({ theme }) => theme.primary};
+    border: 1px solid ${({ error, theme }) => error ? theme.negative : theme.t2};
+    border-radius: 5px;
 `;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/types/form/types/select/options/styles.mjs

@@ -0,0 +1,12 @@
+"use client";
+import styled from "styled-components";
+const Container = styled.div`
+    width: 20rem;
+    height: 10rem;
+    background-color: ${({ theme }) => theme.primary};
+    border: 1px solid ${({ error, theme }) => error ? theme.negative : theme.t2};
+    border-radius: 5px;
+`;
+export {
+  Container
+};

package/dist/components/types/form/types/select/styles.js

@@ -43,16 +43,14 @@ const Container = import_styled_components.default.div`
         border: 1px solid ${({ error, theme }) => error ? theme.negative : theme.t2};
         border-radius: 5px;
         overflow: hidden;
-        position: relative;
-        cursor: pointer;
+        padding-right: ${({ password }) => password ? ".6rem" : "0rem"};
+        background-color: ${({ theme }) => theme.primary};
 
-        select {
+        input {
             border: 0;
-            padding: .5rem 2.3rem .5rem 1rem;
+            padding: .5rem 1rem;
             width: 100%;
             font-size: .8rem;
-            appearance: none;
-            cursor: pointer;
             background-color: ${({ theme }) => theme.primary};
             color: ${({ theme }) => theme.t6};
 
@@ -68,12 +66,8 @@ const Container = import_styled_components.default.div`
         }
 
         i {
-            position: absolute;
-            top: 50%;
-            right: .8rem;
-            transform: translateY(-50%);
-            font-size: .8rem;
-            color: ${({ theme }) => theme.t6};
+            color: ${({ theme }) => theme.t3};
+            cursor: pointer;
         }
     }
 `;

package/dist/components/types/form/types/select/styles.mjs

@@ -10,16 +10,14 @@ const Container = styled.div`
         border: 1px solid ${({ error, theme }) => error ? theme.negative : theme.t2};
         border-radius: 5px;
         overflow: hidden;
-        position: relative;
-        cursor: pointer;
+        padding-right: ${({ password }) => password ? ".6rem" : "0rem"};
+        background-color: ${({ theme }) => theme.primary};
 
-        select {
+        input {
             border: 0;
-            padding: .5rem 2.3rem .5rem 1rem;
+            padding: .5rem 1rem;
             width: 100%;
             font-size: .8rem;
-            appearance: none;
-            cursor: pointer;
             background-color: ${({ theme }) => theme.primary};
             color: ${({ theme }) => theme.t6};
 
@@ -35,12 +33,8 @@ const Container = styled.div`
         }
 
         i {
-            position: absolute;
-            top: 50%;
-            right: .8rem;
-            transform: translateY(-50%);
-            font-size: .8rem;
-            color: ${({ theme }) => theme.t6};
+            color: ${({ theme }) => theme.t3};
+            cursor: pointer;
         }
     }
 `;

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

@@ -9,3 +9,4 @@ export * from "./avatar";
 export * from "./lottie";
 export * from "./credit-card";
 export * from "./block";
+export * from "./tooltip";

package/dist/components/types/index.js

@@ -26,6 +26,7 @@ __reExport(types_exports, require("./avatar"), module.exports);
 __reExport(types_exports, require("./lottie"), module.exports);
 __reExport(types_exports, require("./credit-card"), module.exports);
 __reExport(types_exports, require("./block"), module.exports);
+__reExport(types_exports, require("./tooltip"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("./table"),
@@ -38,5 +39,6 @@ __reExport(types_exports, require("./block"), module.exports);
   ...require("./avatar"),
   ...require("./lottie"),
   ...require("./credit-card"),
-  ...require("./block")
+  ...require("./block"),
+  ...require("./tooltip")
 });

package/dist/components/types/index.mjs

@@ -9,3 +9,4 @@ export * from "./avatar";
 export * from "./lottie";
 export * from "./credit-card";
 export * from "./block";
+export * from "./tooltip";

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

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

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

@@ -0,0 +1,33 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var tooltip_exports = {};
+__export(tooltip_exports, {
+  Tooltip: () => Tooltip
+});
+module.exports = __toCommonJS(tooltip_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_styles = require("./styles");
+function Tooltip(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Container, { ...props, children: props.children });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Tooltip
+});

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

@@ -0,0 +1,9 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Container } from "./styles";
+function Tooltip(props) {
+  return /* @__PURE__ */ jsx(Container, { ...props, children: props.children });
+}
+export {
+  Tooltip
+};

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

@@ -0,0 +1,130 @@
+"use strict";
+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);
+var styles_exports = {};
+__export(styles_exports, {
+  Container: () => Container
+});
+module.exports = __toCommonJS(styles_exports);
+var import_styled_components = __toESM(require("styled-components"));
+const setPosition = ({ position = "top", theme }, isBorder) => {
+  const coord = isBorder ? "9" : "8";
+  const color = isBorder ? theme.t05 : theme.tooltip;
+  const defaultPosition = `
+        transform: translateX(-50%);
+        bottom: -${coord}px;
+        left: 50%;
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        border-top: 8px solid ${color};
+    `;
+  switch (position) {
+    case "bottom":
+      return `
+            transform: translateX(-50%);
+            top: -${coord}px;
+            left: 50%;
+            border-left: 8px solid transparent;
+            border-right: 8px solid transparent;
+            border-bottom: 8px solid ${color};
+        `;
+    case "left":
+      return `
+            transform: translateY(-50%);
+            right: -${coord}px;
+            top: 50%;
+            border-top: 8px solid transparent;
+            border-bottom: 8px solid transparent;
+            border-left: 8px solid ${color};
+        `;
+    case "right":
+      return `
+            transform: translateY(-50%);
+            left: -${coord}px;
+            top: 50%;
+            border-top: 8px solid transparent;
+            border-bottom: 8px solid transparent;
+            border-right: 8px solid ${color};
+        `;
+    case "top":
+      return defaultPosition;
+    default:
+      return defaultPosition;
+  }
+};
+const Container = import_styled_components.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;
+    z-index: 10;
+    border: 1px solid ${({ theme }) => theme.t05};
+    transform: ${({ position = "top" }) => {
+  const defaultPosition = "translateX(-50%)";
+  switch (position) {
+    case "left":
+      return "translateX(0)";
+    case "right":
+      return "translateX(-100%)";
+    case "bottom":
+      return defaultPosition;
+    case "top":
+      return defaultPosition;
+    default:
+      return defaultPosition;
+  }
+}};
+
+    @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
+        display: none;
+    }
+
+    &::before {
+        content: "";
+        position: absolute;
+        width: 0;
+        height: 0;
+        ${(props) => setPosition(props, true)}
+    }
+
+    &::after {
+        content: "";
+        position: absolute;
+        width: 0;
+        height: 0;
+        ${(props) => setPosition(props)}
+    }
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Container
+});

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

@@ -0,0 +1,96 @@
+import styled from "styled-components";
+const setPosition = ({ position = "top", theme }, isBorder) => {
+  const coord = isBorder ? "9" : "8";
+  const color = isBorder ? theme.t05 : theme.tooltip;
+  const defaultPosition = `
+        transform: translateX(-50%);
+        bottom: -${coord}px;
+        left: 50%;
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        border-top: 8px solid ${color};
+    `;
+  switch (position) {
+    case "bottom":
+      return `
+            transform: translateX(-50%);
+            top: -${coord}px;
+            left: 50%;
+            border-left: 8px solid transparent;
+            border-right: 8px solid transparent;
+            border-bottom: 8px solid ${color};
+        `;
+    case "left":
+      return `
+            transform: translateY(-50%);
+            right: -${coord}px;
+            top: 50%;
+            border-top: 8px solid transparent;
+            border-bottom: 8px solid transparent;
+            border-left: 8px solid ${color};
+        `;
+    case "right":
+      return `
+            transform: translateY(-50%);
+            left: -${coord}px;
+            top: 50%;
+            border-top: 8px solid transparent;
+            border-bottom: 8px solid transparent;
+            border-right: 8px solid ${color};
+        `;
+    case "top":
+      return defaultPosition;
+    default:
+      return defaultPosition;
+  }
+};
+const Container = styled.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;
+    z-index: 10;
+    border: 1px solid ${({ theme }) => theme.t05};
+    transform: ${({ position = "top" }) => {
+  const defaultPosition = "translateX(-50%)";
+  switch (position) {
+    case "left":
+      return "translateX(0)";
+    case "right":
+      return "translateX(-100%)";
+    case "bottom":
+      return defaultPosition;
+    case "top":
+      return defaultPosition;
+    default:
+      return defaultPosition;
+  }
+}};
+
+    @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
+        display: none;
+    }
+
+    &::before {
+        content: "";
+        position: absolute;
+        width: 0;
+        height: 0;
+        ${(props) => setPosition(props, true)}
+    }
+
+    &::after {
+        content: "";
+        position: absolute;
+        width: 0;
+        height: 0;
+        ${(props) => setPosition(props)}
+    }
+`;
+export {
+  Container
+};

package/dist/contexts/index.d.ts

@@ -1,4 +1,7 @@
+import { IContext } from "@interfaces";
 export * from "./icon";
 export * from "./theme";
 export * from "./tooltip";
 export * from "./modal";
+export * from "./target";
+export declare function Context(props: IContext): import("react/jsx-runtime").JSX.Element;

package/dist/contexts/index.js

@@ -4,6 +4,10 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 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))
@@ -15,15 +19,30 @@ var __copyProps = (to, from, except, desc) => {
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var contexts_exports = {};
+__export(contexts_exports, {
+  Context: () => Context
+});
 module.exports = __toCommonJS(contexts_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_icon = require("../contexts/icon");
+var import_modal = require("../contexts/modal");
+var import_target = require("../contexts/target");
+var import_tooltip = require("../contexts/tooltip");
+var import_theme = require("../contexts/theme");
 __reExport(contexts_exports, require("./icon"), module.exports);
 __reExport(contexts_exports, require("./theme"), module.exports);
 __reExport(contexts_exports, require("./tooltip"), module.exports);
 __reExport(contexts_exports, require("./modal"), module.exports);
+__reExport(contexts_exports, require("./target"), module.exports);
+function Context(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_theme.ThemeProvider, { theme: props.theme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.IconProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_target.TargetProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_modal.ModalProvider, { children: props.children }) }) }) }) });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Context,
   ...require("./icon"),
   ...require("./theme"),
   ...require("./tooltip"),
-  ...require("./modal")
+  ...require("./modal"),
+  ...require("./target")
 });

package/dist/contexts/index.mjs

@@ -1,5 +1,18 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
+import { IconProvider } from "../contexts/icon";
+import { ModalProvider } from "../contexts/modal";
+import { TargetProvider } from "../contexts/target";
+import { TooltipProvider } from "../contexts/tooltip";
+import { ThemeProvider } from "../contexts/theme";
 export * from "./icon";
 export * from "./theme";
 export * from "./tooltip";
 export * from "./modal";
+export * from "./target";
+function Context(props) {
+  return /* @__PURE__ */ jsx(ThemeProvider, { theme: props.theme, children: /* @__PURE__ */ jsx(IconProvider, { children: /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TargetProvider, { children: /* @__PURE__ */ jsx(ModalProvider, { children: props.children }) }) }) }) });
+}
+export {
+  Context
+};

package/dist/contexts/modal/index.js

@@ -74,7 +74,6 @@ const ModalProviderContainer = ({ children }) => {
     ModalContext.Provider,
     {
       value: {
-        value: modals,
         add,
         remove,
         setProps,

package/dist/contexts/modal/index.mjs

@@ -40,7 +40,6 @@ const ModalProviderContainer = ({ children }) => {
     ModalContext.Provider,
     {
       value: {
-        value: modals,
         add,
         remove,
         setProps,

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

@@ -0,0 +1,4 @@
+import { ITargetProvider, ITargetContext } from "@interfaces";
+declare const TargetProviderContainer: ({ children }: ITargetProvider) => import("react/jsx-runtime").JSX.Element;
+declare const useTarget: () => ITargetContext;
+export { TargetProviderContainer as TargetProvider, useTarget };

package/dist/contexts/target/index.js

@@ -0,0 +1,100 @@
+"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);
+var target_exports = {};
+__export(target_exports, {
+  TargetProvider: () => TargetProviderContainer,
+  useTarget: () => useTarget
+});
+module.exports = __toCommonJS(target_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_lodash = __toESM(require("lodash"));
+const TargetContext = (0, import_react.createContext)({});
+const TargetProviderContainer = ({ children }) => {
+  const [targets, setTargets] = (0, import_react.useState)([]);
+  (0, import_react.useEffect)(() => {
+    import_lodash.default.forEach(targets, ({ ref }) => {
+      ref.current.addEventListener("click", () => {
+      });
+    });
+  }, [targets]);
+  const getCoords = (target) => {
+    const rect = target.getBoundingClientRect();
+    const targetTop = rect.top + window.scrollY;
+    const targetLeft = rect.left + window.scrollX;
+    const coords = {
+      top: targetTop + (target.offsetHeight + 5),
+      left: targetLeft
+    };
+    if (rect.bottom < target.offsetHeight) {
+      coords.top = targetTop - (target.offsetHeight + 5);
+    }
+    if (rect.right < target.offsetWidth) {
+      coords.left = targetLeft + rect.offsetWidth;
+    }
+    return coords;
+  };
+  const add = (target) => {
+    target.ref.current.addEventListener("click", () => target.show = !target.show);
+    setTargets(import_lodash.default.concat(targets, target));
+  };
+  const remove = (ref) => {
+    setTargets(import_lodash.default.filter(targets, (data) => data.ref.current !== ref.current));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    TargetContext.Provider,
+    {
+      value: {
+        add,
+        remove
+      },
+      children: [
+        import_lodash.default.map(
+          targets,
+          (target, index) => target.show && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              style: getCoords(target.ref.current),
+              children: target.component
+            },
+            index
+          )
+        ),
+        children
+      ]
+    }
+  );
+};
+const useTarget = () => (0, import_react.useContext)(TargetContext);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TargetProvider,
+  useTarget
+});

package/dist/contexts/target/index.mjs

@@ -0,0 +1,65 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useState } from "react";
+import _ from "lodash";
+const TargetContext = createContext({});
+const TargetProviderContainer = ({ children }) => {
+  const [targets, setTargets] = useState([]);
+  useEffect(() => {
+    _.forEach(targets, ({ ref }) => {
+      ref.current.addEventListener("click", () => {
+      });
+    });
+  }, [targets]);
+  const getCoords = (target) => {
+    const rect = target.getBoundingClientRect();
+    const targetTop = rect.top + window.scrollY;
+    const targetLeft = rect.left + window.scrollX;
+    const coords = {
+      top: targetTop + (target.offsetHeight + 5),
+      left: targetLeft
+    };
+    if (rect.bottom < target.offsetHeight) {
+      coords.top = targetTop - (target.offsetHeight + 5);
+    }
+    if (rect.right < target.offsetWidth) {
+      coords.left = targetLeft + rect.offsetWidth;
+    }
+    return coords;
+  };
+  const add = (target) => {
+    target.ref.current.addEventListener("click", () => target.show = !target.show);
+    setTargets(_.concat(targets, target));
+  };
+  const remove = (ref) => {
+    setTargets(_.filter(targets, (data) => data.ref.current !== ref.current));
+  };
+  return /* @__PURE__ */ jsxs(
+    TargetContext.Provider,
+    {
+      value: {
+        add,
+        remove
+      },
+      children: [
+        _.map(
+          targets,
+          (target, index) => target.show && /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: getCoords(target.ref.current),
+              children: target.component
+            },
+            index
+          )
+        ),
+        children
+      ]
+    }
+  );
+};
+const useTarget = () => useContext(TargetContext);
+export {
+  TargetProviderContainer as TargetProvider,
+  useTarget
+};

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

@@ -1,6 +1,4 @@
-import React from "react";
-declare const TooltipProviderContainer: ({ children }: {
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+import { ITooltipProvider } from "@interfaces";
+declare const TooltipProviderContainer: ({ children }: ITooltipProvider) => import("react/jsx-runtime").JSX.Element;
 declare const useTooltip: () => any;
 export { TooltipProviderContainer as TooltipProvider, useTooltip };

package/dist/contexts/tooltip/index.js

@@ -35,7 +35,7 @@ __export(tooltip_exports, {
 module.exports = __toCommonJS(tooltip_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_styles = require("./styles");
+var import_components = require("../../components");
 var import_lodash = __toESM(require("lodash"));
 const TooltipContext = (0, import_react.createContext)({});
 const TooltipProviderContainer = ({ children }) => {
@@ -43,22 +43,24 @@ const TooltipProviderContainer = ({ children }) => {
   const getContent = (target) => {
     var _a, _b;
     const rect = target.getBoundingClientRect();
-    const props = JSON.parse(((_a = target.dataset) == null ? void 0 : _a.tooltipProps) || "{}");
+    const props = JSON.parse(((_a = target.dataset) == null ? void 0 : _a.target) || "{}");
+    const targetTop = rect.top + window.scrollY;
+    const targetLeft = rect.left + window.scrollX;
     const coords = {
-      top: rect.top + window.scrollY - (target.offsetHeight + 8),
-      left: rect.left + window.scrollX + target.offsetWidth / 2
+      top: targetTop - (target.offsetHeight + 8),
+      left: targetLeft + target.offsetWidth / 2
     };
     switch (props.position) {
       case "bottom":
-        coords.top = rect.top + window.scrollY + (target.offsetHeight + 8);
+        coords.top = targetTop + (target.offsetHeight + 8);
         break;
       case "left":
-        coords.top = rect.top + window.scrollY;
-        coords.left = rect.left + window.scrollX - target.offsetWidth;
+        coords.top = targetTop;
+        coords.left = targetLeft - target.offsetWidth;
         break;
       case "right":
-        coords.top = rect.top + window.scrollY;
-        coords.left = rect.left + window.scrollX + target.offsetWidth;
+        coords.top = targetTop;
+        coords.left = targetLeft + target.offsetWidth;
         break;
     }
     return {
@@ -109,7 +111,7 @@ const TooltipProviderContainer = ({ children }) => {
     import_lodash.default.map(
       tooltips,
       (data, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_styles.Tooltip,
+        import_components.Tooltip,
         {
           style: {
             top: data.top,

package/dist/contexts/tooltip/index.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useState } from "react";
-import { Tooltip } from "./styles";
+import { Tooltip } from "../../components";
 import _ from "lodash";
 const TooltipContext = createContext({});
 const TooltipProviderContainer = ({ children }) => {
@@ -9,22 +9,24 @@ const TooltipProviderContainer = ({ children }) => {
   const getContent = (target) => {
     var _a, _b;
     const rect = target.getBoundingClientRect();
-    const props = JSON.parse(((_a = target.dataset) == null ? void 0 : _a.tooltipProps) || "{}");
+    const props = JSON.parse(((_a = target.dataset) == null ? void 0 : _a.target) || "{}");
+    const targetTop = rect.top + window.scrollY;
+    const targetLeft = rect.left + window.scrollX;
     const coords = {
-      top: rect.top + window.scrollY - (target.offsetHeight + 8),
-      left: rect.left + window.scrollX + target.offsetWidth / 2
+      top: targetTop - (target.offsetHeight + 8),
+      left: targetLeft + target.offsetWidth / 2
     };
     switch (props.position) {
       case "bottom":
-        coords.top = rect.top + window.scrollY + (target.offsetHeight + 8);
+        coords.top = targetTop + (target.offsetHeight + 8);
         break;
       case "left":
-        coords.top = rect.top + window.scrollY;
-        coords.left = rect.left + window.scrollX - target.offsetWidth;
+        coords.top = targetTop;
+        coords.left = targetLeft - target.offsetWidth;
         break;
       case "right":
-        coords.top = rect.top + window.scrollY;
-        coords.left = rect.left + window.scrollX + target.offsetWidth;
+        coords.top = targetTop;
+        coords.left = targetLeft + target.offsetWidth;
         break;
     }
     return {

package/dist/interfaces/components/form/select/index.d.ts

@@ -15,4 +15,7 @@ export interface IInputSelect {
     required?: boolean;
     register?: UseFormRegister<any>;
     validation?: typeof z;
+    mask?: (value: string) => void;
+    setvalue?: (...args: any[]) => void;
+    maxLength?: number;
 }

package/dist/interfaces/components/index.d.ts

@@ -11,6 +11,7 @@ export * from "./avatar";
 export * from "./lottie";
 export * from "./credit-card";
 export * from "./block";
+export * from "./tooltip";
 export type IComponentMap = typeof Types;
 export type IComponentConfigMap = {
     [K in keyof IComponentMap]: {

package/dist/interfaces/components/index.js

@@ -26,6 +26,7 @@ __reExport(components_exports, require("./avatar"), module.exports);
 __reExport(components_exports, require("./lottie"), module.exports);
 __reExport(components_exports, require("./credit-card"), module.exports);
 __reExport(components_exports, require("./block"), module.exports);
+__reExport(components_exports, require("./tooltip"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("./table"),
@@ -38,5 +39,6 @@ __reExport(components_exports, require("./block"), module.exports);
   ...require("./avatar"),
   ...require("./lottie"),
   ...require("./credit-card"),
-  ...require("./block")
+  ...require("./block"),
+  ...require("./tooltip")
 });

package/dist/interfaces/components/index.mjs

@@ -9,3 +9,4 @@ export * from "./avatar";
 export * from "./lottie";
 export * from "./credit-card";
 export * from "./block";
+export * from "./tooltip";

package/dist/interfaces/components/tooltip/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export interface ITooltip {
+    children: React.ReactNode;
+}

package/dist/interfaces/components/tooltip/index.js

@@ -0,0 +1,16 @@
+"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);
+var tooltip_exports = {};
+module.exports = __toCommonJS(tooltip_exports);

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

@@ -1,8 +1,12 @@
 import React from "react";
+import { IThemeProvider } from "@interfaces";
 export * from "./icon";
 export * from "./theme";
 export * from "./tooltip";
 export * from "./modal";
+export * from "./target";
 export interface IBaseProvider {
     children: React.ReactNode;
 }
+export interface IContext extends IThemeProvider {
+}

package/dist/interfaces/contexts/index.js

@@ -19,10 +19,12 @@ __reExport(contexts_exports, require("./icon"), module.exports);
 __reExport(contexts_exports, require("./theme"), module.exports);
 __reExport(contexts_exports, require("./tooltip"), module.exports);
 __reExport(contexts_exports, require("./modal"), module.exports);
+__reExport(contexts_exports, require("./target"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("./icon"),
   ...require("./theme"),
   ...require("./tooltip"),
-  ...require("./modal")
+  ...require("./modal"),
+  ...require("./target")
 });

package/dist/interfaces/contexts/index.mjs

@@ -2,3 +2,4 @@ export * from "./icon";
 export * from "./theme";
 export * from "./tooltip";
 export * from "./modal";
+export * from "./target";

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

@@ -9,8 +9,7 @@ export interface IModalConfig {
     type?: "fixed" | "dinamic";
 }
 export interface IModalContext {
-    value: Array<IModalConfig>;
-    add: (value: IModalConfig) => void;
+    add: (config: IModalConfig) => void;
     remove: (modalName: string) => void;
     setProps: (modalName: string, props: IModal) => void;
     toggle: (modalName: string) => void;

package/dist/interfaces/contexts/target/index.d.ts

@@ -0,0 +1,3 @@
+import { IBaseProvider } from "../..";
+export interface ITooltipProvider extends IBaseProvider {
+}

package/dist/interfaces/contexts/target/index.js

@@ -0,0 +1,16 @@
+"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);
+var target_exports = {};
+module.exports = __toCommonJS(target_exports);

package/dist/interfaces/contexts/tooltip/index.d.ts

@@ -1,3 +1,17 @@
+import React from "react";
 import { IBaseProvider } from "../..";
-export interface ITooltipProvider extends IBaseProvider {
+export interface ITargetProvider extends IBaseProvider {
+}
+export interface ITargetConfig {
+    ref: React.RefObject<any>;
+    component: React.ReactNode;
+    show?: boolean;
+}
+export interface ITargetConfigCoords {
+    top: number;
+    left: number;
+}
+export interface ITargetContext {
+    add: (config: ITargetConfig) => void;
+    remove: (ref: React.RefObject<any>) => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gustavo-valsechi/client",
-  "version": "1.4.31",
+  "version": "1.4.32",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "@emotion/is-prop-valid": "1.3.0",
-    "@gustavo-valsechi/utils": "1.0.0",
+    "@gustavo-valsechi/utils": "1.0.4",
     "@gustavo-valsechi/server": "1.0.13",
     "@hookform/resolvers": "5.2.2",
     "apexcharts": "3.51.0",

package/dist/contexts/icon/styles.mjs

@@ -1,7 +0,0 @@
-import styled from "styled-components";
-const Container = styled.div`
-  
-`;
-export {
-  Container
-};