pge-front-common 3.0.0 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/lib/components/Button/Button.d.ts +1 -2
  2. package/lib/components/Input/index.types.d.ts +1 -1
  3. package/lib/components/Modal/ModalConfirm/ModalConfirm.stories.d.ts +1 -1
  4. package/lib/components/Modal/ModalConfirm/index.d.ts +2 -3
  5. package/lib/components/Select/Select.stories.d.ts +1 -1
  6. package/lib/components/Select/index.d.ts +1 -2
  7. package/lib/index.d.ts +75 -30
  8. package/lib/index.esm.js +142 -16
  9. package/lib/index.esm.js.map +1 -1
  10. package/lib/index.js +144 -15
  11. package/lib/index.js.map +1 -1
  12. package/package.json +1 -1
package/lib/components/Button/Button.d.ts CHANGED
@@ -1,8 +1,7 @@
1
1
  import React, { ButtonHTMLAttributes } from "react";
2
- interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
2
+ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
3
3
  variant: "primary" | "secondary";
4
4
  text: string;
5
5
  leftIcon?: React.ReactNode;
6
6
  }
7
7
  export declare function Button({ variant, text, leftIcon, ...props }: ButtonProps): React.JSX.Element;
8
- export {};
package/lib/components/Input/index.types.d.ts CHANGED
@@ -4,7 +4,7 @@ export interface InputBaseProps extends Partial<HTMLInputElement> {
4
4
  hasError?: boolean;
5
5
  textError?: string;
6
6
  message?: string;
7
- Icon?: string | React.ReactNode;
7
+ Icon?: React.ReactNode;
8
8
  textAling?: "start" | "end" | "center";
9
9
  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
10
10
  onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
package/lib/components/Modal/ModalConfirm/ModalConfirm.stories.d.ts CHANGED
@@ -2,7 +2,7 @@ import React from "react";
2
2
  import type { StoryObj } from "@storybook/react";
3
3
  declare const meta: {
4
4
  title: string;
5
- component: React.FC<import("./index").ModalProps>;
5
+ component: React.FC<import("./index").ModalConfirmProps>;
6
6
  parameters: {
7
7
  layout: string;
8
8
  };
package/lib/components/Modal/ModalConfirm/index.d.ts CHANGED
@@ -1,8 +1,7 @@
1
1
  import React from "react";
2
- export interface ModalProps {
2
+ export interface ModalConfirmProps {
3
3
  isModalOpen: boolean;
4
4
  onOpenChange: React.Dispatch<React.SetStateAction<boolean>>;
5
5
  children: React.ReactNode;
6
6
  }
7
- declare const ModalConfirm: React.FC<ModalProps>;
8
- export default ModalConfirm;
7
+ export declare const ModalConfirm: React.FC<ModalConfirmProps>;
package/lib/components/Select/Select.stories.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import type { Meta, StoryObj } from "@storybook/react";
2
- import Dropdown from "./index";
2
+ import { Dropdown } from "./index";
3
3
  declare const meta: Meta<typeof Dropdown>;
4
4
  export default meta;
5
5
  type Story = StoryObj<typeof meta>;
package/lib/components/Select/index.d.ts CHANGED
@@ -1,4 +1,3 @@
1
1
  import React from "react";
2
2
  import { DropdownProps } from "./index.types";
3
- declare const Dropdown: React.FC<Partial<DropdownProps>>;
4
- export default Dropdown;
3
+ export declare const Dropdown: React.FC<Partial<DropdownProps>>;
package/lib/index.d.ts CHANGED
@@ -1,64 +1,109 @@
1
- import React, { ButtonHTMLAttributes, SVGProps } from 'react';
1
+ import React$1, { ButtonHTMLAttributes, SVGProps } from 'react';
2
2
 
3
3
  interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
4
4
  variant: "primary" | "secondary";
5
5
  text: string;
6
- leftIcon?: React.ReactNode;
6
+ leftIcon?: React$1.ReactNode;
7
7
  }
8
- declare function Button({ variant, text, leftIcon, ...props }: ButtonProps): React.JSX.Element;
8
+ declare function Button({ variant, text, leftIcon, ...props }: ButtonProps): React$1.JSX.Element;
9
+
10
+ interface InputBaseProps extends Partial<HTMLInputElement> {
11
+ label: string;
12
+ hasError?: boolean;
13
+ textError?: string;
14
+ message?: string;
15
+ Icon?: React$1.ReactNode;
16
+ textAling?: "start" | "end" | "center";
17
+ onChange?: (e: React$1.ChangeEvent<HTMLInputElement>) => void;
18
+ onClick?: (e: React$1.MouseEvent<HTMLInputElement>) => void;
19
+ }
20
+
21
+ declare const InputBase: React$1.FC<Partial<InputBaseProps>>;
9
22
 
10
23
  interface ModalProps {
11
24
  isModalOpen: boolean;
12
- onOpenChange: React.Dispatch<React.SetStateAction<boolean>>;
13
- children: React.ReactNode;
25
+ onOpenChange: React$1.Dispatch<React$1.SetStateAction<boolean>>;
26
+ children: React$1.ReactNode;
14
27
  title: string;
15
28
  }
16
- declare const Modal: ({ isModalOpen, onOpenChange, children, title, }: ModalProps) => React.JSX.Element;
29
+ declare const Modal: ({ isModalOpen, onOpenChange, children, title, }: ModalProps) => React$1.JSX.Element;
30
+
31
+ interface ModalConfirmProps {
32
+ isModalOpen: boolean;
33
+ onOpenChange: React$1.Dispatch<React$1.SetStateAction<boolean>>;
34
+ children: React$1.ReactNode;
35
+ }
36
+ declare const ModalConfirm: React$1.FC<ModalConfirmProps>;
37
+
38
+ interface DropdownProps {
39
+ label: string;
40
+ name: string;
41
+ type: string;
42
+ disabled?: boolean;
43
+ hasError?: boolean;
44
+ textError?: string;
45
+ message?: string;
46
+ placeholder?: string;
47
+ Icon?: string | React.ReactNode;
48
+ textAling?: "start" | "end" | "center";
49
+ width?: number;
50
+ defaultValue?: string;
51
+ options?: OptionsProps[];
52
+ value: OptionsProps;
53
+ onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
54
+ onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
55
+ }
56
+ type OptionsProps = {
57
+ label: string;
58
+ value: string;
59
+ };
60
+
61
+ declare const Dropdown: React$1.FC<Partial<DropdownProps>>;
17
62
 
18
- declare const IconDownload: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
63
+ declare const IconDownload: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
19
64
 
20
- declare const IconVisibillity: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
65
+ declare const IconVisibillity: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
21
66
 
22
- declare const IconEdit: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
67
+ declare const IconEdit: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
23
68
 
24
- declare const IconDelete: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
69
+ declare const IconDelete: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
25
70
 
26
- declare const IconCalendar: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
71
+ declare const IconCalendar: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
27
72
 
28
- declare const IconProfile: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
73
+ declare const IconProfile: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
29
74
 
30
- declare const IconUpload: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
75
+ declare const IconUpload: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
31
76
 
32
- declare const IconNewTab: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
77
+ declare const IconNewTab: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
33
78
 
34
- declare const IconWarning: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
79
+ declare const IconWarning: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
35
80
 
36
- declare const IconCheckCircle: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
81
+ declare const IconCheckCircle: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
37
82
 
38
- declare const IconEventAvaliable: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
83
+ declare const IconEventAvaliable: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
39
84
 
40
- declare const IconLogout: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
85
+ declare const IconLogout: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
41
86
 
42
- declare const IconCLose: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
87
+ declare const IconCLose: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
43
88
 
44
- declare const IconAdd: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
89
+ declare const IconAdd: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
45
90
 
46
- declare const IconRemove: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
91
+ declare const IconRemove: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
47
92
 
48
- declare const IconCircleExpland: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
93
+ declare const IconCircleExpland: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
49
94
 
50
- declare const IconCircleRecall: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
95
+ declare const IconCircleRecall: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
51
96
 
52
- declare const IconArrowExpland: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
97
+ declare const IconArrowExpland: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
53
98
 
54
- declare const IconArrowRecall: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
99
+ declare const IconArrowRecall: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
55
100
 
56
- declare const IconTriangleExpand: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
101
+ declare const IconTriangleExpand: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
57
102
 
58
- declare const IconTriangleRecall: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
103
+ declare const IconTriangleRecall: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
59
104
 
60
- declare const IconSwap: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
105
+ declare const IconSwap: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
61
106
 
62
- declare const IconAddCell: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
107
+ declare const IconAddCell: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
63
108
 
64
- 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 };
109
+ 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 CHANGED
@@ -935,9 +935,9 @@ var unitlessKeys = {
935
935
  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);
936
936
 
937
937
  // Estilos base compartilhados
938
- 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"])));
938
+ 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 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"])));
939
939
  // Estilos do botão primário
940
- 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) {
940
+ 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) {
941
941
  var theme = _a.theme;
942
942
  return theme.colors.primary;
943
943
  }, function (_a) {
@@ -945,16 +945,16 @@ var PrimaryButton = ct(templateObject_2$1 || (templateObject_2$1 = __makeTemplat
945
945
  return theme.colors.primary;
946
946
  });
947
947
  // Estilos do botão secundário
948
- 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) {
948
+ 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) {
949
949
  var theme = _a.theme;
950
950
  return theme.colors.primary;
951
951
  }, function (_a) {
952
952
  var theme = _a.theme;
953
953
  return theme.colors.primary;
954
954
  });
