@gustavo-valsechi/client 1.3.29 → 1.3.30

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

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 "use client";
 var __create = Object.create;
@@ -27,79 +28,16 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// components/types/form/types/input/index.tsx
 var input_exports = {};
 __export(input_exports, {
   InputText: () => InputText
 });
 module.exports = __toCommonJS(input_exports);
-var import_react = require("react");
-
-// components/types/form/types/input/styles.tsx
-var import_styled_components = __toESM(require("styled-components"));
-var Container = import_styled_components.default.div`
-    width: 100%;
-    padding-top: .3rem;
-
-    .iz-input-content {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border: 1px solid ${({ error, theme }) => error ? theme.negative : theme.t2};
-        border-radius: 5px;
-        overflow: hidden;
-        padding-right: ${({ password }) => password ? ".6rem" : "0rem"};
-        background-color: ${({ theme }) => theme.primary};
-
-        input {
-            border: 0;
-            padding: .5rem 1rem;
-            width: 100%;
-            font-size: .8rem;
-            background-color: ${({ theme }) => theme.primary};
-            color: ${({ theme }) => theme.t6};
-
-            &:disabled {
-                background-color: ${({ theme }) => theme.t2};
-                color: ${({ theme }) => theme.t6};
-                opacity: .7;
-            }
-
-            &:focus-visible {
-                outline: none;
-            }
-        }
-
-        i {
-            color: ${({ theme }) => theme.t3};
-            cursor: pointer;
-        }
-    }
-
-    .iz-input-error {
-        color: ${({ theme }) => theme.negative};
-        font-size: .7rem;
-    }
-`;
-
-// components/types/form/types/label/styles.tsx
-var import_styled_components2 = __toESM(require("styled-components"));
-var Container2 = import_styled_components2.default.label`
-    font-size: .8rem;
-    font-weight: 500;
-    color: ${({ theme }) => theme.t6};
-`;
-
-// components/types/form/types/label/index.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-function InputLabel(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Container2, { className: props.className, children: props.children });
-}
-
-// components/types/form/types/input/index.tsx
+var import_react = require("react");
+var import_styles = require("./styles");
+var import_label = require("../label");
 var import_lodash = __toESM(require("lodash"));
