@gustavo-valsechi/client 1.3.29 → 1.3.30

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

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 "use client";
 var __create = Object.create;
@@ -18,6 +19,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 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-
@@ -27,656 +29,25 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// components/types/form/index.tsx
 var form_exports = {};
 __export(form_exports, {
-  Button: () => Button,
-  Form: () => Form,
-  InputDateTime: () => InputDateTime,
-  InputFile: () => InputFile,
-  InputLabel: () => InputLabel,
-  InputSelect: () => InputSelect,
-  InputText: () => InputText,
-  InputTextarea: () => InputTextarea
+  Form: () => Form
 });
 module.exports = __toCommonJS(form_exports);
-var import_react4 = __toESM(require("react"));
-
-// components/types/form/styles.tsx
-var import_styled_components = __toESM(require("styled-components"));
-var Container = import_styled_components.default.form`
-    width: 100%;
-
-    .form-buttons {
-        width: 100%;
-        padding-top: 1rem;
-
-        button {
-            width: 100%;
-            margin-top: 1rem;
-        }
-    }
-`;
-
-// components/types/form/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_styles = require("./styles");
 var import_zod = require("zod");
 var import_react_hook_form = require("react-hook-form");
 var import_zod2 = require("@hookform/resolvers/zod");
-var import_lodash6 = __toESM(require("lodash"));
-
-// components/types/form/types/index.tsx
-var types_exports = {};
-__export(types_exports, {
-  Button: () => Button,
-  InputDateTime: () => InputDateTime,
-  InputFile: () => InputFile,
-  InputLabel: () => InputLabel,
-  InputSelect: () => InputSelect,
-  InputText: () => InputText,
-  InputTextarea: () => InputTextarea
-});
-
-// components/types/form/types/file/index.tsx
-var import_react = require("react");
-
-// components/types/form/types/file/styles.tsx
-var import_styled_components2 = __toESM(require("styled-components"));
-var Container2 = import_styled_components2.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;
-    }
-`;
-
-// components/types/form/types/label/styles.tsx
-var import_styled_components3 = __toESM(require("styled-components"));
-var Container3 = import_styled_components3.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)(Container3, { className: props.className, children: props.children });
-}
-
-// components/types/form/types/file/index.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-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_runtime2.jsxs)(Container2, { className: props.className, error: props.error, disabled: props.disabled, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.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_runtime2.jsxs)(InputLabel, { children: [
-      props.label,
-      props.required ? "*" : ""
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.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_runtime2.jsx)("div", { className: "iz-input-error", children: props.error })
-  ] });
-}
-
-// components/types/form/types/input/index.tsx
-var import_react2 = require("react");
-
-// components/types/form/types/input/styles.tsx
-var import_styled_components4 = __toESM(require("styled-components"));
-var Container4 = import_styled_components4.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/input/index.tsx
 var import_lodash = __toESM(require("lodash"));
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function InputText(props) {
-  const [showPassword, setShowPassword] = (0, import_react2.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_runtime3.jsxs)(Container4, { className: props.className, error: props.error, password: props.type === "password", children: [
-    !!props.label && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(InputLabel, { children: [
-      props.label,
-      props.required ? "*" : ""
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "iz-input-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.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_runtime3.jsx)("div", { className: "iz-input-error", children: props.error })
-  ] });
-}
-
-// components/types/form/types/select/index.tsx
-var import_react3 = require("react");
-
-// components/types/form/types/select/styles.tsx
-var import_styled_components5 = __toESM(require("styled-components"));
-var Container5 = import_styled_components5.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/select/index.tsx
-var import_lodash2 = __toESM(require("lodash"));
-var import_jsx_runtime4 = require("react/jsx-runtime");
-function InputSelect(props) {
-  const [focus, setFocus] = (0, import_react3.useState)(false);
-  const register = (props.register || ((name) => ({})))(props.name || "");
-  const onChange = (event) => {
-    const value = event.target.value || "";
-    if (register.onChange) register.onChange(event);
-    if (props.onChange) props.onChange(value);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Container5, { className: props.className, error: props.error, children: [
-    !!props.label && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(InputLabel, { children: [
-      props.label,
-      props.required ? "*" : ""
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "iz-input-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        "select",
-        {
-          ...import_lodash2.default.omit(props, ["className", "onChange", "onFocus", "options", "onMouseDown", "onBlur", "maxLength", "required", "register"]),
-          onMouseDown: () => setFocus(!focus),
-          onFocus: () => {
-            if (props.onFocus) props.onFocus(props.name);
-          },
-          ...register,
-          onBlur: (event) => {
-            if (register.onBlur) register.onBlur(event);
-            setFocus(false);
-          },
-          onChange,
-          children: import_lodash2.default.map(
-            props.options,
-            (data, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-              "option",
-              {
-                value: Object.keys(data),
-                children: Object.values(data)
-              },
-              index
-            )
-          )
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("i", { "aria-hidden": true, className: focus ? "fa-solid fa-chevron-up" : "fa-solid fa-chevron-down" })
-    ] }),
-    !!props.error && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "iz-input-error", children: props.error })
-  ] });
-}
-
-// components/types/form/types/button/styles.tsx
-var import_styled_components6 = __toESM(require("styled-components"));
-var Container6 = import_styled_components6.default.button`
-    border-radius: 5px;
-    font-size: .8rem;
-    font-weight: 500;
-    transition: ease .3s;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: ${(props) => props.transparent ? props.theme.t6 : props.outline ? props.color || props.theme.secondary : "#fff !important"};
-    background: ${(props) => props.transparent ? "transparent" : props.outline ? props.theme.t05 : props.color || props.theme.secondary};
-    border: 1px solid ${(props) => props.transparent ? "transparent" : props.outline ? props.theme.t05 : props.color || props.theme.secondary};
-    pointer-events: ${(props) => props.loading === "true" ? "none" : "auto"};
-    cursor: ${(props) => props.loading === "true" ? "default" : "pointer"};
-    opacity: ${(props) => props.loading === "true" ? 0.6 : 1};
-    padding: .4rem 2.5rem;
-    transition: ease .3s;
-
-    span {
-        text-align: center;
-        cursor: ${(props) => props.loading === "true" ? "default" : "pointer"};
-    }
-
-    &:disabled {
-        pointer-events: none;
-        
-        &::before {
-            opacity: .6;
-        }
-    }
-
-    &:hover {
-        opacity: .9;
-        color: ${(props) => props.transparent ? props.theme.t6 : props.outline ? props.color || props.theme.secondary : "#fff"};
-        
-        &::before {
-            background: ${(props) => props.transparent ? "transparent" : props.color || props.theme.secondary};
-        }
-    }
-`;
-
-// components/types/form/types/button/loading/styles.tsx
-var import_styled_components7 = __toESM(require("styled-components"));
-var Container7 = import_styled_components7.default.div`
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 2rem;
-    margin-right: .5rem;
-
-    div {
-        width: .5rem;
-        height: .5rem;
-        border-radius: 1rem;
-        background: rgb(255, 255, 255, 1);
-
-        &:nth-child(1) {
-            animation: blinkOne infinite ease 2s;
-        }
-
-        &:nth-child(2) {
-            animation: blinkTwo infinite ease 2s;
-        }
-
-        &:nth-child(3) {
-            animation: blinkThree infinite ease 2s;
-        }
-    }
-
-    @keyframes blinkOne {
-        0% {
-            opacity: 0.8;
-        }
-        20% {
-            opacity: 0.2;
-        }
-        40% {
-            opacity: 0.2;
-        }
-        60% {
-            opacity: 0.2;
-        }
-        80% {
-            opacity: 0.2;
-        }
-        100% {
-            opacity: 0.8;
-        }
-    }
-
-    @keyframes blinkTwo {
-        0% {
-            opacity: 0.2;
-        }
-        20% {
-            opacity: 0.8;
-        }
-        40% {
-            opacity: 0.2;
-        }
-        60% {
-            opacity: 0.2;
-        }
-        80% {
-            opacity: 0.8;
-        }
-        100% {
-            opacity: 0.2;
-        }
-    }
-
-    @keyframes blinkThree {
-        0% {
-            opacity: 0.2;
-        }
-        25% {
-            opacity: 0.2;
-        }
-        50% {
-            opacity: 0.8;
-        }
-        75% {
-            opacity: 0.2;
-        }
-        100% {
-            opacity: 0.2;
-        }
-    }
-`;
-
-// components/types/form/types/button/loading/index.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-function Loading() {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Container7, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", {}),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", {}),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", {})
-  ] });
-}
-
-// components/types/form/types/button/index.tsx
-var import_lodash3 = __toESM(require("lodash"));
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function Button(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-    Container6,
-    {
-      loading: String(!!props.loading),
-      disabled: props.disabled,
-      type: props.type || "button",
-      ...import_lodash3.default.omit(props, ["loading", "type"]),
-      children: [
-        !!props.loading && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Loading, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: props.label })
-      ]
-    }
-  );
-}
-
-// components/types/form/types/datetime/styles.tsx
-var import_styled_components8 = __toESM(require("styled-components"));
-var Container8 = import_styled_components8.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;
-    }
-`;
-
-// components/types/form/types/datetime/index.tsx
-var import_lodash4 = __toESM(require("lodash"));
-var import_jsx_runtime7 = require("react/jsx-runtime");
-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_runtime7.jsxs)(Container8, { className: props.className, error: props.error, children: [
-    !!props.label && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(InputLabel, { children: [
-      props.label,
-      props.required ? "*" : ""
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "iz-input-content", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      "input",
-      {
-        ...import_lodash4.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_runtime7.jsx)("div", { className: "iz-input-error", children: props.error })
-  ] });
-}
-
-// components/types/form/types/textarea/styles.tsx
-var import_styled_components9 = __toESM(require("styled-components"));
-var Container9 = import_styled_components9.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;
-
-        textarea {
-            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;
-            }
-        }
-    }
-
-    .iz-input-error {
-        color: ${({ theme }) => theme.negative};
-        font-size: .7rem;
-    }
-`;
-
-// components/types/form/types/textarea/index.tsx
-var import_lodash5 = __toESM(require("lodash"));
-var import_jsx_runtime8 = require("react/jsx-runtime");
-function InputTextarea(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(value);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Container9, { className: props.className, error: props.error, children: [
-    !!props.label && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(InputLabel, { children: [
-      props.label,
-      props.required ? "*" : ""
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "iz-input-content", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      "textarea",
-      {
-        ...import_lodash5.default.omit(props, ["onFocus", "maxLength", "className", "onChange", "mask", "rows", "required", "register"]),
-        maxLength: props.maxLength,
-        rows: props.rows || 5,
-        onFocus: () => {
-          if (props.onFocus) props.onFocus(props.name);
-        },
-        ...register,
-        onChange
-      }
-    ) }),
-    !!props.error && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "iz-input-error", children: props.error })
-  ] });
-}
-
-// components/types/form/index.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var Types = __toESM(require("./types"));
+__reExport(form_exports, require("./types"), module.exports);
 function Form(props) {
-  const formRef = props.formRef || (0, import_react4.useRef)({});
+  const formRef = props.formRef || (0, import_react.useRef)({});
   const setSchema = () => {
     const schema2 = {};
-    import_lodash6.default.forEach(props.inputs, (data) => {
+    import_lodash.default.forEach(props.inputs, (data) => {
       if (!data.validation) return;
       schema2[data.name] = data.validation;
     });
@@ -694,27 +65,27 @@ function Form(props) {
     defaultValues: props.defaultValues,
     mode: "all"
   });
-  (0, import_react4.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (!props.clearWhen) return;
     reset(void 0, { keepErrors: false });
   }, [props.clearWhen]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     var _a;
     if (!props.defaultValues || !((_a = Object.keys(props.defaultValues || {})) == null ? void 0 : _a.length)) return;
-    import_lodash6.default.forEach(props.defaultValues, (value, key) => {
-      const input = import_lodash6.default.find(props.inputs, (data) => data.name === key);
+    import_lodash.default.forEach(props.defaultValues, (value, key) => {
+      const input = import_lodash.default.find(props.inputs, (data) => data.name === key);
       props.defaultValues[key] = input.mask ? input.mask(value) : value;
     });
     reset(props.defaultValues, { keepErrors: false });
   }, [props.defaultValues]);
   const component = (data) => {
     var _a;
-    const component2 = types_exports[import_lodash6.default.camelCase(data.type)];
-    const TypeComponent = component2 || InputText;
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    const component2 = Types[import_lodash.default.camelCase(data.type)];
+    const TypeComponent = component2 || Types.InputText;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       TypeComponent,
       {
-        ...import_lodash6.default.omit(data, ["validation"]),
+        ...import_lodash.default.omit(data, ["validation"]),
         id: data.name,
         type: component2 ? void 0 : data.type,
         error: (_a = errors[data.name]) == null ? void 0 : _a.message,
@@ -722,25 +93,19 @@ function Form(props) {
       }
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Container, { ref: formRef, onSubmit: handleSubmit(props.onSubmit), children: [
-    import_lodash6.default.map(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { ref: formRef, onSubmit: handleSubmit(props.onSubmit), children: [
+    import_lodash.default.map(
       props.inputs,
-      (data, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react4.default.Fragment, { children: component(data) }, index)
+      (data, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.default.Fragment, { children: component(data) }, index)
     ),
-    import_lodash6.default.isArray(props.buttons) && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "form-buttons", children: import_lodash6.default.map(
+    import_lodash.default.isArray(props.buttons) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "form-buttons", children: import_lodash.default.map(
       props.buttons,
-      (data, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Button, { ...data }, index)
+      (data, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Types.Button, { ...data }, index)
     ) })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Button,
   Form,
-  InputDateTime,
-  InputFile,
-  InputLabel,
-  InputSelect,
-  InputText,
-  InputTextarea
+  ...require("./types")
 });