955
- var templateObject_1$2, templateObject_2$1, templateObject_3$1;
955
+ var templateObject_1$5, templateObject_2$3, templateObject_3$3;
956
956
 
957
- var StyledButton = pt(BaseButton)(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
957
+ var StyledButton = pt(BaseButton)(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
958
958
  var variant = _a.variant;
959
959
  return variant === "primary" ? PrimaryButton : SecondaryButton;
960
960
  });
@@ -964,7 +964,51 @@ function Button(_a) {
964
964
  leftIcon,
965
965
  text));
966
966
  }
967
- var templateObject_1$1;
967
+ var templateObject_1$4;
968
+
969
+ 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"); });
970
+ 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) {
971
+ var hasError = _a.hasError;
972
+ return (hasError ? "#cb0a0a80" : "#00436d85");
973
+ }, function (_a) {
974
+ var hasError = _a.hasError;
975
+ return (hasError ? "#cb0a0a60" : "#005a9275");
976
+ }, function (_a) {
977
+ var hasError = _a.hasError;
978
+ return (hasError ? "#cb0a0a" : "#1a95b0");
979
+ }, function (_a) {
980
+ var hasError = _a.hasError;
981
+ return (hasError ? "#cb0a0a80" : "#0091ea80");
982
+ });
983
+ 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) {
984
+ var textAlign = _a.textAlign;
985
+ if (textAlign === "end") {
986
+ return "\n text-align: right;\n margin-left: 25px;\n margin-right: 20px;\n ";
987
+ }
988
+ if (textAlign === "center") {
989
+ return "\n text-align: center;\n margin:auto;\n padding-right: 10px;\n ";
990
+ }
991
+ return "\n text-align: left;\n margin-left: 25px;\n margin-right: 20px;\n ";
992
+ });
993
+ 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) {
994
+ var hasError = _a.hasError;
995
+ return (hasError ? "#cb0a0a" : "#303030");
996
+ });
997
+ 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"])));
998
+ 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"])));
999
+ var templateObject_1$3, templateObject_2$2, templateObject_3$2, templateObject_4$2, templateObject_5$2, templateObject_6$2;
1000
+
1001
+ var InputBase = function (_a) {
1002
+ 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"]);
1003
+ return (React__default.createElement(InputContainer$1, { width: width },
1004
+ React__default.createElement(Label$1, { htmlFor: name }, label),
1005
+ React__default.createElement(InputWrapper$1, { icon: !!Icon, hasError: hasError },
1006
+ React__default.createElement(InputContent$1, null,
1007
+ Icon && Icon,
1008
+ React__default.createElement(StyledInput$1, __assign({}, props, { id: name, type: type, placeholder: placeholder, value: value, textAlign: textAling })))),
1009
+ textError && hasError && (React__default.createElement(Message$1, { hasError: !!textError }, textError)),
1010
+ !hasError && message && React__default.createElement(Message$1, null, message)));
1011
+ };
968
1012
 
