@gustavo-valsechi/client 1.3.28 → 1.3.30

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

@@ -0,0 +1,72 @@
+"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)
+    __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 datetime_exports = {};
+__export(datetime_exports, {
+  InputDateTime: () => InputDateTime
+});
+module.exports = __toCommonJS(datetime_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_styles = require("./styles");
+var import_label = require("../label");
+var import_lodash = __toESM(require("lodash"));
+function InputDateTime(props) {
+  const register = (props.register || ((name) => ({})))(props.name || "");
+  const onChange = (event) => {
+    const value = event.target.value || "";
+    event.target.value = props.mask ? props.mask(value) : value;
+    if (register.onChange) register.onChange(event);
+    if (props.onChange) props.onChange(event);
+  };
+  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_runtime.jsx)("div", { className: "iz-input-content", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "input",
+      {
+        ...import_lodash.default.omit(props, ["className", "onChange", "mask", "type", "required", "register"]),
+        type: "datetime-local",
+        onFocus: () => {
+          if (props.onFocus) props.onFocus(props.name);
+        },
+        maxLength: props.maxLength || 255,
+        ...register,
+        onChange
+      }
+    ) }),
+    !!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:
+0 && (module.exports = {
+  InputDateTime
+});

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

@@ -0,0 +1,38 @@
+"use client";
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Container } from "./styles";
+import { InputLabel } from "../label";
+import _ from "lodash";
+function InputDateTime(props) {
+  const register = (props.register || ((name) => ({})))(props.name || "");
+  const onChange = (event) => {
+    const value = event.target.value || "";
+    event.target.value = props.mask ? props.mask(value) : value;
+    if (register.onChange) register.onChange(event);
+    if (props.onChange) props.onChange(event);
+  };
+  return /* @__PURE__ */ jsxs(Container, { className: props.className, error: props.error, children: [
+    !!props.label && /* @__PURE__ */ jsxs(InputLabel, { children: [
+      props.label,
+      props.required ? "*" : ""
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "iz-input-content", children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        ..._.omit(props, ["className", "onChange", "mask", "type", "required", "register"]),
+        type: "datetime-local",
+        onFocus: () => {
+          if (props.onFocus) props.onFocus(props.name);
+        },
+        maxLength: props.maxLength || 255,
+        ...register,
+        onChange
+      }
+    ) }),
+    !!props.error && /* @__PURE__ */ jsx("div", { className: "iz-input-error", children: props.error })
+  ] });
+}
+export {
+  InputDateTime
+};

package/dist/components/types/form/types/datetime/styles.d.ts

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

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

@@ -0,0 +1,78 @@
+"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)
+    __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 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;
+
+        input {
+            border: 0;
+            padding: .5rem 1rem;
+            width: 100%;
+            font-size: .8rem;
+            background-color: ${({ theme }) => theme.primary};
+            color: ${({ theme }) => theme.t6};
+            color-scheme: ${(props) => props.theme || "light"};
+
+            &:disabled {
+                background-color: ${({ theme }) => theme.t2};
+                color: ${({ theme }) => theme.t6};
+                opacity: .7;
+            }
+
+            &:focus-visible {
+                outline: none;
+            }
+        }
+    }
+
+    .iz-input-error {
+        color: ${({ theme }) => theme.negative};
+        font-size: .7rem;
+    }
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Container
+});

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

