pge-front-common 3.0.0 → 4.0.1

package/README.md

@@ -63,18 +63,14 @@ O Storybook estará disponível em http://localhost:6006.
 
 ## Template Pull Request
 
-    # Qual é a Feature ou Bug?
+# Qual é a Feature ou Bug
 
-    # Como foi implementada a solução?
+# Como foi implementada a solução
 
+# Isso pode impactar outra parte do projeto
 
-    # Isso pode impactar outra parte do projeto?
+# O que é esperado após esta implementaçã
 
+# Existem alterações na UI/UX? (screenshots, gravações de tela
 
-    # O que é esperado após esta implementação
-
-
-    # Existem alterações na UI/UX? (screenshots, gravações de tela)
-
-
-    # Como reproduzir esta feature/correção?
+# Como reproduzir esta feature/correção?

package/lib/components/Button/Button.d.ts

@@ -1,8 +1,7 @@
 import React, { ButtonHTMLAttributes } from "react";
-interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     variant: "primary" | "secondary";
     text: string;
     leftIcon?: React.ReactNode;
 }
 export declare function Button({ variant, text, leftIcon, ...props }: ButtonProps): React.JSX.Element;
-export {};

package/lib/components/Input/index.types.d.ts

@@ -4,7 +4,7 @@ export interface InputBaseProps extends Partial<HTMLInputElement> {
     hasError?: boolean;
     textError?: string;
     message?: string;
-    Icon?: string | React.ReactNode;
+    Icon?: React.ReactNode;
     textAling?: "start" | "end" | "center";
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;

package/lib/components/Modal/ModalConfirm/ModalConfirm.stories.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import type { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;
-    component: React.FC<import("./index").ModalProps>;
+    component: React.FC<import("./index").ModalConfirmProps>;
     parameters: {
         layout: string;
     };

package/lib/components/Modal/ModalConfirm/index.d.ts

@@ -1,8 +1,7 @@
 import React from "react";
-export interface ModalProps {
+export interface ModalConfirmProps {
     isModalOpen: boolean;
     onOpenChange: React.Dispatch<React.SetStateAction<boolean>>;
     children: React.ReactNode;
 }
-declare const ModalConfirm: React.FC<ModalProps>;
-export default ModalConfirm;
+export declare const ModalConfirm: React.FC<ModalConfirmProps>;

package/lib/components/Select/Select.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import Dropdown from "./index";
+import { Dropdown } from "./index";
 declare const meta: Meta<typeof Dropdown>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/lib/components/Select/index.d.ts

@@ -1,4 +1,3 @@
 import React from "react";
 import { DropdownProps } from "./index.types";
-declare const Dropdown: React.FC<Partial<DropdownProps>>;
-export default Dropdown;
+export declare const Dropdown: React.FC<Partial<DropdownProps>>;

package/lib/index.d.ts

@@ -1,64 +1,109 @@
-import React, { ButtonHTMLAttributes, SVGProps } from 'react';
+import React$1, { ButtonHTMLAttributes, SVGProps } from 'react';
 
 interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     variant: "primary" | "secondary";
     text: string;
-    leftIcon?: React.ReactNode;
+    leftIcon?: React$1.ReactNode;
 }
-declare function Button({ variant, text, leftIcon, ...props }: ButtonProps): React.JSX.Element;
+declare function Button({ variant, text, leftIcon, ...props }: ButtonProps): React$1.JSX.Element;
+
+interface InputBaseProps extends Partial<HTMLInputElement> {
+    label: string;
+    hasError?: boolean;
+    textError?: string;
+    message?: string;
+    Icon?: React$1.ReactNode;
+    textAling?: "start" | "end" | "center";
+    onChange?: (e: React$1.ChangeEvent<HTMLInputElement>) => void;
+    onClick?: (e: React$1.MouseEvent<HTMLInputElement>) => void;
+}
+
+declare const InputBase: React$1.FC<Partial<InputBaseProps>>;
 
 interface ModalProps {
     isModalOpen: boolean;
-    onOpenChange: React.Dispatch<React.SetStateAction<boolean>>;
-    children: React.ReactNode;
+    onOpenChange: React$1.Dispatch<React$1.SetStateAction<boolean>>;
+    children: React$1.ReactNode;
     title: string;
 }
-declare const Modal: ({ isModalOpen, onOpenChange, children, title, }: ModalProps) => React.JSX.Element;
+declare const Modal: ({ isModalOpen, onOpenChange, children, title, }: ModalProps) => React$1.JSX.Element;
+
+interface ModalConfirmProps {
+    isModalOpen: boolean;
+    onOpenChange: React$1.Dispatch<React$1.SetStateAction<boolean>>;
+    children: React$1.ReactNode;
+}
+declare const ModalConfirm: React$1.FC<ModalConfirmProps>;
+
+interface DropdownProps {
+    label: string;
+    name: string;
+    type: string;
+    disabled?: boolean;
+    hasError?: boolean;
+    textError?: string;
+    message?: string;
+    placeholder?: string;
+    Icon?: string | React.ReactNode;
+    textAling?: "start" | "end" | "center";
+    width?: number;
+    defaultValue?: string;
+    options?: OptionsProps[];
+    value: OptionsProps;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
+}
+type OptionsProps = {
+    label: string;
+    value: string;
+};
+
+declare const Dropdown: React$1.FC<Partial<DropdownProps>>;
 
-declare const IconDownload: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconDownload: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const IconVisibillity: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconVisibillity: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const IconEdit: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconEdit: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const IconDelete: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconDelete: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const IconCalendar: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconCalendar: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const IconProfile: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconProfile: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const IconUpload: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconUpload: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const IconNewTab: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconNewTab: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const IconWarning: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconWarning: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const IconCheckCircle: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconCheckCircle: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const IconEventAvaliable: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconEventAvaliable: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const IconLogout: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconLogout: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const IconCLose: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconCLose: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const IconAdd: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconAdd: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const IconRemove: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconRemove: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const IconCircleExpland: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconCircleExpland: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const IconCircleRecall: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconCircleRecall: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const IconArrowExpland: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconArrowExpland: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const IconArrowRecall: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconArrowRecall: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const IconTriangleExpand: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconTriangleExpand: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const IconTriangleRecall: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconTriangleRecall: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const IconSwap: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconSwap: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const IconAddCell: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconAddCell: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-export { Button, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconLogout, IconNewTab, IconProfile, IconRemove, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpload, IconVisibillity, IconWarning, Modal };
+export { Button, type ButtonProps, Dropdown, type DropdownProps, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconLogout, IconNewTab, IconProfile, IconRemove, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpload, IconVisibillity, IconWarning, InputBase, type InputBaseProps, Modal, ModalConfirm, type ModalConfirmProps, type ModalProps, type OptionsProps };

package/lib/index.esm.js

@@ -935,9 +935,9 @@ var unitlessKeys = {
 var f="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",m="active",y="data-styled-version",v="6.1.11",g="/*!sc*/\n",S="undefined"!=typeof window&&"HTMLElement"in window,w=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV),E=/invalid hook call/i,N=new Set,P=function(t,n){if("production"!==process.env.NODE_ENV){var o=n?' with the id of "'.concat(n,'"'):"",s="The component ".concat(t).concat(o," has been created dynamically.\n")+"You may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.",i=console.error;try{var a=!0;console.error=function(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];E.test(t)?(a=!1,N.delete(s)):i.apply(void 0,__spreadArray([t],n,!1));},useRef(),a&&!N.has(s)&&(console.warn(s),N.add(s));}catch(e){E.test(e.message)&&N.delete(s);}finally{console.error=i;}}},_=Object.freeze([]),C=Object.freeze({});function I(e,t,n){return void 0===n&&(n=C),e.theme!==n.theme&&e.theme||t||n.theme}var A=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),O=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,D=/(^-|-$)/g;function R(e){return e.replace(O,"-").replace(D,"")}var T=/(a)(d)/gi,k=52,j=function(e){return String.fromCharCode(e+(e>25?39:97))};function x(e){var t,n="";for(t=Math.abs(e);t>k;t=t/k|0)n=j(t%k)+n;return (j(t%k)+n).replace(T,"$1-$2")}var V,F=5381,M=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},z=function(e){return M(F,e)};function $(e){return x(z(e)>>>0)}function B(e){return "production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function L(e){return "string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var G="function"==typeof Symbol&&Symbol.for,Y=G?Symbol.for("react.memo"):60115,q=G?Symbol.for("react.forward_ref"):60112,W={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},H={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},U={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},J=((V={})[q]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},V[Y]=U,V);function X(e){return ("type"in(t=e)&&t.type.$$typeof)===Y?U:"$$typeof"in e?J[e.$$typeof]:W;var t;}var Z=Object.defineProperty,K=Object.getOwnPropertyNames,Q=Object.getOwnPropertySymbols,ee=Object.getOwnPropertyDescriptor,te=Object.getPrototypeOf,ne=Object.prototype;function oe(e,t,n){if("string"!=typeof t){if(ne){var o=te(t);o&&o!==ne&&oe(e,o,n);}var r=K(t);Q&&(r=r.concat(Q(t)));for(var s=X(e),i=X(t),a=0;a<r.length;++a){var c=r[a];if(!(c in H||n&&n[c]||i&&c in i||s&&c in s)){var l=ee(t,c);try{Z(e,c,l);}catch(e){}}}}return e}function re(e){return "function"==typeof e}function se(e){return "object"==typeof e&&"styledComponentId"in e}function ie(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function ae(e,t){if(0===e.length)return "";for(var n=e[0],o=1;o<e.length;o++)n+=e[o];return n}function ce(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function le(e,t,n){if(void 0===n&&(n=!1),!n&&!ce(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var o=0;o<t.length;o++)e[o]=le(e[o],t[o]);else if(ce(t))for(var o in t)e[o]=le(e[o],t[o]);return e}function ue(e,t){Object.defineProperty(e,"toString",{value:t});}var pe="production"!==process.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n",18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function de(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var n=e[0],o=[],r=1,s=e.length;r<s;r+=1)o.push(e[r]);return o.forEach(function(e){n=n.replace(/%[a-z]/,e);}),n}function he(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];return "production"===process.env.NODE_ENV?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(t," for more information.").concat(n.length>0?" Args: ".concat(n.join(", ")):"")):new Error(de.apply(void 0,__spreadArray([pe[t]],n,!1)).trim())}var fe=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e;}return e.prototype.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,o=n.length,r=o;e>=r;)if((r<<=1)<0)throw he(16,"".concat(e));this.groupSizes=new Uint32Array(r),this.groupSizes.set(n),this.length=r;for(var s=o;s<r;s++)this.groupSizes[s]=0;}for(var i=this.indexOfGroup(e+1),a=(s=0,t.length);s<a;s++)this.tag.insertRule(i,t[s])&&(this.groupSizes[e]++,i++);},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),o=n+t;this.groupSizes[e]=0;for(var r=n;r<o;r++)this.tag.deleteRule(n);}},e.prototype.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],o=this.indexOfGroup(e),r=o+n,s=o;s<r;s++)t+="".concat(this.tag.getRule(s)).concat(g);return t},e}(),me=1<<30,ye=new Map,ve=new Map,ge=1,Se=function(e){if(ye.has(e))return ye.get(e);for(;ve.has(ge);)ge++;var t=ge++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>me))throw he(16,"".concat(t));return ye.set(e,t),ve.set(t,e),t},we=function(e,t){ge=t+1,ye.set(e,t),ve.set(t,e);},be="style[".concat(f,"][").concat(y,'="').concat(v,'"]'),Ee=new RegExp("^".concat(f,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),Ne=function(e,t,n){for(var o,r=n.split(","),s=0,i=r.length;s<i;s++)(o=r[s])&&e.registerName(t,o);},Pe=function(e,t){for(var n,o=(null!==(n=t.textContent)&&void 0!==n?n:"").split(g),r=[],s=0,i=o.length;s<i;s++){var a=o[s].trim();if(a){var c=a.match(Ee);if(c){var l=0|parseInt(c[1],10),u=c[2];0!==l&&(we(u,l),Ne(e,u,c[3]),e.getTag().insertRules(l,r)),r.length=0;}else r.push(a);}}};function _e(){return "undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null}var Ce=function(e){var t=document.head,n=e||t,o=document.createElement("style"),r=function(e){var t=Array.from(e.querySelectorAll("style[".concat(f,"]")));return t[t.length-1]}(n),s=void 0!==r?r.nextSibling:null;o.setAttribute(f,m),o.setAttribute(y,v);var i=_e();return i&&o.setAttribute("nonce",i),n.insertBefore(o,s),o},Ie=function(){function e(e){this.element=Ce(e),this.element.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,o=t.length;n<o;n++){var r=t[n];if(r.ownerNode===e)return r}throw he(17)}(this.element),this.length=0;}return e.prototype.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return !1}},e.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length--;},e.prototype.getRule=function(e){var t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""},e}(),Ae=function(){function e(e){this.element=Ce(e),this.nodes=this.element.childNodes,this.length=0;}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,!0}return !1},e.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--;},e.prototype.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),Oe=function(){function e(e){this.rules=[],this.length=0;}return e.prototype.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},e.prototype.deleteRule=function(e){this.rules.splice(e,1),this.length--;},e.prototype.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),De=S,Re={isServer:!S,useCSSOMInjection:!w},Te=function(){function e(e,n,o){void 0===e&&(e=C),void 0===n&&(n={});var r=this;this.options=__assign(__assign({},Re),e),this.gs=n,this.names=new Map(o),this.server=!!e.isServer,!this.server&&S&&De&&(De=!1,function(e){for(var t=document.querySelectorAll(be),n=0,o=t.length;n<o;n++){var r=t[n];r&&r.getAttribute(f)!==m&&(Pe(e,r),r.parentNode&&r.parentNode.removeChild(r));}}(this)),ue(this,function(){return function(e){for(var t=e.getTag(),n=t.length,o="",r=function(n){var r=function(e){return ve.get(e)}(n);if(void 0===r)return "continue";var s=e.names.get(r),i=t.getGroup(n);if(void 0===s||0===i.length)return "continue";var a="".concat(f,".g").concat(n,'[id="').concat(r,'"]'),c="";void 0!==s&&s.forEach(function(e){e.length>0&&(c+="".concat(e,","));}),o+="".concat(i).concat(a,'{content:"').concat(c,'"}').concat(g);},s=0;s<n;s++)r(s);return o}(r)});}return e.registerId=function(e){return Se(e)},e.prototype.reconstructWithOptions=function(n,o){return void 0===o&&(o=!0),new e(__assign(__assign({},this.options),n),this.gs,o&&this.names||void 0)},e.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(e=function(e){var t=e.useCSSOMInjection,n=e.target;return e.isServer?new Oe(n):t?new Ie(n):new Ae(n)}(this.options),new fe(e)));var e;},e.prototype.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},e.prototype.registerName=function(e,t){if(Se(e),this.names.has(e))this.names.get(e).add(t);else {var n=new Set;n.add(t),this.names.set(e,n);}},e.prototype.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(Se(e),n);},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear();},e.prototype.clearRules=function(e){this.getTag().clearGroup(Se(e)),this.clearNames(e);},e.prototype.clearTag=function(){this.tag=void 0;},e}(),ke=/&/g,je=/^\s*\/\/.*$/gm;function xe(e,t){return e.map(function(e){return "rule"===e.type&&(e.value="".concat(t," ").concat(e.value),e.value=e.value.replaceAll(",",",".concat(t," ")),e.props=e.props.map(function(e){return "".concat(t," ").concat(e)})),Array.isArray(e.children)&&"@keyframes"!==e.type&&(e.children=xe(e.children,t)),e})}function Ve(e){var t,n,o,r=C,s=r.options,i=void 0===s?C:s,a=r.plugins,c=void 0===a?_:a,l=function(e,o,r){return r.startsWith(n)&&r.endsWith(n)&&r.replaceAll(n,"").length>0?".".concat(t):e},u=c.slice();u.push(function(e){e.type===RULESET&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(ke,n).replace(o,l));}),i.prefix&&u.push(prefixer),u.push(stringify);var p=function(e,r,s,a){void 0===r&&(r=""),void 0===s&&(s=""),void 0===a&&(a="&"),t=a,n=r,o=new RegExp("\\".concat(n,"\\b"),"g");var c=e.replace(je,""),l=compile(s||r?"".concat(s," ").concat(r," { ").concat(c," }"):c);i.namespace&&(l=xe(l,i.namespace));var p=[];return serialize(l,middleware(u.concat(rulesheet(function(e){return p.push(e)})))),p};return p.hash=c.length?c.reduce(function(e,t){return t.name||he(15),M(e,t.name)},F).toString():"",p}var Fe=new Te,Me=Ve(),ze=React__default.createContext({shouldForwardProp:void 0,styleSheet:Fe,stylis:Me});ze.Consumer;React__default.createContext(void 0);function Le(){return useContext(ze)}var Ye=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=Me);var o=n.name+t.hash;e.hasNameForId(n.id,o)||e.insertRules(n.id,o,t(n.rules,o,"@keyframes"));},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t,ue(this,function(){throw he(12,String(n.name))});}return e.prototype.getName=function(e){return void 0===e&&(e=Me),this.name+e.hash},e}(),qe=function(e){return e>="A"&&e<="Z"};function We(e){for(var t="",n=0;n<e.length;n++){var o=e[n];if(1===n&&"-"===o&&"-"===e[0])return e;qe(o)?t+="-"+o.toLowerCase():t+=o;}return t.startsWith("ms-")?"-"+t:t}var He=function(e){return null==e||!1===e||""===e},Ue=function(t){var n,o,r=[];for(var s in t){var i=t[s];t.hasOwnProperty(s)&&!He(i)&&(Array.isArray(i)&&i.isCss||re(i)?r.push("".concat(We(s),":"),i,";"):ce(i)?r.push.apply(r,__spreadArray(__spreadArray(["".concat(s," {")],Ue(i),!1),["}"],!1)):r.push("".concat(We(s),": ").concat((n=s,null==(o=i)||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||n in unitlessKeys||n.startsWith("--")?String(o).trim():"".concat(o,"px")),";")));}return r};function Je(e,t,n,o){if(He(e))return [];if(se(e))return [".".concat(e.styledComponentId)];if(re(e)){if(!re(s=e)||s.prototype&&s.prototype.isReactComponent||!t)return [e];var r=e(t);return "production"===process.env.NODE_ENV||"object"!=typeof r||Array.isArray(r)||r instanceof Ye||ce(r)||null===r||console.error("".concat(B(e)," is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")),Je(r,t,n,o)}var s;return e instanceof Ye?n?(e.inject(n,o),[e.getName(o)]):[e]:ce(e)?Ue(e):Array.isArray(e)?Array.prototype.concat.apply(_,e.map(function(e){return Je(e,t,n,o)})):[e.toString()]}function Xe(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(re(n)&&!se(n))return !1}return !0}var Ze=z(v),Ke=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&Xe(e),this.componentId=t,this.baseHash=M(Ze,t),this.baseStyle=n,Te.registerId(t);}return e.prototype.generateAndInjectStyles=function(e,t,n){var o=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n):"";if(this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(this.componentId,this.staticRulesId))o=ie(o,this.staticRulesId);else {var r=ae(Je(this.rules,e,t,n)),s=x(M(this.baseHash,r)>>>0);if(!t.hasNameForId(this.componentId,s)){var i=n(r,".".concat(s),void 0,this.componentId);t.insertRules(this.componentId,s,i);}o=ie(o,s),this.staticRulesId=s;}else {for(var a=M(this.baseHash,n.hash),c="",l=0;l<this.rules.length;l++){var u=this.rules[l];if("string"==typeof u)c+=u,"production"!==process.env.NODE_ENV&&(a=M(a,u));else if(u){var p=ae(Je(u,e,t,n));a=M(a,p+l),c+=p;}}if(c){var d=x(a>>>0);t.hasNameForId(this.componentId,d)||t.insertRules(this.componentId,d,n(c,".".concat(d),void 0,this.componentId)),o=ie(o,d);}}return o},e}(),Qe=React__default.createContext(void 0);Qe.Consumer;var ot={},rt=new Set;function st(e,r,s){var i=se(e),a=e,c=!L(e),p=r.attrs,d=void 0===p?_:p,h=r.componentId,f=void 0===h?function(e,t){var n="string"!=typeof e?"sc":R(e);ot[n]=(ot[n]||0)+1;var o="".concat(n,"-").concat($(v+n+ot[n]));return t?"".concat(t,"-").concat(o):o}(r.displayName,r.parentComponentId):h,m=r.displayName,y=void 0===m?function(e){return L(e)?"styled.".concat(e):"Styled(".concat(B(e),")")}(e):m,g=r.displayName&&r.componentId?"".concat(R(r.displayName),"-").concat(r.componentId):r.componentId||f,S=i&&a.attrs?a.attrs.concat(d).filter(Boolean):d,w=r.shouldForwardProp;if(i&&a.shouldForwardProp){var b=a.shouldForwardProp;if(r.shouldForwardProp){var E=r.shouldForwardProp;w=function(e,t){return b(e,t)&&E(e,t)};}else w=b;}var N=new Ke(s,g,i?a.componentStyle:void 0);function O(e,r){return function(e,r,s){var i=e.attrs,a=e.componentStyle,c=e.defaultProps,p=e.foldedComponentIds,d=e.styledComponentId,h=e.target,f=React__default.useContext(Qe),m=Le(),y=e.shouldForwardProp||m.shouldForwardProp;"production"!==process.env.NODE_ENV&&useDebugValue(d);var v=I(r,f,c)||C,g=function(e,n,o){for(var r,s=__assign(__assign({},n),{className:void 0,theme:o}),i=0;i<e.length;i+=1){var a=re(r=e[i])?r(s):r;for(var c in a)s[c]="className"===c?ie(s[c],a[c]):"style"===c?__assign(__assign({},s[c]),a[c]):a[c];}return n.className&&(s.className=ie(s.className,n.className)),s}(i,r,v),S=g.as||h,w={};for(var b in g)void 0===g[b]||"$"===b[0]||"as"===b||"theme"===b&&g.theme===v||("forwardedAs"===b?w.as=g.forwardedAs:y&&!y(b,S)||(w[b]=g[b],y||"development"!==process.env.NODE_ENV||isPropValid(b)||rt.has(b)||!A.has(S)||(rt.add(b),console.warn('styled-components: it looks like an unknown prop "'.concat(b,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var E=function(e,t){var n=Le(),o=e.generateAndInjectStyles(t,n.styleSheet,n.stylis);return "production"!==process.env.NODE_ENV&&useDebugValue(o),o}(a,g);"production"!==process.env.NODE_ENV&&e.warnTooManyClasses&&e.warnTooManyClasses(E);var N=ie(p,d);return E&&(N+=" "+E),g.className&&(N+=" "+g.className),w[L(S)&&!A.has(S)?"class":"className"]=N,w.ref=s,createElement(S,w)}(D,e,r)}O.displayName=y;var D=React__default.forwardRef(O);return D.attrs=S,D.componentStyle=N,D.displayName=y,D.shouldForwardProp=w,D.foldedComponentIds=i?ie(a.foldedComponentIds,a.styledComponentId):"",D.styledComponentId=g,D.target=i?a.target:e,Object.defineProperty(D,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=i?function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var o=0,r=t;o<r.length;o++)le(e,r[o],!0);return e}({},a.defaultProps,e):e;}}),"production"!==process.env.NODE_ENV&&(P(y,g),D.warnTooManyClasses=function(e,t){var n={},o=!1;return function(r){if(!o&&(n[r]=!0,Object.keys(n).length>=200)){var s=t?' with the id of "'.concat(t,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(e).concat(s,".\n")+"Consider using the attrs method, together with a style object for frequently changed styles.\nExample:\n  const Component = styled.div.attrs(props => ({\n    style: {\n      background: props.background,\n    },\n  }))`width: 100%;`\n\n  <Component />"),o=!0,n={};}}}(y,g)),ue(D,function(){return ".".concat(D.styledComponentId)}),c&&oe(D,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),D}function it(e,t){for(var n=[e[0]],o=0,r=t.length;o<r;o+=1)n.push(t[o],e[o+1]);return n}var at=function(e){return Object.assign(e,{isCss:!0})};function ct(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];if(re(t)||ce(t))return at(Je(it(_,__spreadArray([t],n,!0))));var r=t;return 0===n.length&&1===r.length&&"string"==typeof r[0]?Je(r):at(Je(it(r,n)))}function lt(n,o,r){if(void 0===r&&(r=C),!o)throw he(1,o);var s=function(t){for(var s=[],i=1;i<arguments.length;i++)s[i-1]=arguments[i];return n(o,r,ct.apply(void 0,__spreadArray([t],s,!1)))};return s.attrs=function(e){return lt(n,o,__assign(__assign({},r),{attrs:Array.prototype.concat(r.attrs,e).filter(Boolean)}))},s.withConfig=function(e){return lt(n,o,__assign(__assign({},r),e))},s}var ut=function(e){return lt(st,e)},pt=ut;A.forEach(function(e){pt[e]=ut(e);});function ft(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");var r=ae(ct.apply(void 0,__spreadArray([t],n,!1))),s=$(r);return new Ye(s,r)}"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native");var St="__sc-".concat(f,"__");"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(window[St]||(window[St]=0),1===window[St]&&console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://s-c.sh/2BAXzed for more info."),window[St]+=1);
 
 // Estilos base compartilhados
-var BaseButton = pt.button(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n  all: unset;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  cursor: pointer;\n\n  &:disabled {\n    cursor: not-allowed;\n  }\n"], ["\n  all: unset;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  cursor: pointer;\n\n  &:disabled {\n    cursor: not-allowed;\n  }\n"])));
+var BaseButton = pt.button(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n  all: unset;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  cursor: pointer;\n\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  &:hover {\n  }\n"], ["\n  all: unset;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  cursor: pointer;\n\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  &:hover {\n  }\n"])));
 // Estilos do botão primário
-var PrimaryButton = ct(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n  width: fit-content;\n  height: fit-content;\n  padding: 12px 16px;\n  border-radius: 8px;\n  border: 1px solid ", ";\n  color: #fff;\n  font-weight: 700;\n  background: ", ";\n"], ["\n  width: fit-content;\n  height: fit-content;\n  padding: 12px 16px;\n  border-radius: 8px;\n  border: 1px solid ", ";\n  color: #fff;\n  font-weight: 700;\n  background: ", ";\n"])), function (_a) {
+var PrimaryButton = ct(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n  width: fit-content;\n  height: fit-content;\n  padding: 12px 16px;\n  border-radius: 8px;\n  border: 1px solid ", ";\n  color: #fff;\n  font-weight: 700;\n  background: ", ";\n"], ["\n  width: fit-content;\n  height: fit-content;\n  padding: 12px 16px;\n  border-radius: 8px;\n  border: 1px solid ", ";\n  color: #fff;\n  font-weight: 700;\n  background: ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return theme.colors.primary;
 }, function (_a) {
@@ -945,26 +945,70 @@ var PrimaryButton = ct(templateObject_2$1 || (templateObject_2$1 = __makeTemplat
     return theme.colors.primary;
 });
 // Estilos do botão secundário
-var SecondaryButton = ct(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n  width: fit-content;\n  height: fit-content;\n  padding: 12px 8px;\n  border-radius: 8px;\n  border: 1px solid ", ";\n  font-weight: 700;\n  color: ", ";\n  background: transparent;\n"], ["\n  width: fit-content;\n  height: fit-content;\n  padding: 12px 8px;\n  border-radius: 8px;\n  border: 1px solid ", ";\n  font-weight: 700;\n  color: ", ";\n  background: transparent;\n"])), function (_a) {
+var SecondaryButton = ct(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n  width: fit-content;\n  height: fit-content;\n  padding: 12px 8px;\n  border-radius: 8px;\n  border: 1px solid ", ";\n  font-weight: 700;\n  color: ", ";\n  background: transparent;\n"], ["\n  width: fit-content;\n  height: fit-content;\n  padding: 12px 8px;\n  border-radius: 8px;\n  border: 1px solid ", ";\n  font-weight: 700;\n  color: ", ";\n  background: transparent;\n"])), function (_a) {
     var theme = _a.theme;
     return theme.colors.primary;
 }, function (_a) {
     var theme = _a.theme;
     return theme.colors.primary;
 });
-var templateObject_1$2, templateObject_2$1, templateObject_3$1;
+var templateObject_1$5, templateObject_2$3, templateObject_3$3;
 
-var StyledButton = pt(BaseButton)(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
-    var variant = _a.variant;
-    return variant === "primary" ? PrimaryButton : SecondaryButton;
+var StyledButton = pt(BaseButton)(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var $variant = _a.$variant;
+    return $variant === "primary" ? PrimaryButton : SecondaryButton;
 });
 function Button(_a) {
     var variant = _a.variant, _b = _a.text, text = _b === void 0 ? "" : _b, leftIcon = _a.leftIcon, props = __rest(_a, ["variant", "text", "leftIcon"]);
-    return (React__default.createElement(StyledButton, __assign({ variant: variant }, props),
+    return (React__default.createElement(StyledButton, __assign({ "$variant": variant }, props),
         leftIcon,
         text));
 }
-var templateObject_1$1;
+var templateObject_1$4;
+
+var InputContainer$1 = pt.div(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n  width: ", ";\n  height: 100px;\n  color: #30303090;\n  position: relative;\n"], ["\n  width: ", ";\n  height: 100px;\n  color: #30303090;\n  position: relative;\n"])), function (props) { return "".concat(props.width ? "".concat(props.width, "px") : "306px"); });
+var InputWrapper$1 = pt.div(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n  background-color: #fff;\n  cursor: pointer;\n  width: 100%;\n  border-radius: 8px;\n  border: 1px solid #cfcfcffc;\n\n  font-family: Open Sans;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 21px;\n  text-align: left;\n\n  border: 1px solid ", ";\n  outline: solid ", "\n    1.5px;\n\n  &:focus,\n  &:focus-visible,\n  &:focus-within {\n    border: 1px solid ", ";\n    outline: solid ", "\n      1.5px;\n  }\n"], ["\n  background-color: #fff;\n  cursor: pointer;\n  width: 100%;\n  border-radius: 8px;\n  border: 1px solid #cfcfcffc;\n\n  font-family: Open Sans;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 21px;\n  text-align: left;\n\n  border: 1px solid ", ";\n  outline: solid ", "\n    1.5px;\n\n  &:focus,\n  &:focus-visible,\n  &:focus-within {\n    border: 1px solid ", ";\n    outline: solid ", "\n      1.5px;\n  }\n"])), function (_a) {
+    var hasError = _a.hasError;
+    return (hasError ? "#cb0a0a80" : "#00436d85");
+}, function (_a) {
+    var hasError = _a.hasError;
+    return (hasError ? "#cb0a0a60" : "#005a9275");
+}, function (_a) {
+    var hasError = _a.hasError;
+    return (hasError ? "#cb0a0a" : "#1a95b0");
+}, function (_a) {
+    var hasError = _a.hasError;
+    return (hasError ? "#cb0a0a80" : "#0091ea80");
+});
+var StyledInput$1 = pt.input(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n  color: #30303090;\n  cursor: pointer;\n  padding: 14px 0 14px 10px;\n  width: 90%;\n\n  border: none;\n\n  ", "\n\n  &::placeholder {\n    color: #30303020;\n    line-height: 20px;\n  }\n\n  &:focus,\n  &:focus-visible,\n  &:focus-within {\n    outline: none;\n  }\n"], ["\n  color: #30303090;\n  cursor: pointer;\n  padding: 14px 0 14px 10px;\n  width: 90%;\n\n  border: none;\n\n  ", "\n\n  &::placeholder {\n    color: #30303020;\n    line-height: 20px;\n  }\n\n  &:focus,\n  &:focus-visible,\n  &:focus-within {\n    outline: none;\n  }\n"])), function (_a) {
+    var textAlign = _a.textAlign;
+    if (textAlign === "end") {
+        return "\n      text-align: right;\n      margin-left: 25px;\n      margin-right: 20px;\n      ";
+    }
+    if (textAlign === "center") {
+        return "\n      text-align: center;\n      margin:auto;\n      padding-right: 10px;\n      ";
+    }
+    return "\n      text-align: left;\n      margin-left: 25px;\n      margin-right: 20px;\n      ";
+});
+var Message$1 = pt.p(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n  color: ", ";\n  margin-left: 10px;\n  margin-top: 4px;\n\n  font-family: Open Sans;\n  font-size: 10px;\n  font-weight: 700;\n  line-height: 15px;\n  text-align: left;\n"], ["\n  color: ", ";\n  margin-left: 10px;\n  margin-top: 4px;\n\n  font-family: Open Sans;\n  font-size: 10px;\n  font-weight: 700;\n  line-height: 15px;\n  text-align: left;\n"])), function (_a) {
+    var hasError = _a.hasError;
+    return (hasError ? "#cb0a0a" : "#303030");
+});
+var Label$1 = pt.label(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n  color: #303030;\n  width: 100%;\n  font-family: Open Sans;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 21px;\n  text-align: left;\n  cursor: pointer;\n"], ["\n  color: #303030;\n  width: 100%;\n  font-family: Open Sans;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 21px;\n  text-align: left;\n  cursor: pointer;\n"])));
+var InputContent$1 = pt.div(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  position: relative;\n  height: 46px;\n  svg {\n    width: 20px;\n    height: 20px;\n    margin: 14px 8px;\n    position: absolute;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  position: relative;\n  height: 46px;\n  svg {\n    width: 20px;\n    height: 20px;\n    margin: 14px 8px;\n    position: absolute;\n  }\n"])));
+var templateObject_1$3, templateObject_2$2, templateObject_3$2, templateObject_4$2, templateObject_5$2, templateObject_6$2;
+
+var InputBase = function (_a) {
+    var name = _a.name, label = _a.label, value = _a.value, type = _a.type, Icon = _a.Icon, placeholder = _a.placeholder, message = _a.message, textAling = _a.textAling, textError = _a.textError, hasError = _a.hasError, width = _a.width, props = __rest(_a, ["name", "label", "value", "type", "Icon", "placeholder", "message", "textAling", "textError", "hasError", "width"]);
+    return (React__default.createElement(InputContainer$1, { width: width },
+        React__default.createElement(Label$1, { htmlFor: name }, label),
+        React__default.createElement(InputWrapper$1, { icon: !!Icon, hasError: hasError },
+            React__default.createElement(InputContent$1, null,
+                Icon && Icon,
+                React__default.createElement(StyledInput$1, __assign({}, props, { id: name, type: type, placeholder: placeholder, value: value, textAlign: textAling })))),
+        textError && hasError && (React__default.createElement(Message$1, { hasError: !!textError }, textError)),
+        !hasError && message && React__default.createElement(Message$1, null, message)));
+};
 
 // packages/react/context/src/createContext.tsx
 function createContext2(rootComponentName, defaultContext) {
@@ -3063,27 +3107,27 @@ For more information, see https://radix-ui.com/primitives/docs/components/alert-
 var Root2 = AlertDialog;
 var Portal2 = AlertDialogPortal;
 
-var overlayShow = ft(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"], ["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"])));
-var AlertOverlay = pt.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: rgb(61 62 63 / 0.5);\n  position: fixed;\n  inset: 0;\n  animation: ", " 300ms cubic-bezier(0.16, 1, 0.3, 1);\n"], ["\n  background: rgb(61 62 63 / 0.5);\n  position: fixed;\n  inset: 0;\n  animation: ", " 300ms cubic-bezier(0.16, 1, 0.3, 1);\n"])), overlayShow);
-var ModalHeaderContainer = pt.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 410px;\n  height: 56px;\n  border-radius: 6px 6px 0 0;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  background: ", ";\n  padding-left: 24px;\n  padding-right: 24px;\n"], ["\n  width: 410px;\n  height: 56px;\n  border-radius: 6px 6px 0 0;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  background: ", ";\n  padding-left: 24px;\n  padding-right: 24px;\n"])), function (_a) {
+var overlayShow = ft(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"], ["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"])));
+var AlertOverlay = pt.div(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n  background: rgb(61 62 63 / 0.5);\n  position: fixed;\n  inset: 0;\n  animation: ", " 300ms cubic-bezier(0.16, 1, 0.3, 1);\n"], ["\n  background: rgb(61 62 63 / 0.5);\n  position: fixed;\n  inset: 0;\n  animation: ", " 300ms cubic-bezier(0.16, 1, 0.3, 1);\n"])), overlayShow);
+var ModalHeaderContainer = pt.div(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n  width: 410px;\n  height: 56px;\n  border-radius: 6px 6px 0 0;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  background: ", ";\n  padding-left: 24px;\n  padding-right: 24px;\n"], ["\n  width: 410px;\n  height: 56px;\n  border-radius: 6px 6px 0 0;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  background: ", ";\n  padding-left: 24px;\n  padding-right: 24px;\n"])), function (_a) {
     var theme = _a.theme;
     return theme.colors.primary;
 });
-var ModalHeaderText = pt.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 24px;\n  text-align: left;\n  color: ", ";\n"], ["\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 24px;\n  text-align: left;\n  color: ", ";\n"])), function (_a) {
+var ModalHeaderText = pt.div(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 24px;\n  text-align: left;\n  color: ", ";\n"], ["\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 24px;\n  text-align: left;\n  color: ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return theme.colors.base.white;
 });
-var CloseBtn = pt.button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  all: unset;\n  cursor: pointer;\n"], ["\n  all: unset;\n  cursor: pointer;\n"])));
-pt.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
+var CloseBtn = pt.button(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n  all: unset;\n  cursor: pointer;\n"], ["\n  all: unset;\n  cursor: pointer;\n"])));
+pt.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return theme.colors.base.white;
 });
-var ContentContainer = pt.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  border-radius: 6px;\n  box-shadow:\n    hsl(206 22% 7% / 35%) 0px 10px 38px -10px,\n    hsl(206 22% 7% / 20%) 0px 10px 20px -15px;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  max-width: 500px;\n  height: auto;\n  background: ", ";\n"], ["\n  border-radius: 6px;\n  box-shadow:\n    hsl(206 22% 7% / 35%) 0px 10px 38px -10px,\n    hsl(206 22% 7% / 20%) 0px 10px 20px -15px;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  max-width: 500px;\n  height: auto;\n  background: ", ";\n"])), function (_a) {
+var ContentContainer = pt.div(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n  border-radius: 6px;\n  box-shadow:\n    hsl(206 22% 7% / 35%) 0px 10px 38px -10px,\n    hsl(206 22% 7% / 20%) 0px 10px 20px -15px;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  max-width: 500px;\n  height: auto;\n  background: ", ";\n"], ["\n  border-radius: 6px;\n  box-shadow:\n    hsl(206 22% 7% / 35%) 0px 10px 38px -10px,\n    hsl(206 22% 7% / 20%) 0px 10px 20px -15px;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  max-width: 500px;\n  height: auto;\n  background: ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return theme.colors.base.white;
 });
-var ContentChildren = pt.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  padding: 20px;\n"], ["\n  padding: 20px;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+var ContentChildren = pt.div(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n  padding: 20px;\n"], ["\n  padding: 20px;\n"])));
+var templateObject_1$2, templateObject_2$1, templateObject_3$1, templateObject_4$1, templateObject_5$1, templateObject_6$1, templateObject_7$1, templateObject_8$1;
 
 var IconCLose = function (props) {
     var _a;
@@ -3125,6 +3169,62 @@ var Modal = function (_a) {
                 React__default.createElement(ContentChildren, null, children)))));
 };
 
+var ContainerModalConfirm = pt.div(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  gap: 5px;\n\n  margin-top: 10%;\n"], ["\n  display: flex;\n  justify-content: flex-end;\n  gap: 5px;\n\n  margin-top: 10%;\n"])));
+var templateObject_1$1;
+
+var ModalConfirm = function (_a) {
+    var isModalOpen = _a.isModalOpen, onOpenChange = _a.onOpenChange, children = _a.children;
+    return (React__default.createElement(Modal, { isModalOpen: isModalOpen, onOpenChange: onOpenChange, title: "T\u00EDtulo (Resumo do conte\u00FAdo)" },
+        children,
+        React__default.createElement(ContainerModalConfirm, null,
+            React__default.createElement(Button, { variant: "secondary", text: "Cancelar" }),
+            React__default.createElement(Button, { variant: "primary", text: "A\u00E7\u00E3o" }))));
+};
+
+var InputContainer = pt.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: ", ";\n  height: 100px;\n  color: #30303090;\n  position: relative;\n"], ["\n  width: ", ";\n  height: 100px;\n  color: #30303090;\n  position: relative;\n"])), function (props) { return "".concat(props.width ? "".concat(props.width, "px") : "306px"); });
+var InputWrapper = pt.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: #fff;\n  cursor: pointer;\n  width: 100%;\n  border-radius: 8px;\n  border: 1px solid #cfcfcffc;\n\n  font-family: Open Sans;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 21px;\n  text-align: left;\n\n  border: 1px solid ", ";\n  outline: solid ", "\n    1.5px;\n\n  &:focus,\n  &:focus-visible,\n  &:focus-within {\n    border: 1px solid ", ";\n    outline: solid ", "\n      1.5px;\n  }\n"], ["\n  background-color: #fff;\n  cursor: pointer;\n  width: 100%;\n  border-radius: 8px;\n  border: 1px solid #cfcfcffc;\n\n  font-family: Open Sans;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 21px;\n  text-align: left;\n\n  border: 1px solid ", ";\n  outline: solid ", "\n    1.5px;\n\n  &:focus,\n  &:focus-visible,\n  &:focus-within {\n    border: 1px solid ", ";\n    outline: solid ", "\n      1.5px;\n  }\n"])), function (_a) {
+    var hasError = _a.hasError;
+    return (hasError ? "#cb0a0a80" : "#00436d85");
+}, function (_a) {
+    var hasError = _a.hasError;
+    return (hasError ? "#cb0a0a60" : "#005a9275");
+}, function (_a) {
+    var hasError = _a.hasError;
+    return (hasError ? "#cb0a0a" : "#1a95b0");
+}, function (_a) {
+    var hasError = _a.hasError;
+    return (hasError ? "#cb0a0a80" : "#0091ea80");
+});
+var StyledInput = pt.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: #30303090;\n  cursor: pointer;\n  padding: 14px 0 14px 10px;\n  width: 90%;\n\n  border: none;\n\n  display: flex;\n  align-items: center;\n\n  ", "\n\n  &::placeholder {\n    color: #30303020;\n    line-height: 20px;\n  }\n\n  &:focus,\n  &:focus-visible,\n  &:focus-within {\n    outline: none;\n  }\n"], ["\n  color: #30303090;\n  cursor: pointer;\n  padding: 14px 0 14px 10px;\n  width: 90%;\n\n  border: none;\n\n  display: flex;\n  align-items: center;\n\n  ", "\n\n  &::placeholder {\n    color: #30303020;\n    line-height: 20px;\n  }\n\n  &:focus,\n  &:focus-visible,\n  &:focus-within {\n    outline: none;\n  }\n"])), function (_a) {
+    var textAlign = _a.textAlign;
+    if (textAlign === "end") {
+        return "\n      text-align: right;\n      margin-left: 25px;\n      margin-right: 20px;\n      ";
+    }
+    if (textAlign === "center") {
+        return "\n      text-align: center;\n      margin:auto;\n      padding-right: 10px;\n      ";
+    }
+    return "\n      text-align: left;\n      margin-left: 25px;\n      margin-right: 20px;\n      ";
+});
+var Message = pt.p(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: ", ";\n  margin-left: 10px;\n  margin-top: 4px;\n\n  font-family: Open Sans;\n  font-size: 10px;\n  font-weight: 700;\n  line-height: 15px;\n  text-align: left;\n"], ["\n  color: ", ";\n  margin-left: 10px;\n  margin-top: 4px;\n\n  font-family: Open Sans;\n  font-size: 10px;\n  font-weight: 700;\n  line-height: 15px;\n  text-align: left;\n"])), function (_a) {
+    var hasError = _a.hasError;
+    return (hasError ? "#cb0a0a" : "#303030");
+});
+var Label = pt.label(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: #303030;\n  width: 100%;\n  font-family: Open Sans;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 21px;\n  text-align: left;\n  cursor: pointer;\n"], ["\n  color: #303030;\n  width: 100%;\n  font-family: Open Sans;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 21px;\n  text-align: left;\n  cursor: pointer;\n"])));
+var InputContent = pt.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  position: relative;\n  width: 100%;\n  height: 46px;\n  & > svg {\n    width: 20px;\n    height: 20px;\n    margin: 14px 8px;\n    position: absolute;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  position: relative;\n  width: 100%;\n  height: 46px;\n  & > svg {\n    width: 20px;\n    height: 20px;\n    margin: 14px 8px;\n    position: absolute;\n  }\n"])));
+var ArrowIcon = pt.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: absolute;\n  width: 20px;\n  height: 20px;\n\n  margin: auto;\n  right: 6px;\n  rotate: ", ";\n  svg {\n    width: 20px;\n    height: 20px;\n  }\n"], ["\n  position: absolute;\n  width: 20px;\n  height: 20px;\n\n  margin: auto;\n  right: 6px;\n  rotate: ", ";\n  svg {\n    width: 20px;\n    height: 20px;\n  }\n"])), function (props) { return (props.open ? "180deg" : "0deg"); });
+var DropDownContainer = pt.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: auto;\n\n  background-color: #fff;\n  margin-top: 5px;\n\n  outline: solid #cfcfcffc 1.5px;\n  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;\n  border-radius: 8px;\n\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: auto;\n\n  background-color: #fff;\n  margin-top: 5px;\n\n  outline: solid #cfcfcffc 1.5px;\n  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;\n  border-radius: 8px;\n\n  ", "\n"])), function (_a) {
+    var open = _a.open;
+    return open
+        ? "\n      position: absolute;\n      z-index: 999;\n      height: auto;\n      min-height: 56px;\n      \n  "
+        : "display: none;";
+});
+var DropDownContent = pt.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  width: 95%;\n  display: flex;\n\n  flex-direction: column;\n  align-self: center;\n\n  z-index: 2;\n  margin-top: 5px;\n\n  border-radius: 8px;\n  background-color: #005a9200;\n"], ["\n  width: 95%;\n  display: flex;\n\n  flex-direction: column;\n  align-self: center;\n\n  z-index: 2;\n  margin-top: 5px;\n\n  border-radius: 8px;\n  background-color: #005a9200;\n"])));
+var DropDownItem = pt.option(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: flex;\n  min-height: 46px;\n  align-items: center;\n  justify-content: start;\n\n  background-color: ", ";\n  border-radius: 4px;\n  padding-left: 15px;\n  margin-bottom: 5px;\n  cursor: pointer;\n"], ["\n  display: flex;\n  min-height: 46px;\n  align-items: center;\n  justify-content: start;\n\n  background-color: ", ";\n  border-radius: 4px;\n  padding-left: 15px;\n  margin-bottom: 5px;\n  cursor: pointer;\n"])), function (_a) {
+    var active = _a.active;
+    return (active ? "#1a95b020" : "#fff");
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
+
 var IconDownload = function (props) { return (React__default.createElement("svg", __assign({ width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     React__default.createElement("path", { d: "M8.6665 12.5L3.6665 7.5L5.0665 6.05L7.6665 8.65V0.5H9.6665V8.65L12.2665 6.05L13.6665 7.5L8.6665 12.5ZM2.6665 16.5C2.1165 16.5 1.64567 16.3042 1.254 15.9125C0.862337 15.5208 0.666504 15.05 0.666504 14.5V11.5H2.6665V14.5H14.6665V11.5H16.6665V14.5C16.6665 15.05 16.4707 15.5208 16.079 15.9125C15.6873 16.3042 15.2165 16.5 14.6665 16.5H2.6665Z", fill: "#4A4A4B" }))); };
 
@@ -3191,5 +3291,31 @@ var IconSwap = function (props) { return (React__default.createElement("svg", __
 var IconAddCell = function (props) { return (React__default.createElement("svg", __assign({ width: "21", height: "21", viewBox: "0 0 21 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     React__default.createElement("path", { d: "M9.6665 15.5H11.6665V11.5H15.6665V9.5H11.6665V5.5H9.6665V9.5H5.6665V11.5H9.6665V15.5ZM10.6665 20.5C9.28317 20.5 7.98317 20.2375 6.7665 19.7125C5.54984 19.1875 4.4915 18.475 3.5915 17.575C2.6915 16.675 1.979 15.6167 1.454 14.4C0.929004 13.1833 0.666504 11.8833 0.666504 10.5C0.666504 9.11667 0.929004 7.81667 1.454 6.6C1.979 5.38333 2.6915 4.325 3.5915 3.425C4.4915 2.525 5.54984 1.8125 6.7665 1.2875C7.98317 0.7625 9.28317 0.5 10.6665 0.5C12.0498 0.5 13.3498 0.7625 14.5665 1.2875C15.7832 1.8125 16.8415 2.525 17.7415 3.425C18.6415 4.325 19.354 5.38333 19.879 6.6C20.404 7.81667 20.6665 9.11667 20.6665 10.5C20.6665 11.8833 20.404 13.1833 19.879 14.4C19.354 15.6167 18.6415 16.675 17.7415 17.575C16.8415 18.475 15.7832 19.1875 14.5665 19.7125C13.3498 20.2375 12.0498 20.5 10.6665 20.5ZM10.6665 18.5C12.8998 18.5 14.7915 17.725 16.3415 16.175C17.8915 14.625 18.6665 12.7333 18.6665 10.5C18.6665 8.26667 17.8915 6.375 16.3415 4.825C14.7915 3.275 12.8998 2.5 10.6665 2.5C8.43317 2.5 6.5415 3.275 4.9915 4.825C3.4415 6.375 2.6665 8.26667 2.6665 10.5C2.6665 12.7333 3.4415 14.625 4.9915 16.175C6.5415 17.725 8.43317 18.5 10.6665 18.5Z", fill: "#4A4A4B" }))); };
 
-export { Button, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconLogout, IconNewTab, IconProfile, IconRemove, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpload, IconVisibillity, IconWarning, Modal };
+var Dropdown = function (_a) {
+    var _b;
+    var name = _a.name; _a.type; var label = _a.label, Icon = _a.Icon, placeholder = _a.placeholder, message = _a.message, textAling = _a.textAling, textError = _a.textError, hasError = _a.hasError, width = _a.width, defaultValue = _a.defaultValue; _a.disabled; var options = _a.options, onChange = _a.onChange, optionState = _a.value;
+    var _c = React__default.useState(false), open = _c[0], setOpen = _c[1];
+    return (React__default.createElement(InputContainer, { width: width },
+        React__default.createElement(Label, { htmlFor: name }, label),
+        React__default.createElement(InputWrapper, { icon: !!Icon, hasError: hasError },
+            React__default.createElement(InputContent, { onClick: function () { return setOpen(!open); } },
+                typeof Icon === "string" && React__default.createElement("img", { src: Icon, alt: "Icone" }),
+                typeof Icon === "object" && Icon,
+                React__default.createElement(StyledInput, { id: name, textAlign: textAling }, (_b = defaultValue !== null && defaultValue !== void 0 ? defaultValue : optionState === null || optionState === void 0 ? void 0 : optionState.label) !== null && _b !== void 0 ? _b : placeholder),
+                React__default.createElement(ArrowIcon, { open: open },
+                    React__default.createElement(IconTriangleExpand, null)))),
+        React__default.createElement(DropDownContainer, { open: open }, defaultValue ||
+            (options && (React__default.createElement(DropDownContent, null,
+                defaultValue && (React__default.createElement(DropDownItem, { key: "default", onClick: function (e) { return onChange && onChange(e); } }, defaultValue)), options === null || options === void 0 ? void 0 :
+                options.map(function (op, index) {
+                    return (React__default.createElement(DropDownItem, { active: op.label === (optionState === null || optionState === void 0 ? void 0 : optionState.label), key: "".concat(index, "-").concat(op), onClick: function (e) {
+                            onChange && onChange(e);
+                            setOpen(false);
+                        } }, op === null || op === void 0 ? void 0 : op.label));
+                }))))),
+        textError && hasError && (React__default.createElement(Message, { hasError: !!textError }, textError)),
+        !hasError && message && React__default.createElement(Message, null, message)));
+};
+
+export { Button, Dropdown, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconLogout, IconNewTab, IconProfile, IconRemove, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpload, IconVisibillity, IconWarning, InputBase, Modal, ModalConfirm };
 //# sourceMappingURL=index.esm.js.map