969
1013
  // packages/react/context/src/createContext.tsx
970
1014
  function createContext2(rootComponentName, defaultContext) {
@@ -3063,27 +3107,27 @@ For more information, see https://radix-ui.com/primitives/docs/components/alert-
3063
3107
  var Root2 = AlertDialog;
3064
3108
  var Portal2 = AlertDialogPortal;
3065
3109
 
3066
- 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"])));
3067
- 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);
3068
- 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) {
3110
+ 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"])));
3111
+ 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);
3112
+ 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) {
3069
3113
  var theme = _a.theme;
3070
3114
  return theme.colors.primary;
3071
3115
  });
3072
- 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) {
3116
+ 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) {
3073
3117
  var theme = _a.theme;
3074
3118
  return theme.colors.base.white;
3075
3119
  });
3076
- var CloseBtn = pt.button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n all: unset;\n cursor: pointer;\n"], ["\n all: unset;\n cursor: pointer;\n"])));
3077
- pt.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
3120
+ 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"])));
3121
+ pt.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
3078
3122
  var theme = _a.theme;
3079
3123
  return theme.colors.base.white;
3080
3124
  });
3081
- 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) {
3125
+ 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) {
3082
3126
  var theme = _a.theme;
3083
3127
  return theme.colors.base.white;
3084
3128
  });
3085
- var ContentChildren = pt.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n padding: 20px;\n"], ["\n padding: 20px;\n"])));
3086
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
3129
+ var ContentChildren = pt.div(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n padding: 20px;\n"], ["\n padding: 20px;\n"])));
3130
+ 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;
3087
3131
 
3088
3132
  var IconCLose = function (props) {
3089
3133
  var _a;
@@ -3125,6 +3169,62 @@ var Modal = function (_a) {
3125
3169
  React__default.createElement(ContentChildren, null, children)))));