@@ -0,0 +1,44 @@
+"use client";
+"use client";
+import styled from "styled-components";
+const 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;
+
+        input {
+            border: 0;
+            padding: .5rem 1rem;
+            width: 100%;
+            font-size: .8rem;
+            background-color: ${({ theme }) => theme.primary};
+            color: ${({ theme }) => theme.t6};
+            color-scheme: ${(props) => props.theme || "light"};
+
+            &:disabled {
+                background-color: ${({ theme }) => theme.t2};
+                color: ${({ theme }) => theme.t6};
+                opacity: .7;
+            }
+
+            &:focus-visible {
+                outline: none;
+            }
+        }
+    }
+
+    .iz-input-error {
+        color: ${({ theme }) => theme.negative};
+        font-size: .7rem;
+    }
+`;
+export {
+  Container
+};

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

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

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

@@ -0,0 +1,71 @@
+"use client";
+"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 file_exports = {};
+__export(file_exports, {
+  InputFile: () => InputFile
+});
+module.exports = __toCommonJS(file_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_styles = require("./styles");
+var import_label = require("../label");
+function InputFile(props) {
+  var _a;
+  const inputRef = (0, import_react.useRef)({});
+  const register = (props.register || ((name) => ({})))(props.name || "");
+  const readImage = (data) => {
+    if (props.onPreview) props.onPreview(URL.createObjectURL(data));
+    if (props.onChange) props.onChange(data);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { className: props.className, error: props.error, disabled: props.disabled, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "input",
+      {
+        hidden: true,
+        type: "file",
+        id: "file",
+        accept: "image/*",
+        ref: inputRef,
+        disabled: props.disabled,
+        name: props.name,
+        onFocus: () => {
+          if (props.onFocus) props.onFocus(props.name);
+        },
+        ...register,
+        onChange: (e) => {
+          var _a2;
+          register.onChange(e);
+          readImage((_a2 = e.target.files) == null ? void 0 : _a2[0]);
+        }
+      }
+    ),
+    !!props.label && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_label.InputLabel, { children: [
+      props.label,
+      props.required ? "*" : ""
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-image-content", onClick: () => inputRef.current.click(), children: ((_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.value) || "selecione uma imagem" }),
+    !!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:
+0 && (module.exports = {
+  InputFile
+});

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

@@ -0,0 +1,47 @@
+"use client";
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { Container } from "./styles";
+import { InputLabel } from "../label";
+function InputFile(props) {
+  var _a;
+  const inputRef = useRef({});
+  const register = (props.register || ((name) => ({})))(props.name || "");
+  const readImage = (data) => {
+    if (props.onPreview) props.onPreview(URL.createObjectURL(data));
+    if (props.onChange) props.onChange(data);
+  };
+  return /* @__PURE__ */ jsxs(Container, { className: props.className, error: props.error, disabled: props.disabled, children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        hidden: true,
+        type: "file",
+        id: "file",
+        accept: "image/*",
+        ref: inputRef,
+        disabled: props.disabled,
+        name: props.name,
+        onFocus: () => {
+          if (props.onFocus) props.onFocus(props.name);
+        },
+        ...register,
+        onChange: (e) => {
+          var _a2;
+          register.onChange(e);
+          readImage((_a2 = e.target.files) == null ? void 0 : _a2[0]);
+        }
+      }
+    ),
+    !!props.label && /* @__PURE__ */ jsxs(InputLabel, { children: [
+      props.label,
+      props.required ? "*" : ""
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "iz-image-content", onClick: () => inputRef.current.click(), children: ((_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.value) || "selecione uma imagem" }),
+    !!props.error && /* @__PURE__ */ jsx("div", { className: "iz-input-error", children: props.error })
+  ] });
+}
+export {
+  InputFile
+};

package/dist/components/types/form/types/file/styles.d.ts

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

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

@@ -0,0 +1,65 @@
+"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)
+    __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 Container = import_styled_components.default.div`
+    width: 100%;
+    padding-top: .3rem;
+
+    .iz-image-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: .5rem 1rem;
+        width: 100%;
+        font-size: .8rem;
+        background: ${(props) => props.disabled ? "${({ theme }) => theme.t2}" : "${({ theme }) => theme.primary}"};
+        opacity: ${(props) => props.disabled ? ".7" : "1"};
+        color: ${({ theme }) => theme.t6};
+        cursor: pointer;
+    }
+
+    .iz-input-error {
+        color: ${({ theme }) => theme.negative};
+        font-size: .7rem;
+    }
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Container
+});

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

@@ -0,0 +1,31 @@
+"use client";
+"use client";
+import styled from "styled-components";
+const Container = styled.div`
+    width: 100%;
+    padding-top: .3rem;
+
+    .iz-image-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: .5rem 1rem;
+        width: 100%;
+        font-size: .8rem;
+        background: ${(props) => props.disabled ? "${({ theme }) => theme.t2}" : "${({ theme }) => theme.primary}"};
+        opacity: ${(props) => props.disabled ? ".7" : "1"};
+        color: ${({ theme }) => theme.t6};
+        cursor: pointer;
+    }
+
+    .iz-input-error {
+        color: ${({ theme }) => theme.negative};
+        font-size: .7rem;
+    }
+`;
+export {
+  Container
+};

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