-var import_jsx_runtime2 = require("react/jsx-runtime");
 function InputText(props) {
   const [showPassword, setShowPassword] = (0, import_react.useState)(false);
   const register = (props.register || ((name) => ({})))(props.name || "");
@@ -109,13 +47,13 @@ function InputText(props) {
     if (register.onChange) register.onChange(event);
     if (props.onChange) props.onChange(value);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Container, { className: props.className, error: props.error, password: props.type === "password", children: [
-    !!props.label && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(InputLabel, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { className: props.className, error: props.error, password: props.type === "password", children: [
+    !!props.label && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_label.InputLabel, { children: [
       props.label,
       props.required ? "*" : ""
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "iz-input-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "iz-input-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "input",
         {
           ...import_lodash.default.omit(props, ["className", "register", "mask"]),
@@ -128,7 +66,7 @@ function InputText(props) {
           onChange
         }
       ),
-      props.type === "password" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      props.type === "password" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "i",
         {
           "aria-hidden": true,
@@ -137,7 +75,7 @@ function InputText(props) {
         }
       )
     ] }),
-    !!props.error && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "iz-input-error", children: props.error })
+    !!props.error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-input-error", children: props.error })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:

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

@@ -1,72 +1,10 @@
 "use client";
-
-// components/types/form/types/input/index.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-
-// components/types/form/types/input/styles.tsx
-import styled from "styled-components";
-var Container = styled.div`
-    width: 100%;
-    padding-top: .3rem;
-
-    .iz-input-content {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border: 1px solid ${({ error, theme }) => error ? theme.negative : theme.t2};
-        border-radius: 5px;
-        overflow: hidden;
-        padding-right: ${({ password }) => password ? ".6rem" : "0rem"};
-        background-color: ${({ theme }) => theme.primary};
-
-        input {
-            border: 0;
-            padding: .5rem 1rem;
-            width: 100%;
-            font-size: .8rem;
-            background-color: ${({ theme }) => theme.primary};
-            color: ${({ theme }) => theme.t6};
-
-            &:disabled {
-                background-color: ${({ theme }) => theme.t2};
-                color: ${({ theme }) => theme.t6};
-                opacity: .7;
-            }
-
-            &:focus-visible {
-                outline: none;
-            }
-        }
-
-        i {
-            color: ${({ theme }) => theme.t3};
-            cursor: pointer;
-        }
-    }
-
-    .iz-input-error {
-        color: ${({ theme }) => theme.negative};
-        font-size: .7rem;
-    }
-`;
-
-// components/types/form/types/label/styles.tsx
-import styled2 from "styled-components";
-var Container2 = styled2.label`
-    font-size: .8rem;
-    font-weight: 500;
-    color: ${({ theme }) => theme.t6};
-`;
-
-// components/types/form/types/label/index.tsx
-import { jsx } from "react/jsx-runtime";
-function InputLabel(props) {
-  return /* @__PURE__ */ jsx(Container2, { className: props.className, children: props.children });
-}
-
-// components/types/form/types/input/index.tsx
+import { Container } from "./styles";
+import { InputLabel } from "../label";
 import _ from "lodash";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function InputText(props) {
   const [showPassword, setShowPassword] = useState(false);
   const register = (props.register || ((name) => ({})))(props.name || "");
@@ -82,7 +20,7 @@ function InputText(props) {
       props.required ? "*" : ""
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "iz-input-content", children: [
-      /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx(
         "input",
         {
           ..._.omit(props, ["className", "register", "mask"]),
@@ -95,7 +33,7 @@ function InputText(props) {
           onChange
         }
       ),
-      props.type === "password" && /* @__PURE__ */ jsx2(
+      props.type === "password" && /* @__PURE__ */ jsx(
         "i",
         {
           "aria-hidden": true,
@@ -104,7 +42,7 @@ function InputText(props) {
         }
       )
     ] }),
-    !!props.error && /* @__PURE__ */ jsx2("div", { className: "iz-input-error", children: props.error })
+    !!props.error && /* @__PURE__ */ jsx("div", { className: "iz-input-error", children: props.error })
   ] });
 }
 export {

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

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 "use client";
 var __create = Object.create;
@@ -27,15 +28,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// components/types/form/types/input/styles.tsx
 var styles_exports = {};
 __export(styles_exports, {
   Container: () => Container
 });
 module.exports = __toCommonJS(styles_exports);
 var import_styled_components = __toESM(require("styled-components"));
-var Container = import_styled_components.default.div`
+const Container = import_styled_components.default.div`
     width: 100%;
     padding-top: .3rem;
 

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

@@ -1,8 +1,7 @@
 "use client";
-
-// components/types/form/types/input/styles.tsx
+"use client";
 import styled from "styled-components";
-var Container = styled.div`
+const Container = styled.div`
     width: 100%;
     padding-top: .3rem;
 

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

@@ -1,10 +1,9 @@
+"use client";
 "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)
@@ -18,35 +17,16 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// components/types/form/types/label/index.tsx
 var label_exports = {};
 __export(label_exports, {
   InputLabel: () => InputLabel
 });
 module.exports = __toCommonJS(label_exports);
-
-// components/types/form/types/label/styles.tsx
-var import_styled_components = __toESM(require("styled-components"));
-var Container = import_styled_components.default.label`
-    font-size: .8rem;
-    font-weight: 500;
-    color: ${({ theme }) => theme.t6};
-`;
-
-// components/types/form/types/label/index.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_styles = require("./styles");
 function InputLabel(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Container, { className: props.className, children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Container, { className: props.className, children: props.children });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,15 +1,7 @@
 "use client";
-
-// components/types/form/types/label/styles.tsx
-import styled from "styled-components";
-var Container = styled.label`
-    font-size: .8rem;
-    font-weight: 500;
-    color: ${({ theme }) => theme.t6};
-`;
-
-// components/types/form/types/label/index.tsx
+"use client";
 import { jsx } from "react/jsx-runtime";
+import { Container } from "./styles";
 function InputLabel(props) {
   return /* @__PURE__ */ jsx(Container, { className: props.className, children: props.children });
 }

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

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 "use client";
 var __create = Object.create;
@@ -27,15 +28,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// components/types/form/types/label/styles.tsx
 var styles_exports = {};
 __export(styles_exports, {
   Container: () => Container
 });
 module.exports = __toCommonJS(styles_exports);
 var import_styled_components = __toESM(require("styled-components"));
-var Container = import_styled_components.default.label`
+const Container = import_styled_components.default.label`
     font-size: .8rem;
     font-weight: 500;
     color: ${({ theme }) => theme.t6};

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

@@ -1,8 +1,7 @@
 "use client";
-
-// components/types/form/types/label/styles.tsx
+"use client";
 import styled from "styled-components";
-var Container = styled.label`
+const Container = styled.label`
     font-size: .8rem;
     font-weight: 500;
     color: ${({ theme }) => theme.t6};

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

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 "use client";
 var __create = Object.create;
@@ -27,85 +28,16 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// components/types/form/types/select/index.tsx
 var select_exports = {};
 __export(select_exports, {
   InputSelect: () => InputSelect
 });
 module.exports = __toCommonJS(select_exports);
-var import_react = require("react");
-
-// components/types/form/types/select/styles.tsx
-var import_styled_components = __toESM(require("styled-components"));
-var Container = import_styled_components.default.div`
-    width: 100%;
-    padding-top: .3rem;
-
-    .iz-input-content {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border: 1px solid ${({ error, theme }) => error ? theme.negative : theme.t2};
-        border-radius: 5px;
-        overflow: hidden;
-        position: relative;
-        cursor: pointer;
-
-        select {
-            border: 0;
-            padding: .5rem 2.3rem .5rem 1rem;
-            width: 100%;
-            font-size: .8rem;
-            appearance: none;
-            cursor: pointer;
-            background-color: ${({ theme }) => theme.primary};
-            color: ${({ theme }) => theme.t6};
-
-            &:disabled {
-                background-color: ${({ theme }) => theme.t2};
-                color: ${({ theme }) => theme.t6};
-                opacity: .7;
-            }
-
-            &:focus-visible {
-                outline: none;
-            }
-        }
-
-        i {
-            position: absolute;
-            top: 50%;
-            right: .8rem;
-            transform: translateY(-50%);
-            font-size: .8rem;
-            color: ${({ theme }) => theme.t6};
-        }
-    }
-
-    .iz-input-error {
-        color: ${({ theme }) => theme.negative};
-        font-size: .7rem;
-    }
-`;
-
-// components/types/form/types/label/styles.tsx
-var import_styled_components2 = __toESM(require("styled-components"));
-var Container2 = import_styled_components2.default.label`
-    font-size: .8rem;
-    font-weight: 500;
-    color: ${({ theme }) => theme.t6};
-`;
-
-// components/types/form/types/label/index.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-function InputLabel(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Container2, { className: props.className, children: props.children });
-}
-
-// components/types/form/types/select/index.tsx
+var import_react = require("react");
+var import_styles = require("./styles");
+var import_label = require("../label");
 var import_lodash = __toESM(require("lodash"));
-var import_jsx_runtime2 = require("react/jsx-runtime");
 function InputSelect(props) {
   const [focus, setFocus] = (0, import_react.useState)(false);
   const register = (props.register || ((name) => ({})))(props.name || "");
@@ -114,13 +46,13 @@ function InputSelect(props) {
     if (register.onChange) register.onChange(event);
     if (props.onChange) props.onChange(value);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Container, { className: props.className, error: props.error, children: [
-    !!props.label && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(InputLabel, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { className: props.className, error: props.error, children: [
+    !!props.label && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_label.InputLabel, { children: [
       props.label,
       props.required ? "*" : ""
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "iz-input-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "iz-input-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "select",
         {
           ...import_lodash.default.omit(props, ["className", "onChange", "onFocus", "options", "onMouseDown", "onBlur", "maxLength", "required", "register"]),
@@ -136,7 +68,7 @@ function InputSelect(props) {
           onChange,
           children: import_lodash.default.map(
             props.options,
-            (data, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            (data, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "option",
               {
                 value: Object.keys(data),
@@ -147,9 +79,9 @@ function InputSelect(props) {
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("i", { "aria-hidden": true, className: focus ? "fa-solid fa-chevron-up" : "fa-solid fa-chevron-down" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: focus ? "fa-solid fa-chevron-up" : "fa-solid fa-chevron-down" })
     ] }),
-    !!props.error && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "iz-input-error", children: props.error })
+    !!props.error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-input-error", children: props.error })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:

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

@@ -1,78 +1,10 @@
 "use client";
-
-// components/types/form/types/select/index.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-
-// components/types/form/types/select/styles.tsx
-import styled from "styled-components";
-var Container = styled.div`
-    width: 100%;
-    padding-top: .3rem;
-
-    .iz-input-content {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border: 1px solid ${({ error, theme }) => error ? theme.negative : theme.t2};
-        border-radius: 5px;
-        overflow: hidden;
-        position: relative;
-        cursor: pointer;
-
-        select {
-            border: 0;
-            padding: .5rem 2.3rem .5rem 1rem;
-            width: 100%;
-            font-size: .8rem;
-            appearance: none;
-            cursor: pointer;
-            background-color: ${({ theme }) => theme.primary};
-            color: ${({ theme }) => theme.t6};
-
-            &:disabled {
-                background-color: ${({ theme }) => theme.t2};
-                color: ${({ theme }) => theme.t6};
-                opacity: .7;
-            }
-
-            &:focus-visible {
-                outline: none;
-            }
-        }
-
-        i {
-            position: absolute;
-            top: 50%;
-            right: .8rem;
-            transform: translateY(-50%);
-            font-size: .8rem;
-            color: ${({ theme }) => theme.t6};
-        }
-    }
-
-    .iz-input-error {
-        color: ${({ theme }) => theme.negative};
-        font-size: .7rem;
-    }
-`;
-
-// components/types/form/types/label/styles.tsx
-import styled2 from "styled-components";
-var Container2 = styled2.label`
-    font-size: .8rem;
-    font-weight: 500;
-    color: ${({ theme }) => theme.t6};
-`;
-
-// components/types/form/types/label/index.tsx
-import { jsx } from "react/jsx-runtime";
-function InputLabel(props) {
-  return /* @__PURE__ */ jsx(Container2, { className: props.className, children: props.children });
-}
-
-// components/types/form/types/select/index.tsx
+import { Container } from "./styles";
+import { InputLabel } from "../label";
 import _ from "lodash";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function InputSelect(props) {
   const [focus, setFocus] = useState(false);
   const register = (props.register || ((name) => ({})))(props.name || "");
@@ -87,7 +19,7 @@ function InputSelect(props) {
       props.required ? "*" : ""
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "iz-input-content", children: [
-      /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx(
         "select",
         {
           ..._.omit(props, ["className", "onChange", "onFocus", "options", "onMouseDown", "onBlur", "maxLength", "required", "register"]),
@@ -103,7 +35,7 @@ function InputSelect(props) {
           onChange,
           children: _.map(
             props.options,
-            (data, index) => /* @__PURE__ */ jsx2(
+            (data, index) => /* @__PURE__ */ jsx(
               "option",
               {
                 value: Object.keys(data),
@@ -114,9 +46,9 @@ function InputSelect(props) {
           )
         }
       ),
-      /* @__PURE__ */ jsx2("i", { "aria-hidden": true, className: focus ? "fa-solid fa-chevron-up" : "fa-solid fa-chevron-down" })
+      /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: focus ? "fa-solid fa-chevron-up" : "fa-solid fa-chevron-down" })
     ] }),
-    !!props.error && /* @__PURE__ */ jsx2("div", { className: "iz-input-error", children: props.error })
+    !!props.error && /* @__PURE__ */ jsx("div", { className: "iz-input-error", children: props.error })
   ] });
 }
 export {

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

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 "use client";
 var __create = Object.create;
@@ -27,15 +28,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// components/types/form/types/select/styles.tsx
 var styles_exports = {};
 __export(styles_exports, {
   Container: () => Container
 });
 module.exports = __toCommonJS(styles_exports);
 var import_styled_components = __toESM(require("styled-components"));
-var Container = import_styled_components.default.div`
+const Container = import_styled_components.default.div`
     width: 100%;
     padding-top: .3rem;
 

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

@@ -1,8 +1,7 @@
 "use client";
-
-// components/types/form/types/select/styles.tsx
+"use client";
 import styled from "styled-components";
-var Container = styled.div`
+const Container = styled.div`
     width: 100%;
     padding-top: .3rem;