3126
3170
  };
3127
3171
 
3172
+ 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"])));
3173
+ var templateObject_1$1;
3174
+
3175
+ var ModalConfirm = function (_a) {
3176
+ var isModalOpen = _a.isModalOpen, onOpenChange = _a.onOpenChange, children = _a.children;
3177
+ return (React__default.createElement(Modal, { isModalOpen: isModalOpen, onOpenChange: onOpenChange, title: "T\u00EDtulo (Resumo do conte\u00FAdo)" },
3178
+ children,
3179
+ React__default.createElement(ContainerModalConfirm, null,
3180
+ React__default.createElement(Button, { variant: "secondary", text: "Cancelar" }),
3181
+ React__default.createElement(Button, { variant: "primary", text: "A\u00E7\u00E3o" }))));
3182
+ };
3183
+
3184
+ 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"); });
3185
+ 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) {
3186
+ var hasError = _a.hasError;
3187
+ return (hasError ? "#cb0a0a80" : "#00436d85");
3188
+ }, function (_a) {
3189
+ var hasError = _a.hasError;
3190
+ return (hasError ? "#cb0a0a60" : "#005a9275");
3191
+ }, function (_a) {
3192
+ var hasError = _a.hasError;
3193
+ return (hasError ? "#cb0a0a" : "#1a95b0");
3194
+ }, function (_a) {
3195
+ var hasError = _a.hasError;
3196
+ return (hasError ? "#cb0a0a80" : "#0091ea80");
3197
+ });
3198
+ 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) {
3199
+ var textAlign = _a.textAlign;
3200
+ if (textAlign === "end") {
3201
+ return "\n text-align: right;\n margin-left: 25px;\n margin-right: 20px;\n ";
3202
+ }
3203
+ if (textAlign === "center") {
3204
+ return "\n text-align: center;\n margin:auto;\n padding-right: 10px;\n ";
3205
+ }
3206
+ return "\n text-align: left;\n margin-left: 25px;\n margin-right: 20px;\n ";
3207
+ });
3208
+ 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) {
3209
+ var hasError = _a.hasError;
3210
+ return (hasError ? "#cb0a0a" : "#303030");
3211
+ });
3212
+ 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"])));
3213
+ 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"])));
3214
+ 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"); });
3215
+ 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) {
3216
+ var open = _a.open;
3217
+ return open
3218
+ ? "\n position: absolute;\n z-index: 999;\n height: auto;\n min-height: 56px;\n \n "
3219
+ : "display: none;";
3220
+ });
3221
+ 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"])));
3222
+ 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) {
3223
+ var active = _a.active;
3224
+ return (active ? "#1a95b020" : "#fff");
3225
+ });
3226
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
3227
+
3128
3228
  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),
3129
3229
  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" }))); };
3130
3230
 
@@ -3191,5 +3291,31 @@ var IconSwap = function (props) { return (React__default.createElement("svg", __
3191
3291
  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),
3192
3292
  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" }))); };
3193
3293
 
3194
- 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 };
3294
+ var Dropdown = function (_a) {
3295
+ var _b;
3296
+ 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;
3297
+ var _c = React__default.useState(false), open = _c[0], setOpen = _c[1];
3298
+ return (React__default.createElement(InputContainer, { width: width },
3299
+ React__default.createElement(Label, { htmlFor: name }, label),
3300
+ React__default.createElement(InputWrapper, { icon: !!Icon, hasError: hasError },
3301
+ React__default.createElement(InputContent, { onClick: function () { return setOpen(!open); } },
3302
+ typeof Icon === "string" && React__default.createElement("img", { src: Icon, alt: "Icone" }),
3303
+ typeof Icon === "object" && Icon,
3304
+ 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),
3305
+ React__default.createElement(ArrowIcon, { open: open },
3306
+ React__default.createElement(IconTriangleExpand, null)))),
3307
+ React__default.createElement(DropDownContainer, { open: open }, defaultValue ||
3308
+ (options && (React__default.createElement(DropDownContent, null,
3309
+ defaultValue && (React__default.createElement(DropDownItem, { key: "default", onClick: function (e) { return onChange && onChange(e); } }, defaultValue)), options === null || options === void 0 ? void 0 :
3310
+ options.map(function (op, index) {
3311
+ 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) {
3312
+ onChange && onChange(e);
3313
+ setOpen(false);
3314
+ } }, op === null || op === void 0 ? void 0 : op.label));
3315
+ }))))),
3316
+ textError && hasError && (React__default.createElement(Message, { hasError: !!textError }, textError)),
3317
+ !hasError && message && React__default.createElement(Message, null, message)));
3318
+ };
3319
+
3320
+ 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 };
3195
3321
  //# sourceMappingURL=index.esm.js.map