@gustavo-valsechi/client 1.3.29 → 1.3.30

package/dist/components/types/form/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/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.form`
+const Container = import_styled_components.default.form`
     width: 100%;
 
     .form-buttons {

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

@@ -1,8 +1,7 @@
 "use client";
-
-// components/types/form/styles.tsx
+"use client";
 import styled from "styled-components";
-var Container = styled.form`
+const Container = styled.form`
     width: 100%;
 
     .form-buttons {

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

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 "use client";
 var __create = Object.create;
@@ -27,169 +28,26 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// components/types/form/types/button/index.tsx
 var button_exports = {};
 __export(button_exports, {
   Button: () => Button
 });
 module.exports = __toCommonJS(button_exports);
-
-// components/types/form/types/button/styles.tsx
-var import_styled_components = __toESM(require("styled-components"));
-var Container = import_styled_components.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_components2 = __toESM(require("styled-components"));
-var Container2 = import_styled_components2.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_runtime = require("react/jsx-runtime");
-function Loading() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Container2, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {})
-  ] });
-}
-
-// components/types/form/types/button/index.tsx
+var import_styles = require("./styles");
+var import_loading = require("./loading");
 var import_lodash = __toESM(require("lodash"));
-var import_jsx_runtime2 = require("react/jsx-runtime");
 function Button(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    Container,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_styles.Container,
     {
       loading: String(!!props.loading),
       disabled: props.disabled,
       type: props.type || "button",
       ...import_lodash.default.omit(props, ["loading", "type"]),
       children: [
-        !!props.loading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Loading, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: props.label })
+        !!props.loading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_loading.Loading, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: props.label })
       ]
     }
   );

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

@@ -1,151 +1,11 @@
 "use client";
-
-// components/types/form/types/button/styles.tsx
-import styled from "styled-components";
-var Container = styled.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
-import styled2 from "styled-components";
-var Container2 = styled2.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
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-function Loading() {
-  return /* @__PURE__ */ jsxs(Container2, { children: [
-    /* @__PURE__ */ jsx("div", {}),
-    /* @__PURE__ */ jsx("div", {}),
-    /* @__PURE__ */ jsx("div", {})
-  ] });
-}
-
-// components/types/form/types/button/index.tsx
+import { Container } from "./styles";
+import { Loading } from "./loading";
 import _ from "lodash";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function Button(props) {
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs(
     Container,
     {
       loading: String(!!props.loading),
@@ -153,8 +13,8 @@ function Button(props) {
       type: props.type || "button",
       ..._.omit(props, ["loading", "type"]),
       children: [
-        !!props.loading && /* @__PURE__ */ jsx2(Loading, {}),
-        /* @__PURE__ */ jsx2("span", { children: props.label })
+        !!props.loading && /* @__PURE__ */ jsx(Loading, {}),
+        /* @__PURE__ */ jsx("span", { children: props.label })
       ]
     }
   );

package/dist/components/types/form/types/button/loading/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,116 +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/button/loading/index.tsx
 var loading_exports = {};
 __export(loading_exports, {
   Loading: () => Loading
 });
 module.exports = __toCommonJS(loading_exports);
-
-// components/types/form/types/button/loading/styles.tsx
-var import_styled_components = __toESM(require("styled-components"));
-var Container = import_styled_components.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_runtime = require("react/jsx-runtime");
+var import_styles = require("./styles");
 function Loading() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Container, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {})

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

@@ -1,96 +1,7 @@
 "use client";
-
-// components/types/form/types/button/loading/styles.tsx
-import styled from "styled-components";
-var Container = styled.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
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Container } from "./styles";
 function Loading() {
   return /* @__PURE__ */ jsxs(Container, { children: [
     /* @__PURE__ */ jsx("div", {}),

package/dist/components/types/form/types/button/loading/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/button/loading/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`
     display: flex;
     justify-content: space-between;
     align-items: center;

package/dist/components/types/form/types/button/loading/styles.mjs

@@ -1,8 +1,7 @@
 "use client";
-
-// components/types/form/types/button/loading/styles.tsx
+"use client";
 import styled from "styled-components";
-var Container = styled.div`
+const Container = styled.div`
     display: flex;
     justify-content: space-between;
     align-items: center;

package/dist/components/types/form/types/button/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/button/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.button`
+const Container = import_styled_components.default.button`
     border-radius: 5px;
     font-size: .8rem;
     font-weight: 500;

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

@@ -1,8 +1,7 @@
 "use client";
-
-// components/types/form/types/button/styles.tsx
+"use client";
 import styled from "styled-components";
-var Container = styled.button`
+const Container = styled.button`
     border-radius: 5px;
     font-size: .8rem;
     font-weight: 500;