@@ -0,0 +1,7 @@
+export * from "./file";
+export * from "./label";
+export * from "./input";
+export * from "./select";
+export * from "./button";
+export * from "./datetime";
+export * from "./textarea";

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

@@ -0,0 +1,35 @@
+"use client";
+"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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+__reExport(types_exports, require("./file"), module.exports);
+__reExport(types_exports, require("./label"), module.exports);
+__reExport(types_exports, require("./input"), module.exports);
+__reExport(types_exports, require("./select"), module.exports);
+__reExport(types_exports, require("./button"), module.exports);
+__reExport(types_exports, require("./datetime"), module.exports);
+__reExport(types_exports, require("./textarea"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./file"),
+  ...require("./label"),
+  ...require("./input"),
+  ...require("./select"),
+  ...require("./button"),
+  ...require("./datetime"),
+  ...require("./textarea")
+});

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

@@ -0,0 +1,8 @@
+"use client";
+export * from "./file";
+export * from "./label";
+export * from "./input";
+export * from "./select";
+export * from "./button";
+export * from "./datetime";
+export * from "./textarea";

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

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

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

@@ -0,0 +1,84 @@
+"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)
+    __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 input_exports = {};
+__export(input_exports, {
+  InputText: () => InputText
+});
+module.exports = __toCommonJS(input_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_styles = require("./styles");
+var import_label = require("../label");
+var import_lodash = __toESM(require("lodash"));
+function InputText(props) {
+  const [showPassword, setShowPassword] = (0, import_react.useState)(false);
+  const register = (props.register || ((name) => ({})))(props.name || "");
+  const onChange = (event) => {
+    const value = event.target.value || "";
+    event.target.value = props.mask ? props.mask(value) : value;
+    if (register.onChange) register.onChange(event);
+    if (props.onChange) props.onChange(value);
+  };
+  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_runtime.jsxs)("div", { className: "iz-input-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "input",
+        {
+          ...import_lodash.default.omit(props, ["className", "register", "mask"]),
+          type: props.type === "password" ? showPassword ? "text" : "password" : props.type,
+          maxLength: props.maxLength || 255,
+          onFocus: () => {
+            if (props.onFocus) props.onFocus(props.name);
+          },
+          ...register,
+          onChange
+        }
+      ),
+      props.type === "password" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "i",
+        {
+          "aria-hidden": true,
+          className: showPassword ? "fa-solid fa-eye-slash" : "fa-solid fa-eye",
+          onClick: () => setShowPassword(!showPassword)
+        }
+      )
+    ] }),
+    !!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:
+0 && (module.exports = {
+  InputText
+});

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

@@ -0,0 +1,50 @@
+"use client";
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Container } from "./styles";
+import { InputLabel } from "../label";
+import _ from "lodash";
+function InputText(props) {
+  const [showPassword, setShowPassword] = useState(false);
+  const register = (props.register || ((name) => ({})))(props.name || "");
+  const onChange = (event) => {
+    const value = event.target.value || "";
+    event.target.value = props.mask ? props.mask(value) : value;
+    if (register.onChange) register.onChange(event);
+    if (props.onChange) props.onChange(value);
+  };
+  return /* @__PURE__ */ jsxs(Container, { className: props.className, error: props.error, password: props.type === "password", children: [
+    !!props.label && /* @__PURE__ */ jsxs(InputLabel, { children: [
+      props.label,
+      props.required ? "*" : ""
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "iz-input-content", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ..._.omit(props, ["className", "register", "mask"]),
+          type: props.type === "password" ? showPassword ? "text" : "password" : props.type,
+          maxLength: props.maxLength || 255,
+          onFocus: () => {
+            if (props.onFocus) props.onFocus(props.name);
+          },
+          ...register,
+          onChange
+        }
+      ),
+      props.type === "password" && /* @__PURE__ */ jsx(
+        "i",
+        {
+          "aria-hidden": true,
+          className: showPassword ? "fa-solid fa-eye-slash" : "fa-solid fa-eye",
+          onClick: () => setShowPassword(!showPassword)
+        }
+      )
+    ] }),
+    !!props.error && /* @__PURE__ */ jsx("div", { className: "iz-input-error", children: props.error })
+  ] });
+}
+export {
+  InputText
+};

package/dist/components/types/form/types/input/styles.d.ts

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