@integrigo/integrigo-ui 1.6.14-a → 1.6.14-b

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 (4) hide show
  1. package/lib/index.esm.js +1 -1
  2. package/lib/index.js +1 -1
  3. package/package.json +1 -1
  4. package/src/components/atoms/Icon/Icon.tsx +5 -1
package/lib/index.esm.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx,jsxs}from"react/jsx-runtime";import styled,{createGlobalStyle,keyframes,css}from"styled-components";import React,{Suspense,useState}from"react";var Color,__assign=function(){return(__assign=Object.assign||function(n){for(var e,r=1,o=arguments.length;r<o;r++)for(var t in e=arguments[r])Object.prototype.hasOwnProperty.call(e,t)&&(n[t]=e[t]);return n}).apply(this,arguments)};function __rest(n,e){var r={};for(t in n)Object.prototype.hasOwnProperty.call(n,t)&&e.indexOf(t)<0&&(r[t]=n[t]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,t=Object.getOwnPropertySymbols(n);o<t.length;o++)e.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(n,t[o])&&(r[t[o]]=n[t[o]]);return r}function __makeTemplateObject(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}!function(n){n.White="#FFF",n.Ecru="#F9F1E5",n.Navy="#172142",n.Orange="#E09A33",n.Red="#CF544B",n.Green="#6B8B4A",n.Grey100="#1A1A1A",n.Grey80="#595959",n.Grey60="#8C8C8C",n.Grey40="#CCCCCC",n.Grey20="#F2F2F2",n.Grey0="#fff",n.Success100="#6B8B4A",n.Success20="#DDE4D7",n.Success10="#ECEFE8",n.Error100="#CF544B",n.Error20="#FFCCCC",n.Error10="#FFF5F5"}(Color=Color||{});var templateObject_1$v,templateObject_1$u,templateObject_1$t,templateObject_1$s,templateObject_1$r,templateObject_2$b,templateObject_1$q,templateObject_1$p,templateObject_1$o,templateObject_1$n,templateObject_1$m,templateObject_1$l,templateObject_1$k,templateObject_2$a,templateObject_1$j,templateObject_1$i,templateObject_2$9,ChipVariant,ChipSize,templateObject_1$h,templateObject_2$8,templateObject_3$7,templateObject_1$g,templateObject_1$f,templateObject_2$7,templateObject_3$6,templateObject_1$e,templateObject_2$6,templateObject_3$5,templateObject_1$d,templateObject_2$5,templateObject_3$4,templateObject_4$3,templateObject_1$c,templateObject_1$b,templateObject_2$4,templateObject_3$3,templateObject_4$2,templateObject_1$a,templateObject_1$9,templateObject_1$8,templateObject_2$3,templateObject_3$2,templateObject_4$1,templateObject_1$7,templateObject_1$6,Size,templateObject_1$5,templateObject_2$2,templateObject_1$4,templateObject_1$3,templateObject_2$1,templateObject_3$1,templateObject_1$2,templateObject_1$1,templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,GlobalStyles=createGlobalStyle(templateObject_1$v=templateObject_1$v||__makeTemplateObject(["\n@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,600;0,700;0,800;1,200;1,300;1,600;1,700;1,800&display=swap');\n\n html {\n --color-white: ",";\n --color-ecru: ",";\n --color-navy: ",";\n --color-orange: ",";\n --color-red: ",";\n --color-green: ",";\n\n --shades-of-grey-100: ",";\n --shades-of-grey-80: ",";\n --shades-of-grey-60: ",";\n --shades-of-grey-40: ",";\n --shades-of-grey-20: ",";\n --shades-of-grey-0: ",";\n\n --color-success-100: ",";\n --color-success-20: ",";\n --color-success-10: ",";\n\n --color-error-100: ",";\n --color-error-20: ",";\n --color-error-10: ",";\n\n --color-orange-80: ","80;\n --color-orange-65: ","65;\n\n --padding-s: 8px;\n --padding-m: 16px;\n --padding-l: 24px;\n --padding-xl: 32px;\n --padding-xxl: 48px;\n\n --font-bold: 700;\n --font-medium: 600;\n --font-thin: 300;\n\n --font-size-s: 10px;\n --font-size-m: 16px;\n --font-size-l: 20px;\n --font-size-xl: 32px;\n --font-size-xxl: 40px;\n\n --header-size-s: 16px;\n --header-size-m: 24px;\n --header-size-l: 32px;\n --header-size-xl: 48px;\n --header-size-xxl: 72px;\n\n --transition-speed: .3s;\n }\n\n body {\n background-color: var(--color-ecru);\n }\n\n * {\n box-sizing: border-box;\n color: var(--color-navy);\n font-family: Raleway, Arial, Helvetica, Sans-Serif;\n font-size: var(--font-size-m);\n font-weight: var(--font-thin);\n }\n\n h1 {\n font-size: var(--header-size-xxl);\n font-weight: var(--font-bold);\n }\n\n h2 {\n font-size: var(--header-size-xl);\n font-weight: var(--font-bold);\n }\n\n h3 {\n font-size: var(--header-size-l);\n font-weight: var(--font-bold);\n }\n\n h4 {\n font-size: var(--header-size-m);\n font-weight: var(--font-bold);\n }\n\n h5 {\n font-size: var(--header-size-s);\n font-weight: var(--font-bold);\n }\n"],["\n@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,600;0,700;0,800;1,200;1,300;1,600;1,700;1,800&display=swap');\n\n html {\n --color-white: ",";\n --color-ecru: ",";\n --color-navy: ",";\n --color-orange: ",";\n --color-red: ",";\n --color-green: ",";\n\n --shades-of-grey-100: ",";\n --shades-of-grey-80: ",";\n --shades-of-grey-60: ",";\n --shades-of-grey-40: ",";\n --shades-of-grey-20: ",";\n --shades-of-grey-0: ",";\n\n --color-success-100: ",";\n --color-success-20: ",";\n --color-success-10: ",";\n\n --color-error-100: ",";\n --color-error-20: ",";\n --color-error-10: ",";\n\n --color-orange-80: ","80;\n --color-orange-65: ","65;\n\n --padding-s: 8px;\n --padding-m: 16px;\n --padding-l: 24px;\n --padding-xl: 32px;\n --padding-xxl: 48px;\n\n --font-bold: 700;\n --font-medium: 600;\n --font-thin: 300;\n\n --font-size-s: 10px;\n --font-size-m: 16px;\n --font-size-l: 20px;\n --font-size-xl: 32px;\n --font-size-xxl: 40px;\n\n --header-size-s: 16px;\n --header-size-m: 24px;\n --header-size-l: 32px;\n --header-size-xl: 48px;\n --header-size-xxl: 72px;\n\n --transition-speed: .3s;\n }\n\n body {\n background-color: var(--color-ecru);\n }\n\n * {\n box-sizing: border-box;\n color: var(--color-navy);\n font-family: Raleway, Arial, Helvetica, Sans-Serif;\n font-size: var(--font-size-m);\n font-weight: var(--font-thin);\n }\n\n h1 {\n font-size: var(--header-size-xxl);\n font-weight: var(--font-bold);\n }\n\n h2 {\n font-size: var(--header-size-xl);\n font-weight: var(--font-bold);\n }\n\n h3 {\n font-size: var(--header-size-l);\n font-weight: var(--font-bold);\n }\n\n h4 {\n font-size: var(--header-size-m);\n font-weight: var(--font-bold);\n }\n\n h5 {\n font-size: var(--header-size-s);\n font-weight: var(--font-bold);\n }\n"]),Color.White,Color.Ecru,Color.Navy,Color.Orange,Color.Red,Color.Green,Color.Grey100,Color.Grey80,Color.Grey60,Color.Grey40,Color.Grey20,Color.Grey0,Color.Success100,Color.Success20,Color.Success10,Color.Error100,Color.Error20,Color.Error10,Color.Orange,Color.Orange),fieldSizeVariants={xl:{iconPadding:"48px",padding:"16px",font:"20px"},l:{iconPadding:"40px",padding:"12px",font:"16px"},m:{iconPadding:"28px",padding:"8px",font:"12px"},s:{iconPadding:"16px",padding:"6px",font:"8px"}},FieldLabel=styled.div(templateObject_1$u=templateObject_1$u||__makeTemplateObject(["\n ","\n\n & label > span {\n color: ",";\n font-size: ",";\n }\n"],["\n ","\n\n & label > span {\n color: ",";\n font-size: ",";\n }\n"]),function(n){return"inline"===n.position?"\n position: relative;\n display: flex;\n align-items: center;\n ":"\n position: absolute;\n left: 0;\n z-index: 10;\n bottom: calc(100% - ".concat(fieldSizeVariants[n.sizeVariant].font," - 4px);\n ")},function(n){return n.disabled?"var(--shades-of-grey-40)":"var(--shades-of-grey-80)"},function(n){return fieldSizeVariants[n.sizeVariant].font}),FieldWrapper=(FieldLabel.displayName="InputLabel",styled.div(templateObject_1$t=templateObject_1$t||__makeTemplateObject(["\n position: relative;\n width: 100%;\n padding-top: ",";\n"],["\n position: relative;\n width: 100%;\n padding-top: ",";\n"]),function(n){return n.withLabel?"calc(".concat(fieldSizeVariants[n.sizeVariant].font," + 8px)"):0})),iconHashMap=(FieldWrapper.displayName="InputWrapper",{"angle-down":"AngleDown","arrow-left":"ArrowLeft","arrow-right":"ArrowRight",bars:"Bars",bell:"Bell","check-circle":"CheckCircle","check-square":"CheckSquare","clipboad-notes":"ClipboardNotes",close:"Close","create-dashboard":"CreateDashboard","dice-five":"DiceFive",edit:"Edit","ellipsis-horizontal":"EllipsisHorizontal","ellipsis-vertical":"EllipsisVertical",envelope:"Envelope","exclamation-circle":"ExclamationCircle","exclamation-triangle":"ExclamationTriangle",exit:"Exit",facebook:"Facebook",home:"Home","image-edit":"ImageEdit",instagram:"Instagram",linkedin:"Linkedin",lock:"Lock",minus:"Minus",phone:"Phone",plus:"Plus",process:"Process","points-circle":"PointsCircle",redo:"Redo",setting:"Setting",user:"User","user-circle":"UserCircle","user-plus":"UserPlus",users:"Users"}),sizeHashMap={"ultra-small":{width:20,height:20},small:{width:34,height:34},medium:{width:58,height:58},big:{width:84,height:84}},Icon=function(n){var e=n.className,r=n.type,o=n.size,o=void 0===o?"ultra-small":o,n=__rest(n,["className","type","size"]),t=React.lazy(function(){return import("./icons/"+iconHashMap[r])}),o="string"==typeof o?sizeHashMap[o]:o;return jsx(Suspense,__assign({fallback:jsx("svg",{viewBox:"0 0 24 24",width:"20",height:"20",xmlns:"http://www.w3.org/2000/svg"})},{children:jsx(t,__assign({className:e,fill:Color.Navy},o,n))}))},sizeVariant$7={xl:{size:24,offset:16},l:{size:20,offset:12},m:{size:16,offset:8},s:{size:10,offset:6}},IconAddition=function(n){var e=n.disabled,r=n.icon,o=n.direction,t=n.colorVariant,t=void 0===t?"grey":t,a=n.size,a=void 0===a?"m":a,n=n.onClick,i={white:e?Color.Grey60:Color.White,grey:e?Color.Grey60:Color.Grey100,ghost:e?Color.Grey40:Color.Grey100};return r?jsx(IconWrapper$1,__assign({direction:void 0===o?"ltr":o,clickable:!!n&&!e,size:a,narrow:"ghost"===t},{children:jsx(Icon,{type:r,size:{width:sizeVariant$7[a].size,height:sizeVariant$7[a].size},fill:i[t],onClick:n})})):null},IconWrapper$1=styled.div(templateObject_1$s=templateObject_1$s||__makeTemplateObject(["\n position: absolute;\n z-index: 2;\n bottom: calc(","px);\n height: ","px;\n width: ","px;\n cursor: ",";\n ",";\n\n & svg {\n transition: fill var(--transition-speed);\n position: absolute;\n }\n"],["\n position: absolute;\n z-index: 2;\n bottom: calc(","px);\n height: ","px;\n width: ","px;\n cursor: ",";\n ",";\n\n & svg {\n transition: fill var(--transition-speed);\n position: absolute;\n }\n"]),function(n){return sizeVariant$7[n.size].offset},function(n){return sizeVariant$7[n.size].size},function(n){return sizeVariant$7[n.size].size},function(n){return n.clickable?"pointer":"auto"},function(n){return("ltr"===n.direction?"left: ":"right: ").concat(n.narrow?0:sizeVariant$7[n.size].offset,"px")}),colorVariants=(IconWrapper$1.displayName="IconWrapper",{error:{background:Color.Error10,color:Color.Error100},warning:{background:Color.Grey0,color:Color.Orange},info:{background:Color.Grey0,color:Color.Navy},success:{background:Color.Grey0,color:Color.Green}}),iconVariants={error:"exclamation-circle",warning:"exclamation-triangle",info:"exclamation-circle",success:"check-circle"},Alert=function(n){var e=n.type,e=void 0===e?"info":e,r=n.open,o=n.size,t=n.controlled,t=void 0!==t&&t,a=n.onClose,n=n.children;return void 0===r||r||!t?jsxs(AlertWrapper,__assign({type:e,sizeVariant:void 0===o?"m":o},{children:[jsx(Icon,{fill:colorVariants[e].color,size:"ultra-small",type:iconVariants[e]})," ",n,t&&jsx(CloseIcon,{children:jsx(Icon,{size:"ultra-small",type:"close",fill:Color.Grey60,onClick:a})})]})):null},AlertWrapper=styled.div(templateObject_1$r=templateObject_1$r||__makeTemplateObject(["\n width: 100%;\n border-radius: 5px;\n color: ",";\n background-color: ",";\n padding: var(--padding-s);\n font-weight: var(--font-bold);\n font-size: ",";\n display: flex;\n align-items: center;\n gap: 12px;\n margin-top: var(--padding-s);\n"],["\n width: 100%;\n border-radius: 5px;\n color: ",";\n background-color: ",";\n padding: var(--padding-s);\n font-weight: var(--font-bold);\n font-size: ",";\n display: flex;\n align-items: center;\n gap: 12px;\n margin-top: var(--padding-s);\n"]),function(n){return colorVariants[n.type].color},function(n){return colorVariants[n.type].background},function(n){return fieldSizeVariants[n.sizeVariant].font}),CloseIcon=styled.div(templateObject_2$b=templateObject_2$b||__makeTemplateObject(["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n & > svg {\n transition: fill var(--transition-speed);\n }\n\n & > svg:hover {\n cursor: pointer;\n fill: var(--shades-of-grey-100);\n }\n"],["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n & > svg {\n transition: fill var(--transition-speed);\n }\n\n & > svg:hover {\n cursor: pointer;\n fill: var(--shades-of-grey-100);\n }\n"])),sizeVariant$6={s:20,m:32,l:53,xl:64,xxl:94},Avatar=function(n){var e=n.src,r=n.alt,n=n.size,n=void 0===n?"m":n;return jsx(Image,{src:e,alt:r,width:sizeVariant$6[n],height:sizeVariant$6[n]})},Image=styled.img(templateObject_1$q=templateObject_1$q||__makeTemplateObject(["\n object-fit: cover;\n border-radius: 50%;\n"],["\n object-fit: cover;\n border-radius: 50%;\n"])),sizeVariants$1=(Image.displayName="Image",{s:{padding:16,borderRadius:5},m:{padding:16,borderRadius:16},l:{padding:32,borderRadius:24}}),Card=styled.div(templateObject_1$p=templateObject_1$p||__makeTemplateObject(["\n background-color: ",";\n box-shadow: ",";\n color: ",";\n padding: ","px;\n border-radius: ","px;\n"],["\n background-color: ",";\n box-shadow: ",";\n color: ",";\n padding: ","px;\n border-radius: ","px;\n"]),function(n){return n.inverse?"var(--color-navy)":"var(--color-white)"},function(n){return n.flat?"none":"0px 4px 4px rgba(0, 0, 0, 0.25)"},function(n){return n.inverse?"var(--color-white)":"var(--color-navy)"},function(n){return sizeVariants$1[n.size||"l"].padding},function(n){return sizeVariants$1[n.size||"l"].borderRadius}),Divider=(Card.displayName="Card",styled.div(templateObject_1$o=templateObject_1$o||__makeTemplateObject(["\n width: 100%;\n height: 2px;\n background-color: ",";\n opacity: 0.2;\n"],["\n width: 100%;\n height: 2px;\n background-color: ",";\n opacity: 0.2;\n"]),function(n){return"var(--color-".concat(n.variant||"navy",")")})),Pill=styled.div(templateObject_1$n=templateObject_1$n||__makeTemplateObject(["\n background-color: ",";\n border-radius: var(--padding-l);\n color: var(--color-white);\n font-weight: var(--font-bold);\n font-size: var(--font-size-m);\n padding: var(--padding-s) var(--padding-xxl);\n width: min-content;\n"],["\n background-color: ",";\n border-radius: var(--padding-l);\n color: var(--color-white);\n font-weight: var(--font-bold);\n font-size: var(--font-size-m);\n padding: var(--padding-s) var(--padding-xxl);\n width: min-content;\n"]),function(n){return"var(--color-".concat(n.variant,")")}),Body$1=(Pill.displayName="Pill",styled.p(templateObject_1$m=templateObject_1$m||__makeTemplateObject(["\n font-size: ",";\n line-height: ",";\n text-align: ",";\n font-weight: ",";\n"],["\n font-size: ",";\n line-height: ",";\n text-align: ",";\n font-weight: ",";\n"]),function(n){return"var(--font-size-".concat(n.size||"m",")")},function(n){return"calc(1.5*var(--font-size-".concat(n.size||"m","))")},function(n){return n.align||"left"},function(n){return n.bold?"var(---font-bold)":"var(--font-thin)"})),SIZE_MAP=(Body$1.displayName="Body",{s:"h5",m:"h4",l:"h3",xl:"h2",xxl:"h1"}),Hero$1=function(n){var e=n.size,r=n.className,n=n.children;return jsx(Header,__assign({as:SIZE_MAP[void 0===e?"l":e],className:r},{children:n}))},Header=styled.h1(templateObject_1$l=templateObject_1$l||__makeTemplateObject([""],[""])),gapSizeVariant=(Header.displayName="Header",{xxl:"12px",xl:"10px",l:"4px",m:"4px",s:"2px"}),Label=function(n){var e=n.text,r=n.size,n=n.children;return jsxs(LabelContainer,__assign({sizeVariant:r},{children:[n,jsx(LabelText,__assign({size:r},{children:e}))]}))},LabelContainer=styled.label(templateObject_1$k=templateObject_1$k||__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ",";\n"],["\n display: flex;\n align-items: center;\n gap: ",";\n"]),function(n){return gapSizeVariant[n.sizeVariant||"m"]}),LabelText=styled.span(templateObject_2$a=templateObject_2$a||__makeTemplateObject(["\n font-size: ",";\n font-weight: var(--font-medium);\n transition: color var(--transition-speed);\n"],["\n font-size: ",";\n font-weight: var(--font-medium);\n transition: color var(--transition-speed);\n"]),function(n){return"var(--font-size-".concat(n.size||"m",")")}),Typography={Body:Body$1,Hero:Hero$1,Label:Label},Nav=styled.nav(templateObject_1$j=templateObject_1$j||__makeTemplateObject(["\n font-size: var(--font-size-l);\n font-weight: ",";\n cursor: pointer;\n white-space: nowrap;\n width: min-content;\n transition: color var(--transition-speed);\n padding: var(--padding-s) var(--padding-l);\n\n &:hover {\n color: ",";\n }\n"],["\n font-size: var(--font-size-l);\n font-weight: ",";\n cursor: pointer;\n white-space: nowrap;\n width: min-content;\n transition: color var(--transition-speed);\n padding: var(--padding-s) var(--padding-l);\n\n &:hover {\n color: ",";\n }\n"]),function(n){return n.active?"var(--font-bold)":"var(--font-medium)"},function(n){return n.active?"auto":"var(--color-green)"}),Spinner=(Nav.displayName="Nav",function(n,e){n=__rest(n,[]);return jsx(SpinnerIcon,__assign({type:"process",ref:e},n))}),rotate$1=keyframes(templateObject_1$i=templateObject_1$i||__makeTemplateObject(["\n 100% {\n transform: rotate(-360deg);\n }\n"],["\n 100% {\n transform: rotate(-360deg);\n }\n"])),SpinnerIcon=styled(Icon)(templateObject_2$9=templateObject_2$9||__makeTemplateObject(["\n animation: "," 1s linear infinite;\n will-change: transform;\n"],["\n animation: "," 1s linear infinite;\n will-change: transform;\n"]),rotate$1),sizeVariant$5=(!function(n){n.transparent="transparent",n.white="white",n.primary="primary",n.secondary="secondary"}(ChipVariant=ChipVariant||{}),!function(n){n.xl="xl",n.l="l",n.m="m",n.s="s"}(ChipSize=ChipSize||{}),{xl:{iconSize:{width:25,height:25},gap:"12.5px",paddingY:"12.5px",paddingX:"17.5px",border:"2px",fontSize:"20px",lineHeight:"30px"},l:{iconSize:{width:20,height:20},gap:"10px",paddingY:"10px",paddingX:"14px",border:"2px",fontSize:"16px",lineHeight:"24px"},m:{iconSize:{width:15,height:15},gap:"7.5px",paddingY:"7.5px",paddingX:"10.5px",border:"2px",fontSize:"12px",lineHeight:"18px"},s:{iconSize:{width:10,height:10},gap:"5px",paddingY:"5px",paddingX:"7px",border:"1.5px",fontSize:"8px",lineHeight:"12px"}}),colorVariant$1={primary:{fontColor:"var(--shades-of-grey-0)"},secondary:{fontColor:"var(--color-orange)"},transparent:{fontColor:"var(--shades-of-grey-100)"},white:{fontColor:"var(--shades-of-grey-100);"}},Chip=function(n){var e=n.iconLeft,r=n.iconRight,o=n.label,t=n.size,t=void 0===t?ChipSize.m:t,a=n.variant,a=void 0===a?ChipVariant.primary:a,n=n.onClick;return jsxs(ChipWrapper,__assign({size:t,variant:a,onClick:n},{children:[e&&jsx(IconWrapper,{children:jsx(Icon,{type:e,fill:colorVariant$1[a].fontColor,size:sizeVariant$5[t].iconSize})}),jsx(Text,__assign({size:t},{children:o})),r&&jsx(IconWrapper,{children:jsx(Icon,{type:r,fill:colorVariant$1[a].fontColor,size:sizeVariant$5[t].iconSize})})]}))},getVariantStyles=function(n,e){switch(n){case ChipVariant.secondary:return"\n background-color: var(--color-white);\n opacity: 0.9;\n border-color: var(--color-orange);\n border-style: solid;\n \n ".concat(e&&"\n cursor: pointer;\n \n &:hover {\n opacity: 0.8;\n }\n \n &:active {\n opacity: 0.65;\n }\n ","\n ");case ChipVariant.transparent:return" \n ".concat(e&&"\n &:hover {\n background-color: var(--shades-of-grey-40);\n }\n \n &:active {\n background-color: var(--shades-of-grey-60);\n }\n ","\n ");case ChipVariant.white:return"\n background-color: var(--color-white);\n border-color: var(--shades-of-grey-40);\n border-style: solid;\n \n ".concat(e&&"\n &:hover {\n background-color: var(--shades-of-grey-20);\n }\n \n &:active {\n border-color: var(--shades-of-grey-100);\n }\n ","\n ");default:ChipVariant.primary;return"\n background-color: var(--color-orange);\n border-color: var(--color-orange);\n border-style: solid;\n\n ".concat(e&&"\n &:hover {\n opacity: 0.8;\n }\n \n &:active {\n opacity: 0.65;\n }\n ","\n ")}},ChipWrapper=(Chip.displayName="Chip",styled.div(templateObject_1$h=templateObject_1$h||__makeTemplateObject(["\n border-radius: 100px;\n display: flex;\n justify-content: center;\n width: min-content;\n \n ","\n"],["\n border-radius: 100px;\n display: flex;\n justify-content: center;\n width: min-content;\n \n ","\n"]),function(n){return"\n border-width: ".concat(sizeVariant$5[n.size].border,";\n padding: ").concat(sizeVariant$5[n.size].paddingY," ").concat(sizeVariant$5[n.size].paddingX,";\n color: ").concat(colorVariant$1[n.variant].fontColor,";\n ").concat(getVariantStyles(n.variant,"function"==typeof n.onClick),"\n ").concat("function"==typeof n.onClick&&"\n cursor: pointer;\n ","\n ")})),IconWrapper=styled.span(templateObject_2$8=templateObject_2$8||__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"])),Text=(IconWrapper.displayName="IconWrapper",styled.span(templateObject_3$7=templateObject_3$7||__makeTemplateObject(["\n color: inherit;\n font-weight: bold;\n ","\n"],["\n color: inherit;\n font-weight: bold;\n ","\n"]),function(n){return"\n margin: 0 ".concat(sizeVariant$5[n.size].gap,";\n line-height: ").concat(sizeVariant$5[n.size].lineHeight,";\n font-size: ").concat(sizeVariant$5[n.size].fontSize,";\n ")})),sizeVariant$4=(Text.displayName="Text",{xl:32,l:24,m:18,s:12}),Dot=function(n){var e=n.icon,r=n.children,o=n.className,n=n.size;return jsx(Root$6,__assign({className:o,size:void 0===n?"m":n},{children:e?jsx(Icon,__assign({},e)):r}))},Root$6=styled.div(templateObject_1$g=templateObject_1$g||__makeTemplateObject(["\n background-color: var(--color-orange);\n color: var(--color-white);\n width: ","px;\n height: ","px;\n border-radius: ","px;\n line-height: ","px;\n font-size: ","px;\n display: flex;\n justify-content: center;\n align-items: center;\n"],["\n background-color: var(--color-orange);\n color: var(--color-white);\n width: ","px;\n height: ","px;\n border-radius: ","px;\n line-height: ","px;\n font-size: ","px;\n display: flex;\n justify-content: center;\n align-items: center;\n"]),function(n){return sizeVariant$4[n.size]},function(n){return sizeVariant$4[n.size]},function(n){return sizeVariant$4[n.size]/2},function(n){return sizeVariant$4[n.size]},function(n){return sizeVariant$4[n.size]/2}),InfoCard=function(n){var e=n.title,r=n.body,o=n.background,t=n.inverse,t=void 0!==t&&t,n=n.size,n=void 0===n?"l":n;return jsxs(Root$5,{children:[o&&jsx(Background,{children:o}),jsxs(CardBody,__assign({inverse:t},{children:[jsx(Hero$1,__assign({size:n},{children:e})),jsx(Body$1,__assign({size:n},{children:r}))]}))]})},Root$5=styled.div(templateObject_1$f=templateObject_1$f||__makeTemplateObject(["\n padding: 0;\n position: relative;\n\n & > "," > p {\n margin: 0;\n }\n"],["\n padding: 0;\n position: relative;\n\n & > "," > p {\n margin: 0;\n }\n"]),Card),CardBody=(Root$5.displayName="Root",styled(Card)(templateObject_2$7=templateObject_2$7||__makeTemplateObject(["\n position: relative;\n\n & > * {\n margin: 0;\n margin-bottom: var(--padding-m);\n color: ",";\n }\n\n & > p {\n margin: 0;\n }\n"],["\n position: relative;\n\n & > * {\n margin: 0;\n margin-bottom: var(--padding-m);\n color: ",";\n }\n\n & > p {\n margin: 0;\n }\n"]),function(n){return n.inverse?"var(--color-white)":"var(--color-navy)"})),Background=(CardBody.displayName="CardBody",styled(Card)(templateObject_3$6=templateObject_3$6||__makeTemplateObject(["\n border-radius: 24px 24px 0px 0px;\n position: relative;\n height: 100%;\n margin-bottom: -24px;\n padding: 0;\n overflow: hidden;\n"],["\n border-radius: 24px 24px 0px 0px;\n position: relative;\n height: 100%;\n margin-bottom: -24px;\n padding: 0;\n overflow: hidden;\n"]))),getValidationTypeProps=(Background.displayName="Background",function(n){switch(n){case"success":return css(templateObject_1$e=templateObject_1$e||__makeTemplateObject(["\n border-color: var(--color-success-100);\n background-color: var(--color-success-10);\n\n &:focus,\n &:active {\n border-color: var(--color-success-100);\n }\n "],["\n border-color: var(--color-success-100);\n background-color: var(--color-success-10);\n\n &:focus,\n &:active {\n border-color: var(--color-success-100);\n }\n "]));case"error":return css(templateObject_2$6=templateObject_2$6||__makeTemplateObject(["\n border-color: var(--color-error-100);\n background-color: var(--color-error-10);\n\n &:focus,\n &:active {\n border-color: var(--color-error-100);\n }\n "],["\n border-color: var(--color-error-100);\n background-color: var(--color-error-10);\n\n &:focus,\n &:active {\n border-color: var(--color-error-100);\n }\n "]));default:return css(templateObject_3$5=templateObject_3$5||__makeTemplateObject([""],[""]))}}),getDirectionPadding$1=function(n,e){switch(n){case"ltr":return css(templateObject_1$d=templateObject_1$d||__makeTemplateObject(["\n padding-left: ",";\n "],["\n padding-left: ",";\n "]),e);case"rtl":return css(templateObject_2$5=templateObject_2$5||__makeTemplateObject(["\n padding-right: ",";\n "],["\n padding-right: ",";\n "]),e);default:return css(templateObject_3$4=templateObject_3$4||__makeTemplateObject([""],[""]))}},Input$2=React.forwardRef(function(n,e){var r=n.icon,o=n.label,t=n.size,t=void 0===t?"m":t,a=n.onIconClick,i=n.field,n=__rest(n,["icon","label","size","onIconClick","field"]);return jsxs(FieldWrapper,__assign({withLabel:Boolean(o),sizeVariant:t},{children:[o&&jsx(FieldLabel,__assign({sizeVariant:t},{children:jsx(Label,{text:o})})),"rtl"!==n.direction&&jsx(IconAddition,{icon:r,disabled:n.disabled,direction:n.direction,onClick:a,size:t}),jsx(InputElement,__assign({ref:e,sizeVariant:t},i,n)),"rtl"===n.direction&&jsx(IconAddition,{icon:r,disabled:n.disabled,direction:n.direction,onClick:a})]}))}),InputElement=styled.input(templateObject_4$3=templateObject_4$3||__makeTemplateObject(["\n background-color: var(--color-white);\n border: 2px solid var(--shades-of-grey-80);\n border-radius: var(--padding-s);\n padding: ",";\n position: relative;\n overflow: hidden;\n font-size: ",";\n color: var(--shades-of-grey-100);\n font-weight: var(--font-bold);\n transition: border var(--transition-speed),\n background-color var(--transition-speed);\n width: 100%;\n\n &::placeholder {\n color: var(--shades-of-grey-80);\n }\n\n &:focus,\n &:active {\n outline: none;\n background-color: transparent;\n border: 2px solid var(--color-orange);\n }\n\n ",";\n ",";\n\n &:disabled {\n &::placeholder {\n color: var(--shades-of-grey-60);\n }\n background-color: var(--shades-of-grey-40);\n border: 2px solid var(--shades-of-grey-60);\n }\n"],["\n background-color: var(--color-white);\n border: 2px solid var(--shades-of-grey-80);\n border-radius: var(--padding-s);\n padding: ",";\n position: relative;\n overflow: hidden;\n font-size: ",";\n color: var(--shades-of-grey-100);\n font-weight: var(--font-bold);\n transition: border var(--transition-speed),\n background-color var(--transition-speed);\n width: 100%;\n\n &::placeholder {\n color: var(--shades-of-grey-80);\n }\n\n &:focus,\n &:active {\n outline: none;\n background-color: transparent;\n border: 2px solid var(--color-orange);\n }\n\n ",";\n ",";\n\n &:disabled {\n &::placeholder {\n color: var(--shades-of-grey-60);\n }\n background-color: var(--shades-of-grey-40);\n border: 2px solid var(--shades-of-grey-60);\n }\n"]),function(n){return fieldSizeVariants[n.sizeVariant].padding},function(n){return fieldSizeVariants[n.sizeVariant].font},function(n){return getValidationTypeProps(n.validationType)},function(n){return getDirectionPadding$1(n.direction,fieldSizeVariants[n.sizeVariant].iconPadding)}),TextArea=(Input$2.displayName="Input",function(n){return jsx(TextAreaElement,__assign({rows:4},n))}),TextAreaElement=styled.textarea(templateObject_1$c=templateObject_1$c||__makeTemplateObject(["\n background-color: var(--color-white);\n border: 2px solid var(--shades-of-grey-80);\n border-radius: var(--padding-s);\n padding: var(--padding-m);\n position: relative;\n overflow: hidden;\n color: var(--shades-of-grey-100);\n font-weight: var(--font-bold);\n transition: border var(--transition-speed),\n background-color var(--transition-speed);\n width: 100%;\n resize: none;\n\n &::placeholder {\n color: var(--shades-of-grey-80);\n }\n\n &:focus,\n &:active {\n outline: none;\n background-color: transparent;\n border: 2px solid var(--color-orange);\n }\n ",";\n\n &:disabled {\n &::placeholder {\n color: var(--shades-of-grey-60);\n }\n background-color: var(--shades-of-grey-40);\n border: 2px solid var(--shades-of-grey-60);\n }\n"],["\n background-color: var(--color-white);\n border: 2px solid var(--shades-of-grey-80);\n border-radius: var(--padding-s);\n padding: var(--padding-m);\n position: relative;\n overflow: hidden;\n color: var(--shades-of-grey-100);\n font-weight: var(--font-bold);\n transition: border var(--transition-speed),\n background-color var(--transition-speed);\n width: 100%;\n resize: none;\n\n &::placeholder {\n color: var(--shades-of-grey-80);\n }\n\n &:focus,\n &:active {\n outline: none;\n background-color: transparent;\n border: 2px solid var(--color-orange);\n }\n ",";\n\n &:disabled {\n &::placeholder {\n color: var(--shades-of-grey-60);\n }\n background-color: var(--shades-of-grey-40);\n border: 2px solid var(--shades-of-grey-60);\n }\n"]),function(n){return getValidationTypeProps(n.validationType)}),sizeVariants=(TextAreaElement.displayName="TextAreaElement",{xl:{iconPadding:"48px",padding:"16px 24px",ghostPadding:"32px",font:"20px"},l:{iconPadding:"40px",padding:"12px 18px",ghostPadding:"24px",font:"16px"},m:{iconPadding:"28px",padding:"10px 16px",ghostPadding:"20px",font:"12px"},s:{iconPadding:"16px",padding:"6px 12px",ghostPadding:"12px",font:"8px"}}),getDirectionPadding=function(n,e,r){var o=sizeVariants[r=void 0===r?"m":r].iconPadding,t=sizeVariants[r].ghostPadding;switch(n){case"ltr":return css(templateObject_1$b=templateObject_1$b||__makeTemplateObject(["\n ","\n padding-left: ",";\n "],["\n ","\n padding-left: ",";\n "]),!e&&"padding-right: ".concat(o,";"),e?t:o);case"rtl":return css(templateObject_2$4=templateObject_2$4||__makeTemplateObject(["\n ","\n padding-right: ",";\n "],["\n ","\n padding-right: ",";\n "]),!e&&"padding-left: ".concat(o,";"),e?t:o);default:return css(templateObject_3$3=templateObject_3$3||__makeTemplateObject([""],[""]))}},BasicButton=styled.div(templateObject_4$2=templateObject_4$2||__makeTemplateObject(["\n background-color: transparent;\n border: none;\n border-radius: var(--padding-xl);\n color: ",";\n padding: ",";\n font-weight: var(--font-bold);\n font-size: ",';\n cursor: pointer;\n overflow: hidden;\n position: relative;\n width: 100%;\n transition: color var(--transition-speed),\n background-color var(--transition-speed);\n\n &:before {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n width: calc(100% - 4px);\n height: calc(100% - 4px);\n background-color: transparent;\n border: 2px solid var(--color-orange);\n border-radius: var(--padding-xl);\n z-index: 1;\n transition: background-color var(--transition-speed),\n opacity var(--transition-speed), border-color var(--transition-speed);\n }\n\n &:active {\n color: var(--color-orange);\n outline: none;\n }\n\n ',";\n\n &:hover {\n color: var(--color-orange);\n }\n\n &:hover,\n &:hover:before {\n opacity: 0.8;\n border-color: var(--color-orange);\n }\n\n &:hover:active,\n &:hover:active:before {\n opacity: 0.6;\n border-color: var(--color-orange);\n }\n\n ","\n"],["\n background-color: transparent;\n border: none;\n border-radius: var(--padding-xl);\n color: ",";\n padding: ",";\n font-weight: var(--font-bold);\n font-size: ",';\n cursor: pointer;\n overflow: hidden;\n position: relative;\n width: 100%;\n transition: color var(--transition-speed),\n background-color var(--transition-speed);\n\n &:before {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n width: calc(100% - 4px);\n height: calc(100% - 4px);\n background-color: transparent;\n border: 2px solid var(--color-orange);\n border-radius: var(--padding-xl);\n z-index: 1;\n transition: background-color var(--transition-speed),\n opacity var(--transition-speed), border-color var(--transition-speed);\n }\n\n &:active {\n color: var(--color-orange);\n outline: none;\n }\n\n ',";\n\n &:hover {\n color: var(--color-orange);\n }\n\n &:hover,\n &:hover:before {\n opacity: 0.8;\n border-color: var(--color-orange);\n }\n\n &:hover:active,\n &:hover:active:before {\n opacity: 0.6;\n border-color: var(--color-orange);\n }\n\n ","\n"]),function(n){return n.loading?"transparent":"var(--shades-of-grey-100)"},function(n){return sizeVariants[n.sizeVariant].padding},function(n){return sizeVariants[n.sizeVariant].font},function(n){return getDirectionPadding(n.direction,n.ghost,n.sizeVariant)},function(n){return n.disabled&&"\n color: ".concat(n.loading?"transparent":"var(--shades-of-grey-60)",";\n border-color: var(--shades-of-grey-60);\n background-color: var(--shades-of-grey-40);\n\n &::before {\n border-color: var(--shades-of-grey-60);\n }\n\n &:hover,\n &:active,\n &:hover:active,\n &:hover:before,\n &:hover:active:before {\n color: ").concat(n.loading?"transparent":"var(--shades-of-grey-60)",";\n cursor: auto;\n opacity: 1;\n border-color: var(--shades-of-grey-60);\n }\n ")}),Ghost=(BasicButton.displayName="BasicButton",styled(BasicButton)(templateObject_1$a=templateObject_1$a||__makeTemplateObject(["\n padding-left: ",";\n padding-right: ",";\n border-radius: 0;\n\n &::before {\n border: none;\n left: 0;\n top: auto;\n bottom: 4px;\n width: ",";\n height: 0;\n border: 1px solid var(--color-navy);\n border-radius: 0;\n z-index: 2;\n }\n\n &:hover,\n &:hover:before {\n opacity: 1;\n color: var(--color-orange);\n border-color: var(--color-orange);\n }\n\n &:hover:active,\n &:hover:active:before {\n opacity: 1;\n color: var(--color-orange-80);\n border-color: var(--color-orange-80);\n }\n\n ","\n"],["\n padding-left: ",";\n padding-right: ",";\n border-radius: 0;\n\n &::before {\n border: none;\n left: 0;\n top: auto;\n bottom: 4px;\n width: ",";\n height: 0;\n border: 1px solid var(--color-navy);\n border-radius: 0;\n z-index: 2;\n }\n\n &:hover,\n &:hover:before {\n opacity: 1;\n color: var(--color-orange);\n border-color: var(--color-orange);\n }\n\n &:hover:active,\n &:hover:active:before {\n opacity: 1;\n color: var(--color-orange-80);\n border-color: var(--color-orange-80);\n }\n\n ","\n"]),function(n){return"ltr"!==n.direction&&0},function(n){return"rtl"!==n.direction&&0},function(n){return"calc(100% + ".concat(n.direction?"8px":"0px",")")},function(n){return n.disabled&&"\n background-color: transparent;\n color: ".concat(n.loading?"transparent":"var(--shades-of-grey-40)",";\n\n &::before {\n border-color: var(--shades-of-grey-40);\n }\n\n &:hover,\n &:active,\n &:hover:active,\n &:hover:before,\n &:hover:active:before {\n opacity: 1;\n color: ").concat(n.loading?"transparent":"var(--shades-of-grey-40)",";\n border-color: var(--shades-of-grey-40);\n }\n ")})),Primary=styled(BasicButton)(templateObject_1$9=templateObject_1$9||__makeTemplateObject(["\n color: var(--color-white);\n z-index: 1;\n\n &::before {\n background-color: var(--color-orange);\n z-index: -1;\n }\n\n &:hover {\n opacity: 1;\n color: var(--color-white);\n }\n\n &:hover:active {\n opacity: 1;\n }\n\n ","\n"],["\n color: var(--color-white);\n z-index: 1;\n\n &::before {\n background-color: var(--color-orange);\n z-index: -1;\n }\n\n &:hover {\n opacity: 1;\n color: var(--color-white);\n }\n\n &:hover:active {\n opacity: 1;\n }\n\n ","\n"]),function(n){return n.disabled&&"\n color: ".concat(n.loading?"transparent":"var(--shades-of-grey-60)",";\n\n &::before {\n background-color: var(--shades-of-grey-40);\n border-color: var(--shades-of-grey-40);\n }\n\n &:hover,\n &:active,\n &:hover:active,\n &:hover:before,\n &:hover:active:before {\n color: ").concat(n.loading?"transparent":"var(--shades-of-grey-60)",";\n border-color: var(--shades-of-grey-40);\n }\n ")}),sizeVariant$3={xl:"8px",l:"6px",m:"4px",s:"2px"},getButtonComponent=function(n,e){return n?Primary:e?Ghost:BasicButton},getIconColorVariant=function(n,e){return n?"white":e?"ghost":"grey"},Button=React.forwardRef(function(n,e){var r=n.icon,o=n.size,o=void 0===o?"m":o,t=n.onIconClick,a=n.direction,i=n.loading,i=void 0!==i&&i,c=n.children,n=__rest(n,["icon","size","onIconClick","direction","loading","children"]),s=getButtonComponent(n.primary,n.ghost),l=n.disabled||i;return jsxs(ButtonWrapper,__assign({ref:e,fullWidth:!n.ghost,orangeIconOnHover:!n.primary&&!n.disabled},n,{children:["rtl"!==a&&jsx(IconOffset,__assign({size:o,ghost:Boolean(n.ghost)},{children:jsx(IconAddition,{icon:r,size:o,colorVariant:getIconColorVariant(n.primary,n.ghost),disabled:l,direction:a,onClick:t})})),jsxs(s,__assign({sizeVariant:o,ghost:n.ghost,disabled:l,loading:i,direction:r&&(a||"ltr")},{children:[c,i&&jsx(Loading,{children:jsx(Icon,{type:"process",fill:n.ghost?Color.Grey40:Color.Grey60})})]})),"rtl"===a&&jsx(IconOffset,__assign({size:o,ghost:Boolean(n.ghost),right:!0},{children:jsx(IconAddition,{icon:r,size:o,colorVariant:getIconColorVariant(n.primary,n.ghost),disabled:l,direction:a,onClick:t})}))]}))}),ButtonWrapper=styled.button(templateObject_1$8=templateObject_1$8||__makeTemplateObject(["\n border: none;\n background-color: transparent;\n position: relative;\n padding: 0;\n width: ",";\n\n &:hover svg {\n fill: ",";\n }\n\n &:active svg {\n fill: ",";\n }\n\n & svg {\n position: absolute;\n left: 0;\n }\n"],["\n border: none;\n background-color: transparent;\n position: relative;\n padding: 0;\n width: ",";\n\n &:hover svg {\n fill: ",";\n }\n\n &:active svg {\n fill: ",";\n }\n\n & svg {\n position: absolute;\n left: 0;\n }\n"]),function(n){return n.fullWidth?"100%":"min-content"},function(n){return n.orangeIconOnHover&&"var(--color-orange)"},function(n){return n.orangeIconOnHover&&"var(--color-orange-80)"}),IconOffset=(ButtonWrapper.displayName="ButtonWrapper",styled.div(templateObject_2$3=templateObject_2$3||__makeTemplateObject(["\n position: absolute;\n bottom: 0;\n ",";\n"],["\n position: absolute;\n bottom: 0;\n ",";\n"]),function(n){return(n.right?"right: ":"left: ").concat(n.ghost?0:sizeVariant$3[n.size])})),rotate=(IconOffset.displayName="IconOffset",keyframes(templateObject_3$2=templateObject_3$2||__makeTemplateObject(["\n 100% {\n transform: rotate(-360deg);\n }\n"],["\n 100% {\n transform: rotate(-360deg);\n }\n"]))),Loading=styled.div(templateObject_4$1=templateObject_4$1||__makeTemplateObject(["\n position: absolute;\n left: calc(50% - 10px);\n top: calc(50% - 10px);\n\n & > svg {\n animation: "," 1s linear infinite;\n will-change: transform;\n }\n"],["\n position: absolute;\n left: calc(50% - 10px);\n top: calc(50% - 10px);\n\n & > svg {\n animation: "," 1s linear infinite;\n will-change: transform;\n }\n"]),rotate),sizeVariant$2=(Loading.displayName="Loading",{xl:{size:"30px",borderRadius:"8px",border:"4px",tickSize:"16px"},l:{size:"24px",borderRadius:"6px",border:"3px",tickSize:"12px"},m:{size:"18px",borderRadius:"3px",border:"2.5px",tickSize:"10px"},s:{size:"12px",borderRadius:"2px",border:"2px",tickSize:"6px"}}),Checkbox=React.forwardRef(function(n,e){var r=n.size,r=void 0===r?"m":r,o=n.label,o=void 0===o?"":o,n=__rest(n,["size","label"]);return jsx(FieldLabel,__assign({sizeVariant:r,position:"inline",disabled:n.disabled},{children:jsx(Label,__assign({size:r,text:o},{children:jsx(Input$1,__assign({ref:e,type:"checkbox",sizeVariant:r},n))}))}))}),Input$1=styled.input(templateObject_1$7=templateObject_1$7||__makeTemplateObject(["\n appearance: none;\n background-color: var(--color-white);\n\n ",'\n\n transition: border var(--transition-speed), opacity var(--transition-speed),\n background-color var(--transition-speed);\n position: relative;\n\n &:not([disabled]):hover {\n border-color: var(--shades-of-grey-60);\n cursor: pointer;\n }\n\n &:disabled {\n opacity: 0.5;\n }\n\n &:disabled:checked {\n opacity: 1;\n }\n\n &::before {\n content: "";\n background-color: transparent;\n position: absolute;\n\n ','\n transition: background-color var(--transition-speed);\n }\n\n &::after {\n content: "";\n position: absolute;\n background-color: transparent;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: ',";\n height: ",";\n clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n transition: background-color var(--transition-speed);\n }\n\n &:not([disabled]):checked::before {\n background-color: var(--color-orange);\n }\n\n &:disabled:checked::before {\n background-color: var(--shades-of-grey-40);\n }\n\n &:checked::after {\n background-color: var(--color-white);\n }\n\n &:not([disabled]):checked {\n border-color: transparent;\n }\n\n &:not([disabled]):checked:hover {\n opacity: 0.8;\n }\n\n &:not([disabled]):active {\n background-color: var(--shades-of-grey-60);\n }\n\n &:not([disabled]):checked:active {\n background-color: transparent;\n }\n\n &:not([disabled]):active::before {\n opacity: 0.65;\n }\n"],["\n appearance: none;\n background-color: var(--color-white);\n\n ",'\n\n transition: border var(--transition-speed), opacity var(--transition-speed),\n background-color var(--transition-speed);\n position: relative;\n\n &:not([disabled]):hover {\n border-color: var(--shades-of-grey-60);\n cursor: pointer;\n }\n\n &:disabled {\n opacity: 0.5;\n }\n\n &:disabled:checked {\n opacity: 1;\n }\n\n &::before {\n content: "";\n background-color: transparent;\n position: absolute;\n\n ','\n transition: background-color var(--transition-speed);\n }\n\n &::after {\n content: "";\n position: absolute;\n background-color: transparent;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: ',";\n height: ",";\n clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n transition: background-color var(--transition-speed);\n }\n\n &:not([disabled]):checked::before {\n background-color: var(--color-orange);\n }\n\n &:disabled:checked::before {\n background-color: var(--shades-of-grey-40);\n }\n\n &:checked::after {\n background-color: var(--color-white);\n }\n\n &:not([disabled]):checked {\n border-color: transparent;\n }\n\n &:not([disabled]):checked:hover {\n opacity: 0.8;\n }\n\n &:not([disabled]):active {\n background-color: var(--shades-of-grey-60);\n }\n\n &:not([disabled]):checked:active {\n background-color: transparent;\n }\n\n &:not([disabled]):active::before {\n opacity: 0.65;\n }\n"]),function(n){return"\n border: ".concat(sizeVariant$2[n.sizeVariant].border," solid var(--shades-of-grey-40);\n border-radius: ").concat(sizeVariant$2[n.sizeVariant].borderRadius,";\n width: ").concat(sizeVariant$2[n.sizeVariant].size,";\n height: ").concat(sizeVariant$2[n.sizeVariant].size,";\n ")},function(n){return"\n border-radius: ".concat(sizeVariant$2[n.sizeVariant].borderRadius,";\n width: ").concat(sizeVariant$2[n.sizeVariant].size,";\n height: ").concat(sizeVariant$2[n.sizeVariant].size,";\n left: calc(-1 * ").concat(sizeVariant$2[n.sizeVariant].border,");\n top: calc(-1 * ").concat(sizeVariant$2[n.sizeVariant].border,");\n ")},function(n){return sizeVariant$2[n.sizeVariant].tickSize},function(n){return sizeVariant$2[n.sizeVariant].tickSize}),Option=(Input$1.displayName="Input",function(n){n=n.children;return jsx("option",{children:n})}),Dropdown=React.forwardRef(function(n,e){var r=n.children,o=n.label,t=n.size,t=void 0===t?"m":t,n=__rest(n,["children","label","size"]);return jsxs(FieldWrapper,__assign({withLabel:Boolean(o),sizeVariant:t},{children:[o&&jsx(FieldLabel,__assign({sizeVariant:t,disabled:n.disabled},{children:jsx(Label,{text:o})})),jsx(IconAddition,{icon:"angle-down",disabled:n.disabled,direction:"rtl",size:t}),jsxs(Select,__assign({ref:e,sizeVariant:t},n,{children:[jsx("option",__assign({disabled:!0,selected:!0},{children:n.placeholder})),r]}))]}))}),DropdownWithStatic=Object.assign(Dropdown,{Option:Option}),Select=styled.select(templateObject_1$6=templateObject_1$6||__makeTemplateObject(["\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background-color: var(--color-white);\n border: 2px solid var(--shades-of-grey-80);\n cursor: pointer;\n border-radius: var(--padding-s);\n padding: ",";\n position: relative;\n font-size: ",";\n overflow: hidden;\n color: var(--shades-of-grey-100);\n font-weight: var(--font-bold);\n transition: border var(--transition-speed),\n background-color var(--transition-speed);\n width: 100%;\n\n &::placeholder {\n color: var(--shades-of-grey-80);\n }\n\n &:focus,\n &:active {\n outline: none;\n background-color: transparent;\n border: 2px solid var(--color-orange);\n }\n\n ",";\n\n &:disabled {\n &::placeholder {\n color: var(--shades-of-grey-60);\n }\n background-color: var(--shades-of-grey-40);\n border: 2px solid var(--shades-of-grey-60);\n }\n"],["\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background-color: var(--color-white);\n border: 2px solid var(--shades-of-grey-80);\n cursor: pointer;\n border-radius: var(--padding-s);\n padding: ",";\n position: relative;\n font-size: ",";\n overflow: hidden;\n color: var(--shades-of-grey-100);\n font-weight: var(--font-bold);\n transition: border var(--transition-speed),\n background-color var(--transition-speed);\n width: 100%;\n\n &::placeholder {\n color: var(--shades-of-grey-80);\n }\n\n &:focus,\n &:active {\n outline: none;\n background-color: transparent;\n border: 2px solid var(--color-orange);\n }\n\n ",";\n\n &:disabled {\n &::placeholder {\n color: var(--shades-of-grey-60);\n }\n background-color: var(--shades-of-grey-40);\n border: 2px solid var(--shades-of-grey-60);\n }\n"]),function(n){return fieldSizeVariants[n.sizeVariant].padding},function(n){return fieldSizeVariants[n.sizeVariant].font},function(n){return getValidationTypeProps(n.validationType)}),sizeVariant$1=(Select.displayName="Select",!function(n){n.xl="xl",n.l="l",n.m="m",n.s="s"}(Size=Size||{}),{xl:{size:"30px",border:"4px",gap:"10px",fontSize:"20px",lineHeight:"30px",checkmarkBefore:{width:"3px",height:"16px",left:"11px",top:"2px"},checkmarkAfter:{width:"6px",height:"3px",left:"6px",top:"15px"}},l:{size:"24px",border:"3px",gap:"8px",fontSize:"16px",lineHeight:"24px",checkmarkBefore:{width:"3px",height:"12px",left:"10px",top:"2px"},checkmarkAfter:{width:"5px",height:"3px",left:"5px",top:"11px"}},m:{size:"18px",border:"2.5px",gap:"6px",fontSize:"12px",lineHeight:"18px",checkmarkBefore:{width:"2px",height:"10px",left:"7px",top:"0px"},checkmarkAfter:{width:"5px",height:"2px",left:"4px",top:"9px"}},s:{size:"12px",border:"2px",gap:"4px",fontSize:"8px",lineHeight:"12px",checkmarkBefore:{width:"1px",height:"6px",left:"4px",top:"1px"},checkmarkAfter:{width:"2px",height:"1px",left:"2px",top:"6px"}}}),Radio=React.forwardRef(function(n,e){var r=n.size,r=void 0===r?Size.m:r,o=n.label,o=void 0===o?"":o,n=__rest(n,["size","label"]);return jsx(FieldLabel,__assign({sizeVariant:r,position:"inline",disabled:n.disabled},{children:jsxs(Label,__assign({size:r,text:o},{children:[jsx(Input,__assign({ref:e,type:"radio",sizeVariant:r},n)),jsx(Checkmark,{"data-testid":"checkmark",sizeVariant:r})]}))}))}),Input=styled.input(templateObject_1$5=templateObject_1$5||__makeTemplateObject(["\n position: absolute;\n opacity: 0;\n cursor: pointer;\n width: 0;\n height: 0;\n"],["\n position: absolute;\n opacity: 0;\n cursor: pointer;\n width: 0;\n height: 0;\n"])),Checkmark=(Input.displayName="Input",styled.span(templateObject_2$2=templateObject_2$2||__makeTemplateObject(["\n width: min-content;\n background-color: var(--color-white);\n border-radius: 50%;\n transform: rotate(45deg);\n\n ",'\n\n &:before {\n display: none;\n content: "";\n position: absolute;\n background-color: var(--color-white);\n\n ','\n }\n\n &:after {\n display: none;\n content: "";\n position: absolute;\n background-color: var(--color-white);\n ',"\n }\n\n ",":disabled ~ & {\n opacity: 0.5;\n }\n\n // not checked\n ",":not(:checked):not([disabled]):hover ~ & {\n border-color: var(--shades-of-grey-60);\n }\n\n ",":not(:checked):not([disabled]):active ~ & {\n border-color: var(--shades-of-grey-60);\n background-color: var(--shades-of-grey-60);\n }\n\n // checked\n ",":checked ~ & {\n background-color: var(--color-orange);\n border-color: var(--color-orange);\n }\n\n ",":checked:hover ~ & {\n opacity: 0.8;\n }\n\n ",":checked:not([disabled]):active ~ & {\n opacity: 0.65;\n }\n\n ",":checked ~ &:before {\n display: block;\n }\n\n ",":checked ~ &:after {\n display: block;\n }\n"],["\n width: min-content;\n background-color: var(--color-white);\n border-radius: 50%;\n transform: rotate(45deg);\n\n ",'\n\n &:before {\n display: none;\n content: "";\n position: absolute;\n background-color: var(--color-white);\n\n ','\n }\n\n &:after {\n display: none;\n content: "";\n position: absolute;\n background-color: var(--color-white);\n ',"\n }\n\n ",":disabled ~ & {\n opacity: 0.5;\n }\n\n // not checked\n ",":not(:checked):not([disabled]):hover ~ & {\n border-color: var(--shades-of-grey-60);\n }\n\n ",":not(:checked):not([disabled]):active ~ & {\n border-color: var(--shades-of-grey-60);\n background-color: var(--shades-of-grey-60);\n }\n\n // checked\n ",":checked ~ & {\n background-color: var(--color-orange);\n border-color: var(--color-orange);\n }\n\n ",":checked:hover ~ & {\n opacity: 0.8;\n }\n\n ",":checked:not([disabled]):active ~ & {\n opacity: 0.65;\n }\n\n ",":checked ~ &:before {\n display: block;\n }\n\n ",":checked ~ &:after {\n display: block;\n }\n"]),function(n){return"\n border: ".concat(sizeVariant$1[n.sizeVariant].border," solid var(--shades-of-grey-40);\n width: ").concat(sizeVariant$1[n.sizeVariant].size,";\n height: ").concat(sizeVariant$1[n.sizeVariant].size,";\n ")},function(n){return"\n width: ".concat(sizeVariant$1[n.sizeVariant].checkmarkBefore.width,";\n height: ").concat(sizeVariant$1[n.sizeVariant].checkmarkBefore.height,";\n left: ").concat(sizeVariant$1[n.sizeVariant].checkmarkBefore.left,";\n top: ").concat(sizeVariant$1[n.sizeVariant].checkmarkBefore.top,";\n ")},function(n){return"\n width: ".concat(sizeVariant$1[n.sizeVariant].checkmarkAfter.width,";\n height: ").concat(sizeVariant$1[n.sizeVariant].checkmarkAfter.height,";\n left: ").concat(sizeVariant$1[n.sizeVariant].checkmarkAfter.left,";\n top: ").concat(sizeVariant$1[n.sizeVariant].checkmarkAfter.top,";\n ")},Input,Input,Input,Input,Input,Input,Input,Input)),sizeVariant=(Checkmark.displayName="Checkmark",{s:20,m:32,l:53,xl:64,xxl:94}),colorVariant=[Color.Green,Color.Navy,Color.Orange,Color.Grey60],Initials=function(n){var e=n.text,n=n.size;return jsx(Root$4,__assign({size:sizeVariant[void 0===n?"m":n],color:colorVariant[e.charCodeAt(0)%4]},{children:e}))},Root$4=styled.div(templateObject_1$4=templateObject_1$4||__makeTemplateObject(["\n background-color: ",";\n color: var(--color-white);\n display: flex;\n align-items: center;\n justify-content: center;\n text-transform: uppercase;\n width: ","px;\n height: ","px;\n border-radius: ","px;\n"],["\n background-color: ",";\n color: var(--color-white);\n display: flex;\n align-items: center;\n justify-content: center;\n text-transform: uppercase;\n width: ","px;\n height: ","px;\n border-radius: ","px;\n"]),function(n){return n.color},function(n){return n.size},function(n){return n.size},function(n){return n.size/2}),Hero=Typography.Hero,getInitials=function(n){return n.split(" ").map(function(n){return n[0]}).slice(0,2).join("")},Profile=function(n){var e=n.src,r=n.alt,o=n.size,t=n.name,n=n.children;return jsxs(Root$3,{children:[e?jsx(Avatar,{src:e,alt:r||t,size:o}):jsx(Initials,{text:getInitials(t),size:o}),jsxs(Details,{children:[jsx(Name,__assign({as:"span"},{children:t})),n]})]})},Root$3=styled.div(templateObject_1$3=templateObject_1$3||__makeTemplateObject(["\n display: flex;\n gap: var(--padding-m);\n align-items: center;\n"],["\n display: flex;\n gap: var(--padding-m);\n align-items: center;\n"])),Name=(Root$3.displayName="Root",styled(Hero)(templateObject_2$1=templateObject_2$1||__makeTemplateObject(["\n font-weight: var(--font-bold);\n"],["\n font-weight: var(--font-bold);\n"]))),Details=(Name.displayName="Name",styled.div(templateObject_3$1=templateObject_3$1||__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"]))),MenuItem=(Details.displayName="Details",function(n){var e=n.active,r=n.label,n=n.icon;return jsxs(Root$2,__assign({active:e},{children:[jsx(Icon,{type:n}),r]}))}),Root$2=styled.div(templateObject_1$2=templateObject_1$2||__makeTemplateObject(["\n align-items: center;\n border-radius: 24px;\n border: 1px solid transparent;\n cursor: pointer;\n display: flex;\n gap: 10px;\n font-weight: var(--font-bold);\n text-align: left;\n padding: 12px 18px;\n transition: border-color var(--transition-speed),\n background-color var(--transition-speed), color var(--transition-speed);\n\n & svg {\n transition: fill var(--transition-speed);\n }\n\n &:hover {\n border-color: ",";\n }\n\n &:focus {\n background-color: var(--color-ecru);\n color: var(--color-orange);\n\n & svg {\n fill: var(--color-orange);\n }\n }\n\n ","\n"],["\n align-items: center;\n border-radius: 24px;\n border: 1px solid transparent;\n cursor: pointer;\n display: flex;\n gap: 10px;\n font-weight: var(--font-bold);\n text-align: left;\n padding: 12px 18px;\n transition: border-color var(--transition-speed),\n background-color var(--transition-speed), color var(--transition-speed);\n\n & svg {\n transition: fill var(--transition-speed);\n }\n\n &:hover {\n border-color: ",";\n }\n\n &:focus {\n background-color: var(--color-ecru);\n color: var(--color-orange);\n\n & svg {\n fill: var(--color-orange);\n }\n }\n\n ","\n"]),function(n){return n.active?"transparent":"var(--color-navy)"},function(n){return n.active&&"\n color: var(--color-white);\n background-color: var(--color-orange);\n box-shadow: 0 0 10px 0 var(--shades-of-grey-40);\n\n &:not(:focus) svg {\n fill: var(--color-white);\n }\n "}),Menu=function(n){n=n.children;return jsx(Root$1,{children:n})},MenuWithStatic=Object.assign(Menu,{Item:MenuItem}),Root$1=styled.nav(templateObject_1$1=templateObject_1$1||__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: var(--padding-s);\n"],["\n display: flex;\n flex-direction: column;\n gap: var(--padding-s);\n"])),Body=Typography.Body,Setting=function(n){var e=n.icon,r=n.title,o=n.subtitle,t=n.trigger,a=n.children,n=n.className,i=useState(!1),c=i[0],s=i[1];return jsxs("div",__assign({className:n},{children:[jsxs(Root,__assign({active:c,onClick:function(){s(function(n){return!n})}},{children:[jsxs(LeftHandSide,{children:[e&&jsx(Icon,{size:{width:24,height:24},type:e}),jsxs(Content,{children:[jsx(Body,__assign({bold:!0},{children:r})),jsx(Body,__assign({bold:!0,size:"s"},{children:o}))]})]}),jsxs(Trigger,__assign({active:c},{children:[jsx(Icon,{type:"angle-down",size:{width:16,height:16}}),jsx(Body,__assign({bold:!0,as:"span"},{children:t}))]}))]})),c&&jsx(ExpandedBody,{children:a})]}))},Root=styled.div(templateObject_1=templateObject_1||__makeTemplateObject(["\n align-items: center;\n background-color: var(--color-white);\n border: 1px solid\n ",";\n border-radius: 5px;\n display: flex;\n justify-content: space-between;\n padding: var(--padding-m) var(--padding-l);\n transition: border var(--transition-speed);\n cursor: pointer;\n"],["\n align-items: center;\n background-color: var(--color-white);\n border: 1px solid\n ",";\n border-radius: 5px;\n display: flex;\n justify-content: space-between;\n padding: var(--padding-m) var(--padding-l);\n transition: border var(--transition-speed);\n cursor: pointer;\n"]),function(n){return n.active?"var(--color-orange)":"var(--shades-of-grey-40)"}),Content=styled.div(templateObject_2=templateObject_2||__makeTemplateObject(["\n & > * {\n margin: 0;\n }\n"],["\n & > * {\n margin: 0;\n }\n"])),LeftHandSide=styled.div(templateObject_3=templateObject_3||__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: var(--padding-m);\n"],["\n display: flex;\n align-items: center;\n gap: var(--padding-m);\n"])),Trigger=styled.div(templateObject_4=templateObject_4||__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: var(--padding-s);\n\n & svg {\n transform: ",";\n transition: transform var(--transition-speed);\n }\n"],["\n display: flex;\n align-items: center;\n gap: var(--padding-s);\n\n & svg {\n transform: ",";\n transition: transform var(--transition-speed);\n }\n"]),function(n){return n.active?"rotate(180deg)":"rotate(0)"}),ExpandedBody=styled.div(templateObject_5=templateObject_5||__makeTemplateObject(["\n background-color: var(--shades-of-grey-20);\n padding: var(--padding-m) var(--padding-l);\n margin-top: var(--padding-s);\n"],["\n background-color: var(--shades-of-grey-20);\n padding: var(--padding-m) var(--padding-l);\n margin-top: var(--padding-s);\n"]));export{Alert,Avatar,Button,Card,Checkbox,Chip,Color,Divider,Dot,DropdownWithStatic as Dropdown,Icon,InfoCard,Input$2 as Input,GlobalStyles as IntegrigoUI,MenuWithStatic as Menu,Nav,Pill,Profile,Radio,Setting,Spinner,TextArea,Typography};
1
+ import{jsx,jsxs}from"react/jsx-runtime";import styled,{createGlobalStyle,keyframes,css}from"styled-components";import React,{Suspense,useState}from"react";var Color,__assign=function(){return(__assign=Object.assign||function(n){for(var e,r=1,o=arguments.length;r<o;r++)for(var t in e=arguments[r])Object.prototype.hasOwnProperty.call(e,t)&&(n[t]=e[t]);return n}).apply(this,arguments)};function __rest(n,e){var r={};for(t in n)Object.prototype.hasOwnProperty.call(n,t)&&e.indexOf(t)<0&&(r[t]=n[t]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,t=Object.getOwnPropertySymbols(n);o<t.length;o++)e.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(n,t[o])&&(r[t[o]]=n[t[o]]);return r}function __makeTemplateObject(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}!function(n){n.White="#FFF",n.Ecru="#F9F1E5",n.Navy="#172142",n.Orange="#E09A33",n.Red="#CF544B",n.Green="#6B8B4A",n.Grey100="#1A1A1A",n.Grey80="#595959",n.Grey60="#8C8C8C",n.Grey40="#CCCCCC",n.Grey20="#F2F2F2",n.Grey0="#fff",n.Success100="#6B8B4A",n.Success20="#DDE4D7",n.Success10="#ECEFE8",n.Error100="#CF544B",n.Error20="#FFCCCC",n.Error10="#FFF5F5"}(Color=Color||{});var templateObject_1$v,templateObject_1$u,templateObject_1$t,templateObject_1$s,templateObject_1$r,templateObject_2$b,templateObject_1$q,templateObject_1$p,templateObject_1$o,templateObject_1$n,templateObject_1$m,templateObject_1$l,templateObject_1$k,templateObject_2$a,templateObject_1$j,templateObject_1$i,templateObject_2$9,ChipVariant,ChipSize,templateObject_1$h,templateObject_2$8,templateObject_3$7,templateObject_1$g,templateObject_1$f,templateObject_2$7,templateObject_3$6,templateObject_1$e,templateObject_2$6,templateObject_3$5,templateObject_1$d,templateObject_2$5,templateObject_3$4,templateObject_4$3,templateObject_1$c,templateObject_1$b,templateObject_2$4,templateObject_3$3,templateObject_4$2,templateObject_1$a,templateObject_1$9,templateObject_1$8,templateObject_2$3,templateObject_3$2,templateObject_4$1,templateObject_1$7,templateObject_1$6,Size,templateObject_1$5,templateObject_2$2,templateObject_1$4,templateObject_1$3,templateObject_2$1,templateObject_3$1,templateObject_1$2,templateObject_1$1,templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,GlobalStyles=createGlobalStyle(templateObject_1$v=templateObject_1$v||__makeTemplateObject(["\n@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,600;0,700;0,800;1,200;1,300;1,600;1,700;1,800&display=swap');\n\n html {\n --color-white: ",";\n --color-ecru: ",";\n --color-navy: ",";\n --color-orange: ",";\n --color-red: ",";\n --color-green: ",";\n\n --shades-of-grey-100: ",";\n --shades-of-grey-80: ",";\n --shades-of-grey-60: ",";\n --shades-of-grey-40: ",";\n --shades-of-grey-20: ",";\n --shades-of-grey-0: ",";\n\n --color-success-100: ",";\n --color-success-20: ",";\n --color-success-10: ",";\n\n --color-error-100: ",";\n --color-error-20: ",";\n --color-error-10: ",";\n\n --color-orange-80: ","80;\n --color-orange-65: ","65;\n\n --padding-s: 8px;\n --padding-m: 16px;\n --padding-l: 24px;\n --padding-xl: 32px;\n --padding-xxl: 48px;\n\n --font-bold: 700;\n --font-medium: 600;\n --font-thin: 300;\n\n --font-size-s: 10px;\n --font-size-m: 16px;\n --font-size-l: 20px;\n --font-size-xl: 32px;\n --font-size-xxl: 40px;\n\n --header-size-s: 16px;\n --header-size-m: 24px;\n --header-size-l: 32px;\n --header-size-xl: 48px;\n --header-size-xxl: 72px;\n\n --transition-speed: .3s;\n }\n\n body {\n background-color: var(--color-ecru);\n }\n\n * {\n box-sizing: border-box;\n color: var(--color-navy);\n font-family: Raleway, Arial, Helvetica, Sans-Serif;\n font-size: var(--font-size-m);\n font-weight: var(--font-thin);\n }\n\n h1 {\n font-size: var(--header-size-xxl);\n font-weight: var(--font-bold);\n }\n\n h2 {\n font-size: var(--header-size-xl);\n font-weight: var(--font-bold);\n }\n\n h3 {\n font-size: var(--header-size-l);\n font-weight: var(--font-bold);\n }\n\n h4 {\n font-size: var(--header-size-m);\n font-weight: var(--font-bold);\n }\n\n h5 {\n font-size: var(--header-size-s);\n font-weight: var(--font-bold);\n }\n"],["\n@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,600;0,700;0,800;1,200;1,300;1,600;1,700;1,800&display=swap');\n\n html {\n --color-white: ",";\n --color-ecru: ",";\n --color-navy: ",";\n --color-orange: ",";\n --color-red: ",";\n --color-green: ",";\n\n --shades-of-grey-100: ",";\n --shades-of-grey-80: ",";\n --shades-of-grey-60: ",";\n --shades-of-grey-40: ",";\n --shades-of-grey-20: ",";\n --shades-of-grey-0: ",";\n\n --color-success-100: ",";\n --color-success-20: ",";\n --color-success-10: ",";\n\n --color-error-100: ",";\n --color-error-20: ",";\n --color-error-10: ",";\n\n --color-orange-80: ","80;\n --color-orange-65: ","65;\n\n --padding-s: 8px;\n --padding-m: 16px;\n --padding-l: 24px;\n --padding-xl: 32px;\n --padding-xxl: 48px;\n\n --font-bold: 700;\n --font-medium: 600;\n --font-thin: 300;\n\n --font-size-s: 10px;\n --font-size-m: 16px;\n --font-size-l: 20px;\n --font-size-xl: 32px;\n --font-size-xxl: 40px;\n\n --header-size-s: 16px;\n --header-size-m: 24px;\n --header-size-l: 32px;\n --header-size-xl: 48px;\n --header-size-xxl: 72px;\n\n --transition-speed: .3s;\n }\n\n body {\n background-color: var(--color-ecru);\n }\n\n * {\n box-sizing: border-box;\n color: var(--color-navy);\n font-family: Raleway, Arial, Helvetica, Sans-Serif;\n font-size: var(--font-size-m);\n font-weight: var(--font-thin);\n }\n\n h1 {\n font-size: var(--header-size-xxl);\n font-weight: var(--font-bold);\n }\n\n h2 {\n font-size: var(--header-size-xl);\n font-weight: var(--font-bold);\n }\n\n h3 {\n font-size: var(--header-size-l);\n font-weight: var(--font-bold);\n }\n\n h4 {\n font-size: var(--header-size-m);\n font-weight: var(--font-bold);\n }\n\n h5 {\n font-size: var(--header-size-s);\n font-weight: var(--font-bold);\n }\n"]),Color.White,Color.Ecru,Color.Navy,Color.Orange,Color.Red,Color.Green,Color.Grey100,Color.Grey80,Color.Grey60,Color.Grey40,Color.Grey20,Color.Grey0,Color.Success100,Color.Success20,Color.Success10,Color.Error100,Color.Error20,Color.Error10,Color.Orange,Color.Orange),fieldSizeVariants={xl:{iconPadding:"48px",padding:"16px",font:"20px"},l:{iconPadding:"40px",padding:"12px",font:"16px"},m:{iconPadding:"28px",padding:"8px",font:"12px"},s:{iconPadding:"16px",padding:"6px",font:"8px"}},FieldLabel=styled.div(templateObject_1$u=templateObject_1$u||__makeTemplateObject(["\n ","\n\n & label > span {\n color: ",";\n font-size: ",";\n }\n"],["\n ","\n\n & label > span {\n color: ",";\n font-size: ",";\n }\n"]),function(n){return"inline"===n.position?"\n position: relative;\n display: flex;\n align-items: center;\n ":"\n position: absolute;\n left: 0;\n z-index: 10;\n bottom: calc(100% - ".concat(fieldSizeVariants[n.sizeVariant].font," - 4px);\n ")},function(n){return n.disabled?"var(--shades-of-grey-40)":"var(--shades-of-grey-80)"},function(n){return fieldSizeVariants[n.sizeVariant].font}),FieldWrapper=(FieldLabel.displayName="InputLabel",styled.div(templateObject_1$t=templateObject_1$t||__makeTemplateObject(["\n position: relative;\n width: 100%;\n padding-top: ",";\n"],["\n position: relative;\n width: 100%;\n padding-top: ",";\n"]),function(n){return n.withLabel?"calc(".concat(fieldSizeVariants[n.sizeVariant].font," + 8px)"):0})),iconHashMap=(FieldWrapper.displayName="InputWrapper",{"angle-down":"AngleDown","arrow-left":"ArrowLeft","arrow-right":"ArrowRight",bars:"Bars",bell:"Bell","check-circle":"CheckCircle","check-square":"CheckSquare","clipboad-notes":"ClipboardNotes",close:"Close","create-dashboard":"CreateDashboard","dice-five":"DiceFive",edit:"Edit","ellipsis-horizontal":"EllipsisHorizontal","ellipsis-vertical":"EllipsisVertical",envelope:"Envelope","exclamation-circle":"ExclamationCircle","exclamation-triangle":"ExclamationTriangle",exit:"Exit",facebook:"Facebook",home:"Home","image-edit":"ImageEdit",instagram:"Instagram",linkedin:"Linkedin",lock:"Lock",minus:"Minus",phone:"Phone",plus:"Plus",process:"Process","points-circle":"PointsCircle",redo:"Redo",setting:"Setting",user:"User","user-circle":"UserCircle","user-plus":"UserPlus",users:"Users"}),sizeHashMap={"ultra-small":{width:20,height:20},small:{width:34,height:34},medium:{width:58,height:58},big:{width:84,height:84}},Icon=function(n){var e=n.className,r=n.type,o=n.size,o=void 0===o?"ultra-small":o,n=__rest(n,["className","type","size"]),t=(console.log(__dirname),React.lazy(function(){return import(__dirname+"/icons/"+iconHashMap[r])})),o="string"==typeof o?sizeHashMap[o]:o;return jsx(Suspense,__assign({fallback:jsx("svg",{viewBox:"0 0 24 24",width:"20",height:"20",xmlns:"http://www.w3.org/2000/svg"})},{children:jsx(t,__assign({className:e,fill:Color.Navy},o,n))}))},sizeVariant$7={xl:{size:24,offset:16},l:{size:20,offset:12},m:{size:16,offset:8},s:{size:10,offset:6}},IconAddition=function(n){var e=n.disabled,r=n.icon,o=n.direction,t=n.colorVariant,t=void 0===t?"grey":t,a=n.size,a=void 0===a?"m":a,n=n.onClick,i={white:e?Color.Grey60:Color.White,grey:e?Color.Grey60:Color.Grey100,ghost:e?Color.Grey40:Color.Grey100};return r?jsx(IconWrapper$1,__assign({direction:void 0===o?"ltr":o,clickable:!!n&&!e,size:a,narrow:"ghost"===t},{children:jsx(Icon,{type:r,size:{width:sizeVariant$7[a].size,height:sizeVariant$7[a].size},fill:i[t],onClick:n})})):null},IconWrapper$1=styled.div(templateObject_1$s=templateObject_1$s||__makeTemplateObject(["\n position: absolute;\n z-index: 2;\n bottom: calc(","px);\n height: ","px;\n width: ","px;\n cursor: ",";\n ",";\n\n & svg {\n transition: fill var(--transition-speed);\n position: absolute;\n }\n"],["\n position: absolute;\n z-index: 2;\n bottom: calc(","px);\n height: ","px;\n width: ","px;\n cursor: ",";\n ",";\n\n & svg {\n transition: fill var(--transition-speed);\n position: absolute;\n }\n"]),function(n){return sizeVariant$7[n.size].offset},function(n){return sizeVariant$7[n.size].size},function(n){return sizeVariant$7[n.size].size},function(n){return n.clickable?"pointer":"auto"},function(n){return("ltr"===n.direction?"left: ":"right: ").concat(n.narrow?0:sizeVariant$7[n.size].offset,"px")}),colorVariants=(IconWrapper$1.displayName="IconWrapper",{error:{background:Color.Error10,color:Color.Error100},warning:{background:Color.Grey0,color:Color.Orange},info:{background:Color.Grey0,color:Color.Navy},success:{background:Color.Grey0,color:Color.Green}}),iconVariants={error:"exclamation-circle",warning:"exclamation-triangle",info:"exclamation-circle",success:"check-circle"},Alert=function(n){var e=n.type,e=void 0===e?"info":e,r=n.open,o=n.size,t=n.controlled,t=void 0!==t&&t,a=n.onClose,n=n.children;return void 0===r||r||!t?jsxs(AlertWrapper,__assign({type:e,sizeVariant:void 0===o?"m":o},{children:[jsx(Icon,{fill:colorVariants[e].color,size:"ultra-small",type:iconVariants[e]})," ",n,t&&jsx(CloseIcon,{children:jsx(Icon,{size:"ultra-small",type:"close",fill:Color.Grey60,onClick:a})})]})):null},AlertWrapper=styled.div(templateObject_1$r=templateObject_1$r||__makeTemplateObject(["\n width: 100%;\n border-radius: 5px;\n color: ",";\n background-color: ",";\n padding: var(--padding-s);\n font-weight: var(--font-bold);\n font-size: ",";\n display: flex;\n align-items: center;\n gap: 12px;\n margin-top: var(--padding-s);\n"],["\n width: 100%;\n border-radius: 5px;\n color: ",";\n background-color: ",";\n padding: var(--padding-s);\n font-weight: var(--font-bold);\n font-size: ",";\n display: flex;\n align-items: center;\n gap: 12px;\n margin-top: var(--padding-s);\n"]),function(n){return colorVariants[n.type].color},function(n){return colorVariants[n.type].background},function(n){return fieldSizeVariants[n.sizeVariant].font}),CloseIcon=styled.div(templateObject_2$b=templateObject_2$b||__makeTemplateObject(["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n & > svg {\n transition: fill var(--transition-speed);\n }\n\n & > svg:hover {\n cursor: pointer;\n fill: var(--shades-of-grey-100);\n }\n"],["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n & > svg {\n transition: fill var(--transition-speed);\n }\n\n & > svg:hover {\n cursor: pointer;\n fill: var(--shades-of-grey-100);\n }\n"])),sizeVariant$6={s:20,m:32,l:53,xl:64,xxl:94},Avatar=function(n){var e=n.src,r=n.alt,n=n.size,n=void 0===n?"m":n;return jsx(Image,{src:e,alt:r,width:sizeVariant$6[n],height:sizeVariant$6[n]})},Image=styled.img(templateObject_1$q=templateObject_1$q||__makeTemplateObject(["\n object-fit: cover;\n border-radius: 50%;\n"],["\n object-fit: cover;\n border-radius: 50%;\n"])),sizeVariants$1=(Image.displayName="Image",{s:{padding:16,borderRadius:5},m:{padding:16,borderRadius:16},l:{padding:32,borderRadius:24}}),Card=styled.div(templateObject_1$p=templateObject_1$p||__makeTemplateObject(["\n background-color: ",";\n box-shadow: ",";\n color: ",";\n padding: ","px;\n border-radius: ","px;\n"],["\n background-color: ",";\n box-shadow: ",";\n color: ",";\n padding: ","px;\n border-radius: ","px;\n"]),function(n){return n.inverse?"var(--color-navy)":"var(--color-white)"},function(n){return n.flat?"none":"0px 4px 4px rgba(0, 0, 0, 0.25)"},function(n){return n.inverse?"var(--color-white)":"var(--color-navy)"},function(n){return sizeVariants$1[n.size||"l"].padding},function(n){return sizeVariants$1[n.size||"l"].borderRadius}),Divider=(Card.displayName="Card",styled.div(templateObject_1$o=templateObject_1$o||__makeTemplateObject(["\n width: 100%;\n height: 2px;\n background-color: ",";\n opacity: 0.2;\n"],["\n width: 100%;\n height: 2px;\n background-color: ",";\n opacity: 0.2;\n"]),function(n){return"var(--color-".concat(n.variant||"navy",")")})),Pill=styled.div(templateObject_1$n=templateObject_1$n||__makeTemplateObject(["\n background-color: ",";\n border-radius: var(--padding-l);\n color: var(--color-white);\n font-weight: var(--font-bold);\n font-size: var(--font-size-m);\n padding: var(--padding-s) var(--padding-xxl);\n width: min-content;\n"],["\n background-color: ",";\n border-radius: var(--padding-l);\n color: var(--color-white);\n font-weight: var(--font-bold);\n font-size: var(--font-size-m);\n padding: var(--padding-s) var(--padding-xxl);\n width: min-content;\n"]),function(n){return"var(--color-".concat(n.variant,")")}),Body$1=(Pill.displayName="Pill",styled.p(templateObject_1$m=templateObject_1$m||__makeTemplateObject(["\n font-size: ",";\n line-height: ",";\n text-align: ",";\n font-weight: ",";\n"],["\n font-size: ",";\n line-height: ",";\n text-align: ",";\n font-weight: ",";\n"]),function(n){return"var(--font-size-".concat(n.size||"m",")")},function(n){return"calc(1.5*var(--font-size-".concat(n.size||"m","))")},function(n){return n.align||"left"},function(n){return n.bold?"var(---font-bold)":"var(--font-thin)"})),SIZE_MAP=(Body$1.displayName="Body",{s:"h5",m:"h4",l:"h3",xl:"h2",xxl:"h1"}),Hero$1=function(n){var e=n.size,r=n.className,n=n.children;return jsx(Header,__assign({as:SIZE_MAP[void 0===e?"l":e],className:r},{children:n}))},Header=styled.h1(templateObject_1$l=templateObject_1$l||__makeTemplateObject([""],[""])),gapSizeVariant=(Header.displayName="Header",{xxl:"12px",xl:"10px",l:"4px",m:"4px",s:"2px"}),Label=function(n){var e=n.text,r=n.size,n=n.children;return jsxs(LabelContainer,__assign({sizeVariant:r},{children:[n,jsx(LabelText,__assign({size:r},{children:e}))]}))},LabelContainer=styled.label(templateObject_1$k=templateObject_1$k||__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ",";\n"],["\n display: flex;\n align-items: center;\n gap: ",";\n"]),function(n){return gapSizeVariant[n.sizeVariant||"m"]}),LabelText=styled.span(templateObject_2$a=templateObject_2$a||__makeTemplateObject(["\n font-size: ",";\n font-weight: var(--font-medium);\n transition: color var(--transition-speed);\n"],["\n font-size: ",";\n font-weight: var(--font-medium);\n transition: color var(--transition-speed);\n"]),function(n){return"var(--font-size-".concat(n.size||"m",")")}),Typography={Body:Body$1,Hero:Hero$1,Label:Label},Nav=styled.nav(templateObject_1$j=templateObject_1$j||__makeTemplateObject(["\n font-size: var(--font-size-l);\n font-weight: ",";\n cursor: pointer;\n white-space: nowrap;\n width: min-content;\n transition: color var(--transition-speed);\n padding: var(--padding-s) var(--padding-l);\n\n &:hover {\n color: ",";\n }\n"],["\n font-size: var(--font-size-l);\n font-weight: ",";\n cursor: pointer;\n white-space: nowrap;\n width: min-content;\n transition: color var(--transition-speed);\n padding: var(--padding-s) var(--padding-l);\n\n &:hover {\n color: ",";\n }\n"]),function(n){return n.active?"var(--font-bold)":"var(--font-medium)"},function(n){return n.active?"auto":"var(--color-green)"}),Spinner=(Nav.displayName="Nav",function(n,e){n=__rest(n,[]);return jsx(SpinnerIcon,__assign({type:"process",ref:e},n))}),rotate$1=keyframes(templateObject_1$i=templateObject_1$i||__makeTemplateObject(["\n 100% {\n transform: rotate(-360deg);\n }\n"],["\n 100% {\n transform: rotate(-360deg);\n }\n"])),SpinnerIcon=styled(Icon)(templateObject_2$9=templateObject_2$9||__makeTemplateObject(["\n animation: "," 1s linear infinite;\n will-change: transform;\n"],["\n animation: "," 1s linear infinite;\n will-change: transform;\n"]),rotate$1),sizeVariant$5=(!function(n){n.transparent="transparent",n.white="white",n.primary="primary",n.secondary="secondary"}(ChipVariant=ChipVariant||{}),!function(n){n.xl="xl",n.l="l",n.m="m",n.s="s"}(ChipSize=ChipSize||{}),{xl:{iconSize:{width:25,height:25},gap:"12.5px",paddingY:"12.5px",paddingX:"17.5px",border:"2px",fontSize:"20px",lineHeight:"30px"},l:{iconSize:{width:20,height:20},gap:"10px",paddingY:"10px",paddingX:"14px",border:"2px",fontSize:"16px",lineHeight:"24px"},m:{iconSize:{width:15,height:15},gap:"7.5px",paddingY:"7.5px",paddingX:"10.5px",border:"2px",fontSize:"12px",lineHeight:"18px"},s:{iconSize:{width:10,height:10},gap:"5px",paddingY:"5px",paddingX:"7px",border:"1.5px",fontSize:"8px",lineHeight:"12px"}}),colorVariant$1={primary:{fontColor:"var(--shades-of-grey-0)"},secondary:{fontColor:"var(--color-orange)"},transparent:{fontColor:"var(--shades-of-grey-100)"},white:{fontColor:"var(--shades-of-grey-100);"}},Chip=function(n){var e=n.iconLeft,r=n.iconRight,o=n.label,t=n.size,t=void 0===t?ChipSize.m:t,a=n.variant,a=void 0===a?ChipVariant.primary:a,n=n.onClick;return jsxs(ChipWrapper,__assign({size:t,variant:a,onClick:n},{children:[e&&jsx(IconWrapper,{children:jsx(Icon,{type:e,fill:colorVariant$1[a].fontColor,size:sizeVariant$5[t].iconSize})}),jsx(Text,__assign({size:t},{children:o})),r&&jsx(IconWrapper,{children:jsx(Icon,{type:r,fill:colorVariant$1[a].fontColor,size:sizeVariant$5[t].iconSize})})]}))},getVariantStyles=function(n,e){switch(n){case ChipVariant.secondary:return"\n background-color: var(--color-white);\n opacity: 0.9;\n border-color: var(--color-orange);\n border-style: solid;\n \n ".concat(e&&"\n cursor: pointer;\n \n &:hover {\n opacity: 0.8;\n }\n \n &:active {\n opacity: 0.65;\n }\n ","\n ");case ChipVariant.transparent:return" \n ".concat(e&&"\n &:hover {\n background-color: var(--shades-of-grey-40);\n }\n \n &:active {\n background-color: var(--shades-of-grey-60);\n }\n ","\n ");case ChipVariant.white:return"\n background-color: var(--color-white);\n border-color: var(--shades-of-grey-40);\n border-style: solid;\n \n ".concat(e&&"\n &:hover {\n background-color: var(--shades-of-grey-20);\n }\n \n &:active {\n border-color: var(--shades-of-grey-100);\n }\n ","\n ");default:ChipVariant.primary;return"\n background-color: var(--color-orange);\n border-color: var(--color-orange);\n border-style: solid;\n\n ".concat(e&&"\n &:hover {\n opacity: 0.8;\n }\n \n &:active {\n opacity: 0.65;\n }\n ","\n ")}},ChipWrapper=(Chip.displayName="Chip",styled.div(templateObject_1$h=templateObject_1$h||__makeTemplateObject(["\n border-radius: 100px;\n display: flex;\n justify-content: center;\n width: min-content;\n \n ","\n"],["\n border-radius: 100px;\n display: flex;\n justify-content: center;\n width: min-content;\n \n ","\n"]),function(n){return"\n border-width: ".concat(sizeVariant$5[n.size].border,";\n padding: ").concat(sizeVariant$5[n.size].paddingY," ").concat(sizeVariant$5[n.size].paddingX,";\n color: ").concat(colorVariant$1[n.variant].fontColor,";\n ").concat(getVariantStyles(n.variant,"function"==typeof n.onClick),"\n ").concat("function"==typeof n.onClick&&"\n cursor: pointer;\n ","\n ")})),IconWrapper=styled.span(templateObject_2$8=templateObject_2$8||__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"])),Text=(IconWrapper.displayName="IconWrapper",styled.span(templateObject_3$7=templateObject_3$7||__makeTemplateObject(["\n color: inherit;\n font-weight: bold;\n ","\n"],["\n color: inherit;\n font-weight: bold;\n ","\n"]),function(n){return"\n margin: 0 ".concat(sizeVariant$5[n.size].gap,";\n line-height: ").concat(sizeVariant$5[n.size].lineHeight,";\n font-size: ").concat(sizeVariant$5[n.size].fontSize,";\n ")})),sizeVariant$4=(Text.displayName="Text",{xl:32,l:24,m:18,s:12}),Dot=function(n){var e=n.icon,r=n.children,o=n.className,n=n.size;return jsx(Root$6,__assign({className:o,size:void 0===n?"m":n},{children:e?jsx(Icon,__assign({},e)):r}))},Root$6=styled.div(templateObject_1$g=templateObject_1$g||__makeTemplateObject(["\n background-color: var(--color-orange);\n color: var(--color-white);\n width: ","px;\n height: ","px;\n border-radius: ","px;\n line-height: ","px;\n font-size: ","px;\n display: flex;\n justify-content: center;\n align-items: center;\n"],["\n background-color: var(--color-orange);\n color: var(--color-white);\n width: ","px;\n height: ","px;\n border-radius: ","px;\n line-height: ","px;\n font-size: ","px;\n display: flex;\n justify-content: center;\n align-items: center;\n"]),function(n){return sizeVariant$4[n.size]},function(n){return sizeVariant$4[n.size]},function(n){return sizeVariant$4[n.size]/2},function(n){return sizeVariant$4[n.size]},function(n){return sizeVariant$4[n.size]/2}),InfoCard=function(n){var e=n.title,r=n.body,o=n.background,t=n.inverse,t=void 0!==t&&t,n=n.size,n=void 0===n?"l":n;return jsxs(Root$5,{children:[o&&jsx(Background,{children:o}),jsxs(CardBody,__assign({inverse:t},{children:[jsx(Hero$1,__assign({size:n},{children:e})),jsx(Body$1,__assign({size:n},{children:r}))]}))]})},Root$5=styled.div(templateObject_1$f=templateObject_1$f||__makeTemplateObject(["\n padding: 0;\n position: relative;\n\n & > "," > p {\n margin: 0;\n }\n"],["\n padding: 0;\n position: relative;\n\n & > "," > p {\n margin: 0;\n }\n"]),Card),CardBody=(Root$5.displayName="Root",styled(Card)(templateObject_2$7=templateObject_2$7||__makeTemplateObject(["\n position: relative;\n\n & > * {\n margin: 0;\n margin-bottom: var(--padding-m);\n color: ",";\n }\n\n & > p {\n margin: 0;\n }\n"],["\n position: relative;\n\n & > * {\n margin: 0;\n margin-bottom: var(--padding-m);\n color: ",";\n }\n\n & > p {\n margin: 0;\n }\n"]),function(n){return n.inverse?"var(--color-white)":"var(--color-navy)"})),Background=(CardBody.displayName="CardBody",styled(Card)(templateObject_3$6=templateObject_3$6||__makeTemplateObject(["\n border-radius: 24px 24px 0px 0px;\n position: relative;\n height: 100%;\n margin-bottom: -24px;\n padding: 0;\n overflow: hidden;\n"],["\n border-radius: 24px 24px 0px 0px;\n position: relative;\n height: 100%;\n margin-bottom: -24px;\n padding: 0;\n overflow: hidden;\n"]))),getValidationTypeProps=(Background.displayName="Background",function(n){switch(n){case"success":return css(templateObject_1$e=templateObject_1$e||__makeTemplateObject(["\n border-color: var(--color-success-100);\n background-color: var(--color-success-10);\n\n &:focus,\n &:active {\n border-color: var(--color-success-100);\n }\n "],["\n border-color: var(--color-success-100);\n background-color: var(--color-success-10);\n\n &:focus,\n &:active {\n border-color: var(--color-success-100);\n }\n "]));case"error":return css(templateObject_2$6=templateObject_2$6||__makeTemplateObject(["\n border-color: var(--color-error-100);\n background-color: var(--color-error-10);\n\n &:focus,\n &:active {\n border-color: var(--color-error-100);\n }\n "],["\n border-color: var(--color-error-100);\n background-color: var(--color-error-10);\n\n &:focus,\n &:active {\n border-color: var(--color-error-100);\n }\n "]));default:return css(templateObject_3$5=templateObject_3$5||__makeTemplateObject([""],[""]))}}),getDirectionPadding$1=function(n,e){switch(n){case"ltr":return css(templateObject_1$d=templateObject_1$d||__makeTemplateObject(["\n padding-left: ",";\n "],["\n padding-left: ",";\n "]),e);case"rtl":return css(templateObject_2$5=templateObject_2$5||__makeTemplateObject(["\n padding-right: ",";\n "],["\n padding-right: ",";\n "]),e);default:return css(templateObject_3$4=templateObject_3$4||__makeTemplateObject([""],[""]))}},Input$2=React.forwardRef(function(n,e){var r=n.icon,o=n.label,t=n.size,t=void 0===t?"m":t,a=n.onIconClick,i=n.field,n=__rest(n,["icon","label","size","onIconClick","field"]);return jsxs(FieldWrapper,__assign({withLabel:Boolean(o),sizeVariant:t},{children:[o&&jsx(FieldLabel,__assign({sizeVariant:t},{children:jsx(Label,{text:o})})),"rtl"!==n.direction&&jsx(IconAddition,{icon:r,disabled:n.disabled,direction:n.direction,onClick:a,size:t}),jsx(InputElement,__assign({ref:e,sizeVariant:t},i,n)),"rtl"===n.direction&&jsx(IconAddition,{icon:r,disabled:n.disabled,direction:n.direction,onClick:a})]}))}),InputElement=styled.input(templateObject_4$3=templateObject_4$3||__makeTemplateObject(["\n background-color: var(--color-white);\n border: 2px solid var(--shades-of-grey-80);\n border-radius: var(--padding-s);\n padding: ",";\n position: relative;\n overflow: hidden;\n font-size: ",";\n color: var(--shades-of-grey-100);\n font-weight: var(--font-bold);\n transition: border var(--transition-speed),\n background-color var(--transition-speed);\n width: 100%;\n\n &::placeholder {\n color: var(--shades-of-grey-80);\n }\n\n &:focus,\n &:active {\n outline: none;\n background-color: transparent;\n border: 2px solid var(--color-orange);\n }\n\n ",";\n ",";\n\n &:disabled {\n &::placeholder {\n color: var(--shades-of-grey-60);\n }\n background-color: var(--shades-of-grey-40);\n border: 2px solid var(--shades-of-grey-60);\n }\n"],["\n background-color: var(--color-white);\n border: 2px solid var(--shades-of-grey-80);\n border-radius: var(--padding-s);\n padding: ",";\n position: relative;\n overflow: hidden;\n font-size: ",";\n color: var(--shades-of-grey-100);\n font-weight: var(--font-bold);\n transition: border var(--transition-speed),\n background-color var(--transition-speed);\n width: 100%;\n\n &::placeholder {\n color: var(--shades-of-grey-80);\n }\n\n &:focus,\n &:active {\n outline: none;\n background-color: transparent;\n border: 2px solid var(--color-orange);\n }\n\n ",";\n ",";\n\n &:disabled {\n &::placeholder {\n color: var(--shades-of-grey-60);\n }\n background-color: var(--shades-of-grey-40);\n border: 2px solid var(--shades-of-grey-60);\n }\n"]),function(n){return fieldSizeVariants[n.sizeVariant].padding},function(n){return fieldSizeVariants[n.sizeVariant].font},function(n){return getValidationTypeProps(n.validationType)},function(n){return getDirectionPadding$1(n.direction,fieldSizeVariants[n.sizeVariant].iconPadding)}),TextArea=(Input$2.displayName="Input",function(n){return jsx(TextAreaElement,__assign({rows:4},n))}),TextAreaElement=styled.textarea(templateObject_1$c=templateObject_1$c||__makeTemplateObject(["\n background-color: var(--color-white);\n border: 2px solid var(--shades-of-grey-80);\n border-radius: var(--padding-s);\n padding: var(--padding-m);\n position: relative;\n overflow: hidden;\n color: var(--shades-of-grey-100);\n font-weight: var(--font-bold);\n transition: border var(--transition-speed),\n background-color var(--transition-speed);\n width: 100%;\n resize: none;\n\n &::placeholder {\n color: var(--shades-of-grey-80);\n }\n\n &:focus,\n &:active {\n outline: none;\n background-color: transparent;\n border: 2px solid var(--color-orange);\n }\n ",";\n\n &:disabled {\n &::placeholder {\n color: var(--shades-of-grey-60);\n }\n background-color: var(--shades-of-grey-40);\n border: 2px solid var(--shades-of-grey-60);\n }\n"],["\n background-color: var(--color-white);\n border: 2px solid var(--shades-of-grey-80);\n border-radius: var(--padding-s);\n padding: var(--padding-m);\n position: relative;\n overflow: hidden;\n color: var(--shades-of-grey-100);\n font-weight: var(--font-bold);\n transition: border var(--transition-speed),\n background-color var(--transition-speed);\n width: 100%;\n resize: none;\n\n &::placeholder {\n color: var(--shades-of-grey-80);\n }\n\n &:focus,\n &:active {\n outline: none;\n background-color: transparent;\n border: 2px solid var(--color-orange);\n }\n ",";\n\n &:disabled {\n &::placeholder {\n color: var(--shades-of-grey-60);\n }\n background-color: var(--shades-of-grey-40);\n border: 2px solid var(--shades-of-grey-60);\n }\n"]),function(n){return getValidationTypeProps(n.validationType)}),sizeVariants=(TextAreaElement.displayName="TextAreaElement",{xl:{iconPadding:"48px",padding:"16px 24px",ghostPadding:"32px",font:"20px"},l:{iconPadding:"40px",padding:"12px 18px",ghostPadding:"24px",font:"16px"},m:{iconPadding:"28px",padding:"10px 16px",ghostPadding:"20px",font:"12px"},s:{iconPadding:"16px",padding:"6px 12px",ghostPadding:"12px",font:"8px"}}),getDirectionPadding=function(n,e,r){var o=sizeVariants[r=void 0===r?"m":r].iconPadding,t=sizeVariants[r].ghostPadding;switch(n){case"ltr":return css(templateObject_1$b=templateObject_1$b||__makeTemplateObject(["\n ","\n padding-left: ",";\n "],["\n ","\n padding-left: ",";\n "]),!e&&"padding-right: ".concat(o,";"),e?t:o);case"rtl":return css(templateObject_2$4=templateObject_2$4||__makeTemplateObject(["\n ","\n padding-right: ",";\n "],["\n ","\n padding-right: ",";\n "]),!e&&"padding-left: ".concat(o,";"),e?t:o);default:return css(templateObject_3$3=templateObject_3$3||__makeTemplateObject([""],[""]))}},BasicButton=styled.div(templateObject_4$2=templateObject_4$2||__makeTemplateObject(["\n background-color: transparent;\n border: none;\n border-radius: var(--padding-xl);\n color: ",";\n padding: ",";\n font-weight: var(--font-bold);\n font-size: ",';\n cursor: pointer;\n overflow: hidden;\n position: relative;\n width: 100%;\n transition: color var(--transition-speed),\n background-color var(--transition-speed);\n\n &:before {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n width: calc(100% - 4px);\n height: calc(100% - 4px);\n background-color: transparent;\n border: 2px solid var(--color-orange);\n border-radius: var(--padding-xl);\n z-index: 1;\n transition: background-color var(--transition-speed),\n opacity var(--transition-speed), border-color var(--transition-speed);\n }\n\n &:active {\n color: var(--color-orange);\n outline: none;\n }\n\n ',";\n\n &:hover {\n color: var(--color-orange);\n }\n\n &:hover,\n &:hover:before {\n opacity: 0.8;\n border-color: var(--color-orange);\n }\n\n &:hover:active,\n &:hover:active:before {\n opacity: 0.6;\n border-color: var(--color-orange);\n }\n\n ","\n"],["\n background-color: transparent;\n border: none;\n border-radius: var(--padding-xl);\n color: ",";\n padding: ",";\n font-weight: var(--font-bold);\n font-size: ",';\n cursor: pointer;\n overflow: hidden;\n position: relative;\n width: 100%;\n transition: color var(--transition-speed),\n background-color var(--transition-speed);\n\n &:before {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n width: calc(100% - 4px);\n height: calc(100% - 4px);\n background-color: transparent;\n border: 2px solid var(--color-orange);\n border-radius: var(--padding-xl);\n z-index: 1;\n transition: background-color var(--transition-speed),\n opacity var(--transition-speed), border-color var(--transition-speed);\n }\n\n &:active {\n color: var(--color-orange);\n outline: none;\n }\n\n ',";\n\n &:hover {\n color: var(--color-orange);\n }\n\n &:hover,\n &:hover:before {\n opacity: 0.8;\n border-color: var(--color-orange);\n }\n\n &:hover:active,\n &:hover:active:before {\n opacity: 0.6;\n border-color: var(--color-orange);\n }\n\n ","\n"]),function(n){return n.loading?"transparent":"var(--shades-of-grey-100)"},function(n){return sizeVariants[n.sizeVariant].padding},function(n){return sizeVariants[n.sizeVariant].font},function(n){return getDirectionPadding(n.direction,n.ghost,n.sizeVariant)},function(n){return n.disabled&&"\n color: ".concat(n.loading?"transparent":"var(--shades-of-grey-60)",";\n border-color: var(--shades-of-grey-60);\n background-color: var(--shades-of-grey-40);\n\n &::before {\n border-color: var(--shades-of-grey-60);\n }\n\n &:hover,\n &:active,\n &:hover:active,\n &:hover:before,\n &:hover:active:before {\n color: ").concat(n.loading?"transparent":"var(--shades-of-grey-60)",";\n cursor: auto;\n opacity: 1;\n border-color: var(--shades-of-grey-60);\n }\n ")}),Ghost=(BasicButton.displayName="BasicButton",styled(BasicButton)(templateObject_1$a=templateObject_1$a||__makeTemplateObject(["\n padding-left: ",";\n padding-right: ",";\n border-radius: 0;\n\n &::before {\n border: none;\n left: 0;\n top: auto;\n bottom: 4px;\n width: ",";\n height: 0;\n border: 1px solid var(--color-navy);\n border-radius: 0;\n z-index: 2;\n }\n\n &:hover,\n &:hover:before {\n opacity: 1;\n color: var(--color-orange);\n border-color: var(--color-orange);\n }\n\n &:hover:active,\n &:hover:active:before {\n opacity: 1;\n color: var(--color-orange-80);\n border-color: var(--color-orange-80);\n }\n\n ","\n"],["\n padding-left: ",";\n padding-right: ",";\n border-radius: 0;\n\n &::before {\n border: none;\n left: 0;\n top: auto;\n bottom: 4px;\n width: ",";\n height: 0;\n border: 1px solid var(--color-navy);\n border-radius: 0;\n z-index: 2;\n }\n\n &:hover,\n &:hover:before {\n opacity: 1;\n color: var(--color-orange);\n border-color: var(--color-orange);\n }\n\n &:hover:active,\n &:hover:active:before {\n opacity: 1;\n color: var(--color-orange-80);\n border-color: var(--color-orange-80);\n }\n\n ","\n"]),function(n){return"ltr"!==n.direction&&0},function(n){return"rtl"!==n.direction&&0},function(n){return"calc(100% + ".concat(n.direction?"8px":"0px",")")},function(n){return n.disabled&&"\n background-color: transparent;\n color: ".concat(n.loading?"transparent":"var(--shades-of-grey-40)",";\n\n &::before {\n border-color: var(--shades-of-grey-40);\n }\n\n &:hover,\n &:active,\n &:hover:active,\n &:hover:before,\n &:hover:active:before {\n opacity: 1;\n color: ").concat(n.loading?"transparent":"var(--shades-of-grey-40)",";\n border-color: var(--shades-of-grey-40);\n }\n ")})),Primary=styled(BasicButton)(templateObject_1$9=templateObject_1$9||__makeTemplateObject(["\n color: var(--color-white);\n z-index: 1;\n\n &::before {\n background-color: var(--color-orange);\n z-index: -1;\n }\n\n &:hover {\n opacity: 1;\n color: var(--color-white);\n }\n\n &:hover:active {\n opacity: 1;\n }\n\n ","\n"],["\n color: var(--color-white);\n z-index: 1;\n\n &::before {\n background-color: var(--color-orange);\n z-index: -1;\n }\n\n &:hover {\n opacity: 1;\n color: var(--color-white);\n }\n\n &:hover:active {\n opacity: 1;\n }\n\n ","\n"]),function(n){return n.disabled&&"\n color: ".concat(n.loading?"transparent":"var(--shades-of-grey-60)",";\n\n &::before {\n background-color: var(--shades-of-grey-40);\n border-color: var(--shades-of-grey-40);\n }\n\n &:hover,\n &:active,\n &:hover:active,\n &:hover:before,\n &:hover:active:before {\n color: ").concat(n.loading?"transparent":"var(--shades-of-grey-60)",";\n border-color: var(--shades-of-grey-40);\n }\n ")}),sizeVariant$3={xl:"8px",l:"6px",m:"4px",s:"2px"},getButtonComponent=function(n,e){return n?Primary:e?Ghost:BasicButton},getIconColorVariant=function(n,e){return n?"white":e?"ghost":"grey"},Button=React.forwardRef(function(n,e){var r=n.icon,o=n.size,o=void 0===o?"m":o,t=n.onIconClick,a=n.direction,i=n.loading,i=void 0!==i&&i,c=n.children,n=__rest(n,["icon","size","onIconClick","direction","loading","children"]),s=getButtonComponent(n.primary,n.ghost),l=n.disabled||i;return jsxs(ButtonWrapper,__assign({ref:e,fullWidth:!n.ghost,orangeIconOnHover:!n.primary&&!n.disabled},n,{children:["rtl"!==a&&jsx(IconOffset,__assign({size:o,ghost:Boolean(n.ghost)},{children:jsx(IconAddition,{icon:r,size:o,colorVariant:getIconColorVariant(n.primary,n.ghost),disabled:l,direction:a,onClick:t})})),jsxs(s,__assign({sizeVariant:o,ghost:n.ghost,disabled:l,loading:i,direction:r&&(a||"ltr")},{children:[c,i&&jsx(Loading,{children:jsx(Icon,{type:"process",fill:n.ghost?Color.Grey40:Color.Grey60})})]})),"rtl"===a&&jsx(IconOffset,__assign({size:o,ghost:Boolean(n.ghost),right:!0},{children:jsx(IconAddition,{icon:r,size:o,colorVariant:getIconColorVariant(n.primary,n.ghost),disabled:l,direction:a,onClick:t})}))]}))}),ButtonWrapper=styled.button(templateObject_1$8=templateObject_1$8||__makeTemplateObject(["\n border: none;\n background-color: transparent;\n position: relative;\n padding: 0;\n width: ",";\n\n &:hover svg {\n fill: ",";\n }\n\n &:active svg {\n fill: ",";\n }\n\n & svg {\n position: absolute;\n left: 0;\n }\n"],["\n border: none;\n background-color: transparent;\n position: relative;\n padding: 0;\n width: ",";\n\n &:hover svg {\n fill: ",";\n }\n\n &:active svg {\n fill: ",";\n }\n\n & svg {\n position: absolute;\n left: 0;\n }\n"]),function(n){return n.fullWidth?"100%":"min-content"},function(n){return n.orangeIconOnHover&&"var(--color-orange)"},function(n){return n.orangeIconOnHover&&"var(--color-orange-80)"}),IconOffset=(ButtonWrapper.displayName="ButtonWrapper",styled.div(templateObject_2$3=templateObject_2$3||__makeTemplateObject(["\n position: absolute;\n bottom: 0;\n ",";\n"],["\n position: absolute;\n bottom: 0;\n ",";\n"]),function(n){return(n.right?"right: ":"left: ").concat(n.ghost?0:sizeVariant$3[n.size])})),rotate=(IconOffset.displayName="IconOffset",keyframes(templateObject_3$2=templateObject_3$2||__makeTemplateObject(["\n 100% {\n transform: rotate(-360deg);\n }\n"],["\n 100% {\n transform: rotate(-360deg);\n }\n"]))),Loading=styled.div(templateObject_4$1=templateObject_4$1||__makeTemplateObject(["\n position: absolute;\n left: calc(50% - 10px);\n top: calc(50% - 10px);\n\n & > svg {\n animation: "," 1s linear infinite;\n will-change: transform;\n }\n"],["\n position: absolute;\n left: calc(50% - 10px);\n top: calc(50% - 10px);\n\n & > svg {\n animation: "," 1s linear infinite;\n will-change: transform;\n }\n"]),rotate),sizeVariant$2=(Loading.displayName="Loading",{xl:{size:"30px",borderRadius:"8px",border:"4px",tickSize:"16px"},l:{size:"24px",borderRadius:"6px",border:"3px",tickSize:"12px"},m:{size:"18px",borderRadius:"3px",border:"2.5px",tickSize:"10px"},s:{size:"12px",borderRadius:"2px",border:"2px",tickSize:"6px"}}),Checkbox=React.forwardRef(function(n,e){var r=n.size,r=void 0===r?"m":r,o=n.label,o=void 0===o?"":o,n=__rest(n,["size","label"]);return jsx(FieldLabel,__assign({sizeVariant:r,position:"inline",disabled:n.disabled},{children:jsx(Label,__assign({size:r,text:o},{children:jsx(Input$1,__assign({ref:e,type:"checkbox",sizeVariant:r},n))}))}))}),Input$1=styled.input(templateObject_1$7=templateObject_1$7||__makeTemplateObject(["\n appearance: none;\n background-color: var(--color-white);\n\n ",'\n\n transition: border var(--transition-speed), opacity var(--transition-speed),\n background-color var(--transition-speed);\n position: relative;\n\n &:not([disabled]):hover {\n border-color: var(--shades-of-grey-60);\n cursor: pointer;\n }\n\n &:disabled {\n opacity: 0.5;\n }\n\n &:disabled:checked {\n opacity: 1;\n }\n\n &::before {\n content: "";\n background-color: transparent;\n position: absolute;\n\n ','\n transition: background-color var(--transition-speed);\n }\n\n &::after {\n content: "";\n position: absolute;\n background-color: transparent;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: ',";\n height: ",";\n clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n transition: background-color var(--transition-speed);\n }\n\n &:not([disabled]):checked::before {\n background-color: var(--color-orange);\n }\n\n &:disabled:checked::before {\n background-color: var(--shades-of-grey-40);\n }\n\n &:checked::after {\n background-color: var(--color-white);\n }\n\n &:not([disabled]):checked {\n border-color: transparent;\n }\n\n &:not([disabled]):checked:hover {\n opacity: 0.8;\n }\n\n &:not([disabled]):active {\n background-color: var(--shades-of-grey-60);\n }\n\n &:not([disabled]):checked:active {\n background-color: transparent;\n }\n\n &:not([disabled]):active::before {\n opacity: 0.65;\n }\n"],["\n appearance: none;\n background-color: var(--color-white);\n\n ",'\n\n transition: border var(--transition-speed), opacity var(--transition-speed),\n background-color var(--transition-speed);\n position: relative;\n\n &:not([disabled]):hover {\n border-color: var(--shades-of-grey-60);\n cursor: pointer;\n }\n\n &:disabled {\n opacity: 0.5;\n }\n\n &:disabled:checked {\n opacity: 1;\n }\n\n &::before {\n content: "";\n background-color: transparent;\n position: absolute;\n\n ','\n transition: background-color var(--transition-speed);\n }\n\n &::after {\n content: "";\n position: absolute;\n background-color: transparent;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: ',";\n height: ",";\n clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n transition: background-color var(--transition-speed);\n }\n\n &:not([disabled]):checked::before {\n background-color: var(--color-orange);\n }\n\n &:disabled:checked::before {\n background-color: var(--shades-of-grey-40);\n }\n\n &:checked::after {\n background-color: var(--color-white);\n }\n\n &:not([disabled]):checked {\n border-color: transparent;\n }\n\n &:not([disabled]):checked:hover {\n opacity: 0.8;\n }\n\n &:not([disabled]):active {\n background-color: var(--shades-of-grey-60);\n }\n\n &:not([disabled]):checked:active {\n background-color: transparent;\n }\n\n &:not([disabled]):active::before {\n opacity: 0.65;\n }\n"]),function(n){return"\n border: ".concat(sizeVariant$2[n.sizeVariant].border," solid var(--shades-of-grey-40);\n border-radius: ").concat(sizeVariant$2[n.sizeVariant].borderRadius,";\n width: ").concat(sizeVariant$2[n.sizeVariant].size,";\n height: ").concat(sizeVariant$2[n.sizeVariant].size,";\n ")},function(n){return"\n border-radius: ".concat(sizeVariant$2[n.sizeVariant].borderRadius,";\n width: ").concat(sizeVariant$2[n.sizeVariant].size,";\n height: ").concat(sizeVariant$2[n.sizeVariant].size,";\n left: calc(-1 * ").concat(sizeVariant$2[n.sizeVariant].border,");\n top: calc(-1 * ").concat(sizeVariant$2[n.sizeVariant].border,");\n ")},function(n){return sizeVariant$2[n.sizeVariant].tickSize},function(n){return sizeVariant$2[n.sizeVariant].tickSize}),Option=(Input$1.displayName="Input",function(n){n=n.children;return jsx("option",{children:n})}),Dropdown=React.forwardRef(function(n,e){var r=n.children,o=n.label,t=n.size,t=void 0===t?"m":t,n=__rest(n,["children","label","size"]);return jsxs(FieldWrapper,__assign({withLabel:Boolean(o),sizeVariant:t},{children:[o&&jsx(FieldLabel,__assign({sizeVariant:t,disabled:n.disabled},{children:jsx(Label,{text:o})})),jsx(IconAddition,{icon:"angle-down",disabled:n.disabled,direction:"rtl",size:t}),jsxs(Select,__assign({ref:e,sizeVariant:t},n,{children:[jsx("option",__assign({disabled:!0,selected:!0},{children:n.placeholder})),r]}))]}))}),DropdownWithStatic=Object.assign(Dropdown,{Option:Option}),Select=styled.select(templateObject_1$6=templateObject_1$6||__makeTemplateObject(["\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background-color: var(--color-white);\n border: 2px solid var(--shades-of-grey-80);\n cursor: pointer;\n border-radius: var(--padding-s);\n padding: ",";\n position: relative;\n font-size: ",";\n overflow: hidden;\n color: var(--shades-of-grey-100);\n font-weight: var(--font-bold);\n transition: border var(--transition-speed),\n background-color var(--transition-speed);\n width: 100%;\n\n &::placeholder {\n color: var(--shades-of-grey-80);\n }\n\n &:focus,\n &:active {\n outline: none;\n background-color: transparent;\n border: 2px solid var(--color-orange);\n }\n\n ",";\n\n &:disabled {\n &::placeholder {\n color: var(--shades-of-grey-60);\n }\n background-color: var(--shades-of-grey-40);\n border: 2px solid var(--shades-of-grey-60);\n }\n"],["\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background-color: var(--color-white);\n border: 2px solid var(--shades-of-grey-80);\n cursor: pointer;\n border-radius: var(--padding-s);\n padding: ",";\n position: relative;\n font-size: ",";\n overflow: hidden;\n color: var(--shades-of-grey-100);\n font-weight: var(--font-bold);\n transition: border var(--transition-speed),\n background-color var(--transition-speed);\n width: 100%;\n\n &::placeholder {\n color: var(--shades-of-grey-80);\n }\n\n &:focus,\n &:active {\n outline: none;\n background-color: transparent;\n border: 2px solid var(--color-orange);\n }\n\n ",";\n\n &:disabled {\n &::placeholder {\n color: var(--shades-of-grey-60);\n }\n background-color: var(--shades-of-grey-40);\n border: 2px solid var(--shades-of-grey-60);\n }\n"]),function(n){return fieldSizeVariants[n.sizeVariant].padding},function(n){return fieldSizeVariants[n.sizeVariant].font},function(n){return getValidationTypeProps(n.validationType)}),sizeVariant$1=(Select.displayName="Select",!function(n){n.xl="xl",n.l="l",n.m="m",n.s="s"}(Size=Size||{}),{xl:{size:"30px",border:"4px",gap:"10px",fontSize:"20px",lineHeight:"30px",checkmarkBefore:{width:"3px",height:"16px",left:"11px",top:"2px"},checkmarkAfter:{width:"6px",height:"3px",left:"6px",top:"15px"}},l:{size:"24px",border:"3px",gap:"8px",fontSize:"16px",lineHeight:"24px",checkmarkBefore:{width:"3px",height:"12px",left:"10px",top:"2px"},checkmarkAfter:{width:"5px",height:"3px",left:"5px",top:"11px"}},m:{size:"18px",border:"2.5px",gap:"6px",fontSize:"12px",lineHeight:"18px",checkmarkBefore:{width:"2px",height:"10px",left:"7px",top:"0px"},checkmarkAfter:{width:"5px",height:"2px",left:"4px",top:"9px"}},s:{size:"12px",border:"2px",gap:"4px",fontSize:"8px",lineHeight:"12px",checkmarkBefore:{width:"1px",height:"6px",left:"4px",top:"1px"},checkmarkAfter:{width:"2px",height:"1px",left:"2px",top:"6px"}}}),Radio=React.forwardRef(function(n,e){var r=n.size,r=void 0===r?Size.m:r,o=n.label,o=void 0===o?"":o,n=__rest(n,["size","label"]);return jsx(FieldLabel,__assign({sizeVariant:r,position:"inline",disabled:n.disabled},{children:jsxs(Label,__assign({size:r,text:o},{children:[jsx(Input,__assign({ref:e,type:"radio",sizeVariant:r},n)),jsx(Checkmark,{"data-testid":"checkmark",sizeVariant:r})]}))}))}),Input=styled.input(templateObject_1$5=templateObject_1$5||__makeTemplateObject(["\n position: absolute;\n opacity: 0;\n cursor: pointer;\n width: 0;\n height: 0;\n"],["\n position: absolute;\n opacity: 0;\n cursor: pointer;\n width: 0;\n height: 0;\n"])),Checkmark=(Input.displayName="Input",styled.span(templateObject_2$2=templateObject_2$2||__makeTemplateObject(["\n width: min-content;\n background-color: var(--color-white);\n border-radius: 50%;\n transform: rotate(45deg);\n\n ",'\n\n &:before {\n display: none;\n content: "";\n position: absolute;\n background-color: var(--color-white);\n\n ','\n }\n\n &:after {\n display: none;\n content: "";\n position: absolute;\n background-color: var(--color-white);\n ',"\n }\n\n ",":disabled ~ & {\n opacity: 0.5;\n }\n\n // not checked\n ",":not(:checked):not([disabled]):hover ~ & {\n border-color: var(--shades-of-grey-60);\n }\n\n ",":not(:checked):not([disabled]):active ~ & {\n border-color: var(--shades-of-grey-60);\n background-color: var(--shades-of-grey-60);\n }\n\n // checked\n ",":checked ~ & {\n background-color: var(--color-orange);\n border-color: var(--color-orange);\n }\n\n ",":checked:hover ~ & {\n opacity: 0.8;\n }\n\n ",":checked:not([disabled]):active ~ & {\n opacity: 0.65;\n }\n\n ",":checked ~ &:before {\n display: block;\n }\n\n ",":checked ~ &:after {\n display: block;\n }\n"],["\n width: min-content;\n background-color: var(--color-white);\n border-radius: 50%;\n transform: rotate(45deg);\n\n ",'\n\n &:before {\n display: none;\n content: "";\n position: absolute;\n background-color: var(--color-white);\n\n ','\n }\n\n &:after {\n display: none;\n content: "";\n position: absolute;\n background-color: var(--color-white);\n ',"\n }\n\n ",":disabled ~ & {\n opacity: 0.5;\n }\n\n // not checked\n ",":not(:checked):not([disabled]):hover ~ & {\n border-color: var(--shades-of-grey-60);\n }\n\n ",":not(:checked):not([disabled]):active ~ & {\n border-color: var(--shades-of-grey-60);\n background-color: var(--shades-of-grey-60);\n }\n\n // checked\n ",":checked ~ & {\n background-color: var(--color-orange);\n border-color: var(--color-orange);\n }\n\n ",":checked:hover ~ & {\n opacity: 0.8;\n }\n\n ",":checked:not([disabled]):active ~ & {\n opacity: 0.65;\n }\n\n ",":checked ~ &:before {\n display: block;\n }\n\n ",":checked ~ &:after {\n display: block;\n }\n"]),function(n){return"\n border: ".concat(sizeVariant$1[n.sizeVariant].border," solid var(--shades-of-grey-40);\n width: ").concat(sizeVariant$1[n.sizeVariant].size,";\n height: ").concat(sizeVariant$1[n.sizeVariant].size,";\n ")},function(n){return"\n width: ".concat(sizeVariant$1[n.sizeVariant].checkmarkBefore.width,";\n height: ").concat(sizeVariant$1[n.sizeVariant].checkmarkBefore.height,";\n left: ").concat(sizeVariant$1[n.sizeVariant].checkmarkBefore.left,";\n top: ").concat(sizeVariant$1[n.sizeVariant].checkmarkBefore.top,";\n ")},function(n){return"\n width: ".concat(sizeVariant$1[n.sizeVariant].checkmarkAfter.width,";\n height: ").concat(sizeVariant$1[n.sizeVariant].checkmarkAfter.height,";\n left: ").concat(sizeVariant$1[n.sizeVariant].checkmarkAfter.left,";\n top: ").concat(sizeVariant$1[n.sizeVariant].checkmarkAfter.top,";\n ")},Input,Input,Input,Input,Input,Input,Input,Input)),sizeVariant=(Checkmark.displayName="Checkmark",{s:20,m:32,l:53,xl:64,xxl:94}),colorVariant=[Color.Green,Color.Navy,Color.Orange,Color.Grey60],Initials=function(n){var e=n.text,n=n.size;return jsx(Root$4,__assign({size:sizeVariant[void 0===n?"m":n],color:colorVariant[e.charCodeAt(0)%4]},{children:e}))},Root$4=styled.div(templateObject_1$4=templateObject_1$4||__makeTemplateObject(["\n background-color: ",";\n color: var(--color-white);\n display: flex;\n align-items: center;\n justify-content: center;\n text-transform: uppercase;\n width: ","px;\n height: ","px;\n border-radius: ","px;\n"],["\n background-color: ",";\n color: var(--color-white);\n display: flex;\n align-items: center;\n justify-content: center;\n text-transform: uppercase;\n width: ","px;\n height: ","px;\n border-radius: ","px;\n"]),function(n){return n.color},function(n){return n.size},function(n){return n.size},function(n){return n.size/2}),Hero=Typography.Hero,getInitials=function(n){return n.split(" ").map(function(n){return n[0]}).slice(0,2).join("")},Profile=function(n){var e=n.src,r=n.alt,o=n.size,t=n.name,n=n.children;return jsxs(Root$3,{children:[e?jsx(Avatar,{src:e,alt:r||t,size:o}):jsx(Initials,{text:getInitials(t),size:o}),jsxs(Details,{children:[jsx(Name,__assign({as:"span"},{children:t})),n]})]})},Root$3=styled.div(templateObject_1$3=templateObject_1$3||__makeTemplateObject(["\n display: flex;\n gap: var(--padding-m);\n align-items: center;\n"],["\n display: flex;\n gap: var(--padding-m);\n align-items: center;\n"])),Name=(Root$3.displayName="Root",styled(Hero)(templateObject_2$1=templateObject_2$1||__makeTemplateObject(["\n font-weight: var(--font-bold);\n"],["\n font-weight: var(--font-bold);\n"]))),Details=(Name.displayName="Name",styled.div(templateObject_3$1=templateObject_3$1||__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"]))),MenuItem=(Details.displayName="Details",function(n){var e=n.active,r=n.label,n=n.icon;return jsxs(Root$2,__assign({active:e},{children:[jsx(Icon,{type:n}),r]}))}),Root$2=styled.div(templateObject_1$2=templateObject_1$2||__makeTemplateObject(["\n align-items: center;\n border-radius: 24px;\n border: 1px solid transparent;\n cursor: pointer;\n display: flex;\n gap: 10px;\n font-weight: var(--font-bold);\n text-align: left;\n padding: 12px 18px;\n transition: border-color var(--transition-speed),\n background-color var(--transition-speed), color var(--transition-speed);\n\n & svg {\n transition: fill var(--transition-speed);\n }\n\n &:hover {\n border-color: ",";\n }\n\n &:focus {\n background-color: var(--color-ecru);\n color: var(--color-orange);\n\n & svg {\n fill: var(--color-orange);\n }\n }\n\n ","\n"],["\n align-items: center;\n border-radius: 24px;\n border: 1px solid transparent;\n cursor: pointer;\n display: flex;\n gap: 10px;\n font-weight: var(--font-bold);\n text-align: left;\n padding: 12px 18px;\n transition: border-color var(--transition-speed),\n background-color var(--transition-speed), color var(--transition-speed);\n\n & svg {\n transition: fill var(--transition-speed);\n }\n\n &:hover {\n border-color: ",";\n }\n\n &:focus {\n background-color: var(--color-ecru);\n color: var(--color-orange);\n\n & svg {\n fill: var(--color-orange);\n }\n }\n\n ","\n"]),function(n){return n.active?"transparent":"var(--color-navy)"},function(n){return n.active&&"\n color: var(--color-white);\n background-color: var(--color-orange);\n box-shadow: 0 0 10px 0 var(--shades-of-grey-40);\n\n &:not(:focus) svg {\n fill: var(--color-white);\n }\n "}),Menu=function(n){n=n.children;return jsx(Root$1,{children:n})},MenuWithStatic=Object.assign(Menu,{Item:MenuItem}),Root$1=styled.nav(templateObject_1$1=templateObject_1$1||__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: var(--padding-s);\n"],["\n display: flex;\n flex-direction: column;\n gap: var(--padding-s);\n"])),Body=Typography.Body,Setting=function(n){var e=n.icon,r=n.title,o=n.subtitle,t=n.trigger,a=n.children,n=n.className,i=useState(!1),c=i[0],s=i[1];return jsxs("div",__assign({className:n},{children:[jsxs(Root,__assign({active:c,onClick:function(){s(function(n){return!n})}},{children:[jsxs(LeftHandSide,{children:[e&&jsx(Icon,{size:{width:24,height:24},type:e}),jsxs(Content,{children:[jsx(Body,__assign({bold:!0},{children:r})),jsx(Body,__assign({bold:!0,size:"s"},{children:o}))]})]}),jsxs(Trigger,__assign({active:c},{children:[jsx(Icon,{type:"angle-down",size:{width:16,height:16}}),jsx(Body,__assign({bold:!0,as:"span"},{children:t}))]}))]})),c&&jsx(ExpandedBody,{children:a})]}))},Root=styled.div(templateObject_1=templateObject_1||__makeTemplateObject(["\n align-items: center;\n background-color: var(--color-white);\n border: 1px solid\n ",";\n border-radius: 5px;\n display: flex;\n justify-content: space-between;\n padding: var(--padding-m) var(--padding-l);\n transition: border var(--transition-speed);\n cursor: pointer;\n"],["\n align-items: center;\n background-color: var(--color-white);\n border: 1px solid\n ",";\n border-radius: 5px;\n display: flex;\n justify-content: space-between;\n padding: var(--padding-m) var(--padding-l);\n transition: border var(--transition-speed);\n cursor: pointer;\n"]),function(n){return n.active?"var(--color-orange)":"var(--shades-of-grey-40)"}),Content=styled.div(templateObject_2=templateObject_2||__makeTemplateObject(["\n & > * {\n margin: 0;\n }\n"],["\n & > * {\n margin: 0;\n }\n"])),LeftHandSide=styled.div(templateObject_3=templateObject_3||__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: var(--padding-m);\n"],["\n display: flex;\n align-items: center;\n gap: var(--padding-m);\n"])),Trigger=styled.div(templateObject_4=templateObject_4||__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: var(--padding-s);\n\n & svg {\n transform: ",";\n transition: transform var(--transition-speed);\n }\n"],["\n display: flex;\n align-items: center;\n gap: var(--padding-s);\n\n & svg {\n transform: ",";\n transition: transform var(--transition-speed);\n }\n"]),function(n){return n.active?"rotate(180deg)":"rotate(0)"}),ExpandedBody=styled.div(templateObject_5=templateObject_5||__makeTemplateObject(["\n background-color: var(--shades-of-grey-20);\n padding: var(--padding-m) var(--padding-l);\n margin-top: var(--padding-s);\n"],["\n background-color: var(--shades-of-grey-20);\n padding: var(--padding-m) var(--padding-l);\n margin-top: var(--padding-s);\n"]));export{Alert,Avatar,Button,Card,Checkbox,Chip,Color,Divider,Dot,DropdownWithStatic as Dropdown,Icon,InfoCard,Input$2 as Input,GlobalStyles as IntegrigoUI,MenuWithStatic as Menu,Nav,Pill,Profile,Radio,Setting,Spinner,TextArea,Typography};
2
2
  //# sourceMappingURL=index.esm.js.map
package/lib/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),styled=require("styled-components"),React=require("react");function _interopDefaultLegacy(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function _interopNamespace(t){if(t&&t.__esModule)return t;var r=Object.create(null);return t&&Object.keys(t).forEach(function(n){var e;"default"!==n&&(e=Object.getOwnPropertyDescriptor(t,n),Object.defineProperty(r,n,e.get?e:{enumerable:!0,get:function(){return t[n]}}))}),r.default=t,Object.freeze(r)}var styled__default=_interopDefaultLegacy(styled),React__default=_interopDefaultLegacy(React),__assign=function(){return(__assign=Object.assign||function(n){for(var e,t=1,r=arguments.length;t<r;t++)for(var o in e=arguments[t])Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n}).apply(this,arguments)};function __rest(n,e){var t={};for(o in n)Object.prototype.hasOwnProperty.call(n,o)&&e.indexOf(o)<0&&(t[o]=n[o]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,o=Object.getOwnPropertySymbols(n);r<o.length;r++)e.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(n,o[r])&&(t[o[r]]=n[o[r]]);return t}function __makeTemplateObject(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}exports.Color=void 0,function(n){n.White="#FFF",n.Ecru="#F9F1E5",n.Navy="#172142",n.Orange="#E09A33",n.Red="#CF544B",n.Green="#6B8B4A",n.Grey100="#1A1A1A",n.Grey80="#595959",n.Grey60="#8C8C8C",n.Grey40="#CCCCCC",n.Grey20="#F2F2F2",n.Grey0="#fff",n.Success100="#6B8B4A",n.Success20="#DDE4D7",n.Success10="#ECEFE8",n.Error100="#CF544B",n.Error20="#FFCCCC",n.Error10="#FFF5F5"}(exports.Color||(exports.Color={}));var templateObject_1$v,templateObject_1$u,templateObject_1$t,templateObject_1$s,templateObject_1$r,templateObject_2$b,templateObject_1$q,templateObject_1$p,templateObject_1$o,templateObject_1$n,templateObject_1$m,templateObject_1$l,templateObject_1$k,templateObject_2$a,templateObject_1$j,templateObject_1$i,templateObject_2$9,ChipVariant,ChipSize,templateObject_1$h,templateObject_2$8,templateObject_3$7,templateObject_1$g,templateObject_1$f,templateObject_2$7,templateObject_3$6,templateObject_1$e,templateObject_2$6,templateObject_3$5,templateObject_1$d,templateObject_2$5,templateObject_3$4,templateObject_4$3,templateObject_1$c,templateObject_1$b,templateObject_2$4,templateObject_3$3,templateObject_4$2,templateObject_1$a,templateObject_1$9,templateObject_1$8,templateObject_2$3,templateObject_3$2,templateObject_4$1,templateObject_1$7,templateObject_1$6,Size,templateObject_1$5,templateObject_2$2,templateObject_1$4,templateObject_1$3,templateObject_2$1,templateObject_3$1,templateObject_1$2,templateObject_1$1,templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,GlobalStyles=styled.createGlobalStyle(templateObject_1$v=templateObject_1$v||__makeTemplateObject(["\n@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,600;0,700;0,800;1,200;1,300;1,600;1,700;1,800&display=swap');\n\n html {\n --color-white: ",";\n --color-ecru: ",";\n --color-navy: ",";\n --color-orange: ",";\n --color-red: ",";\n --color-green: ",";\n\n --shades-of-grey-100: ",";\n --shades-of-grey-80: ",";\n --shades-of-grey-60: ",";\n --shades-of-grey-40: ",";\n --shades-of-grey-20: ",";\n --shades-of-grey-0: ",";\n\n --color-success-100: ",";\n --color-success-20: ",";\n --color-success-10: ",";\n\n --color-error-100: ",";\n --color-error-20: ",";\n --color-error-10: ",";\n\n --color-orange-80: ","80;\n --color-orange-65: ","65;\n\n --padding-s: 8px;\n --padding-m: 16px;\n --padding-l: 24px;\n --padding-xl: 32px;\n --padding-xxl: 48px;\n\n --font-bold: 700;\n --font-medium: 600;\n --font-thin: 300;\n\n --font-size-s: 10px;\n --font-size-m: 16px;\n --font-size-l: 20px;\n --font-size-xl: 32px;\n --font-size-xxl: 40px;\n\n --header-size-s: 16px;\n --header-size-m: 24px;\n --header-size-l: 32px;\n --header-size-xl: 48px;\n --header-size-xxl: 72px;\n\n --transition-speed: .3s;\n }\n\n body {\n background-color: var(--color-ecru);\n }\n\n * {\n box-sizing: border-box;\n color: var(--color-navy);\n font-family: Raleway, Arial, Helvetica, Sans-Serif;\n font-size: var(--font-size-m);\n font-weight: var(--font-thin);\n }\n\n h1 {\n font-size: var(--header-size-xxl);\n font-weight: var(--font-bold);\n }\n\n h2 {\n font-size: var(--header-size-xl);\n font-weight: var(--font-bold);\n }\n\n h3 {\n font-size: var(--header-size-l);\n font-weight: var(--font-bold);\n }\n\n h4 {\n font-size: var(--header-size-m);\n font-weight: var(--font-bold);\n }\n\n h5 {\n font-size: var(--header-size-s);\n font-weight: var(--font-bold);\n }\n"],["\n@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,600;0,700;0,800;1,200;1,300;1,600;1,700;1,800&display=swap');\n\n html {\n --color-white: ",";\n --color-ecru: ",";\n --color-navy: ",";\n --color-orange: ",";\n --color-red: ",";\n --color-green: ",";\n\n --shades-of-grey-100: ",";\n --shades-of-grey-80: ",";\n --shades-of-grey-60: ",";\n --shades-of-grey-40: ",";\n --shades-of-grey-20: ",";\n --shades-of-grey-0: ",";\n\n --color-success-100: ",";\n --color-success-20: ",";\n --color-success-10: ",";\n\n --color-error-100: ",";\n --color-error-20: ",";\n --color-error-10: ",";\n\n --color-orange-80: ","80;\n --color-orange-65: ","65;\n\n --padding-s: 8px;\n --padding-m: 16px;\n --padding-l: 24px;\n --padding-xl: 32px;\n --padding-xxl: 48px;\n\n --font-bold: 700;\n --font-medium: 600;\n --font-thin: 300;\n\n --font-size-s: 10px;\n --font-size-m: 16px;\n --font-size-l: 20px;\n --font-size-xl: 32px;\n --font-size-xxl: 40px;\n\n --header-size-s: 16px;\n --header-size-m: 24px;\n --header-size-l: 32px;\n --header-size-xl: 48px;\n --header-size-xxl: 72px;\n\n --transition-speed: .3s;\n }\n\n body {\n background-color: var(--color-ecru);\n }\n\n * {\n box-sizing: border-box;\n color: var(--color-navy);\n font-family: Raleway, Arial, Helvetica, Sans-Serif;\n font-size: var(--font-size-m);\n font-weight: var(--font-thin);\n }\n\n h1 {\n font-size: var(--header-size-xxl);\n font-weight: var(--font-bold);\n }\n\n h2 {\n font-size: var(--header-size-xl);\n font-weight: var(--font-bold);\n }\n\n h3 {\n font-size: var(--header-size-l);\n font-weight: var(--font-bold);\n }\n\n h4 {\n font-size: var(--header-size-m);\n font-weight: var(--font-bold);\n }\n\n h5 {\n font-size: var(--header-size-s);\n font-weight: var(--font-bold);\n }\n"]),exports.Color.White,exports.Color.Ecru,exports.Color.Navy,exports.Color.Orange,exports.Color.Red,exports.Color.Green,exports.Color.Grey100,exports.Color.Grey80,exports.Color.Grey60,exports.Color.Grey40,exports.Color.Grey20,exports.Color.Grey0,exports.Color.Success100,exports.Color.Success20,exports.Color.Success10,exports.Color.Error100,exports.Color.Error20,exports.Color.Error10,exports.Color.Orange,exports.Color.Orange),fieldSizeVariants={xl:{iconPadding:"48px",padding:"16px",font:"20px"},l:{iconPadding:"40px",padding:"12px",font:"16px"},m:{iconPadding:"28px",padding:"8px",font:"12px"},s:{iconPadding:"16px",padding:"6px",font:"8px"}},FieldLabel=styled__default.default.div(templateObject_1$u=templateObject_1$u||__makeTemplateObject(["\n ","\n\n & label > span {\n color: ",";\n font-size: ",";\n }\n"],["\n ","\n\n & label > span {\n color: ",";\n font-size: ",";\n }\n"]),function(n){return"inline"===n.position?"\n position: relative;\n display: flex;\n align-items: center;\n ":"\n position: absolute;\n left: 0;\n z-index: 10;\n bottom: calc(100% - ".concat(fieldSizeVariants[n.sizeVariant].font," - 4px);\n ")},function(n){return n.disabled?"var(--shades-of-grey-40)":"var(--shades-of-grey-80)"},function(n){return fieldSizeVariants[n.sizeVariant].font}),FieldWrapper=(FieldLabel.displayName="InputLabel",styled__default.default.div(templateObject_1$t=templateObject_1$t||__makeTemplateObject(["\n position: relative;\n width: 100%;\n padding-top: ",";\n"],["\n position: relative;\n width: 100%;\n padding-top: ",";\n"]),function(n){return n.withLabel?"calc(".concat(fieldSizeVariants[n.sizeVariant].font," + 8px)"):0})),iconHashMap=(FieldWrapper.displayName="InputWrapper",{"angle-down":"AngleDown","arrow-left":"ArrowLeft","arrow-right":"ArrowRight",bars:"Bars",bell:"Bell","check-circle":"CheckCircle","check-square":"CheckSquare","clipboad-notes":"ClipboardNotes",close:"Close","create-dashboard":"CreateDashboard","dice-five":"DiceFive",edit:"Edit","ellipsis-horizontal":"EllipsisHorizontal","ellipsis-vertical":"EllipsisVertical",envelope:"Envelope","exclamation-circle":"ExclamationCircle","exclamation-triangle":"ExclamationTriangle",exit:"Exit",facebook:"Facebook",home:"Home","image-edit":"ImageEdit",instagram:"Instagram",linkedin:"Linkedin",lock:"Lock",minus:"Minus",phone:"Phone",plus:"Plus",process:"Process","points-circle":"PointsCircle",redo:"Redo",setting:"Setting",user:"User","user-circle":"UserCircle","user-plus":"UserPlus",users:"Users"}),sizeHashMap={"ultra-small":{width:20,height:20},small:{width:34,height:34},medium:{width:58,height:58},big:{width:84,height:84}},Icon=function(n){var e=n.className,t=n.type,r=n.size,r=void 0===r?"ultra-small":r,n=__rest(n,["className","type","size"]),o=React__default.default.lazy(function(){return n="./icons/"+iconHashMap[t],Promise.resolve().then(function(){return _interopNamespace(require(n))});var n}),r="string"==typeof r?sizeHashMap[r]:r;return jsxRuntime.jsx(React.Suspense,__assign({fallback:jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",width:"20",height:"20",xmlns:"http://www.w3.org/2000/svg"})},{children:jsxRuntime.jsx(o,__assign({className:e,fill:exports.Color.Navy},r,n))}))},sizeVariant$7={xl:{size:24,offset:16},l:{size:20,offset:12},m:{size:16,offset:8},s:{size:10,offset:6}},IconAddition=function(n){var e=n.disabled,t=n.icon,r=n.direction,o=n.colorVariant,o=void 0===o?"grey":o,a=n.size,a=void 0===a?"m":a,n=n.onClick,i={white:e?exports.Color.Grey60:exports.Color.White,grey:e?exports.Color.Grey60:exports.Color.Grey100,ghost:e?exports.Color.Grey40:exports.Color.Grey100};return t?jsxRuntime.jsx(IconWrapper$1,__assign({direction:void 0===r?"ltr":r,clickable:!!n&&!e,size:a,narrow:"ghost"===o},{children:jsxRuntime.jsx(Icon,{type:t,size:{width:sizeVariant$7[a].size,height:sizeVariant$7[a].size},fill:i[o],onClick:n})})):null},IconWrapper$1=styled__default.default.div(templateObject_1$s=templateObject_1$s||__makeTemplateObject(["\n position: absolute;\n z-index: 2;\n bottom: calc(","px);\n height: ","px;\n width: ","px;\n cursor: ",";\n ",";\n\n & svg {\n transition: fill var(--transition-speed);\n position: absolute;\n }\n"],["\n position: absolute;\n z-index: 2;\n bottom: calc(","px);\n height: ","px;\n width: ","px;\n cursor: ",";\n ",";\n\n & svg {\n transition: fill var(--transition-speed);\n position: absolute;\n }\n"]),function(n){return sizeVariant$7[n.size].offset},function(n){return sizeVariant$7[n.size].size},function(n){return sizeVariant$7[n.size].size},function(n){return n.clickable?"pointer":"auto"},function(n){return("ltr"===n.direction?"left: ":"right: ").concat(n.narrow?0:sizeVariant$7[n.size].offset,"px")}),colorVariants=(IconWrapper$1.displayName="IconWrapper",{error:{background:exports.Color.Error10,color:exports.Color.Error100},warning:{background:exports.Color.Grey0,color:exports.Color.Orange},info:{background:exports.Color.Grey0,color:exports.Color.Navy},success:{background:exports.Color.Grey0,color:exports.Color.Green}}),iconVariants={error:"exclamation-circle",warning:"exclamation-triangle",info:"exclamation-circle",success:"check-circle"},Alert=function(n){var e=n.type,e=void 0===e?"info":e,t=n.open,r=n.size,o=n.controlled,o=void 0!==o&&o,a=n.onClose,n=n.children;return void 0===t||t||!o?jsxRuntime.jsxs(AlertWrapper,__assign({type:e,sizeVariant:void 0===r?"m":r},{children:[jsxRuntime.jsx(Icon,{fill:colorVariants[e].color,size:"ultra-small",type:iconVariants[e]})," ",n,o&&jsxRuntime.jsx(CloseIcon,{children:jsxRuntime.jsx(Icon,{size:"ultra-small",type:"close",fill:exports.Color.Grey60,onClick:a})})]})):null},AlertWrapper=styled__default.default.div(templateObject_1$r=templateObject_1$r||__makeTemplateObject(["\n width: 100%;\n border-radius: 5px;\n color: ",";\n background-color: ",";\n padding: var(--padding-s);\n font-weight: var(--font-bold);\n font-size: ",";\n display: flex;\n align-items: center;\n gap: 12px;\n margin-top: var(--padding-s);\n"],["\n width: 100%;\n border-radius: 5px;\n color: ",";\n background-color: ",";\n padding: var(--padding-s);\n font-weight: var(--font-bold);\n font-size: ",";\n display: flex;\n align-items: center;\n gap: 12px;\n margin-top: var(--padding-s);\n"]),function(n){return colorVariants[n.type].color},function(n){return colorVariants[n.type].background},function(n){return fieldSizeVariants[n.sizeVariant].font}),CloseIcon=styled__default.default.div(templateObject_2$b=templateObject_2$b||__makeTemplateObject(["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n & > svg {\n transition: fill var(--transition-speed);\n }\n\n & > svg:hover {\n cursor: pointer;\n fill: var(--shades-of-grey-100);\n }\n"],["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n & > svg {\n transition: fill var(--transition-speed);\n }\n\n & > svg:hover {\n cursor: pointer;\n fill: var(--shades-of-grey-100);\n }\n"])),sizeVariant$6={s:20,m:32,l:53,xl:64,xxl:94},Avatar=function(n){var e=n.src,t=n.alt,n=n.size,n=void 0===n?"m":n;return jsxRuntime.jsx(Image,{src:e,alt:t,width:sizeVariant$6[n],height:sizeVariant$6[n]})},Image=styled__default.default.img(templateObject_1$q=templateObject_1$q||__makeTemplateObject(["\n object-fit: cover;\n border-radius: 50%;\n"],["\n object-fit: cover;\n border-radius: 50%;\n"])),sizeVariants$1=(Image.displayName="Image",{s:{padding:16,borderRadius:5},m:{padding:16,borderRadius:16},l:{padding:32,borderRadius:24}}),Card=styled__default.default.div(templateObject_1$p=templateObject_1$p||__makeTemplateObject(["\n background-color: ",";\n box-shadow: ",";\n color: ",";\n padding: ","px;\n border-radius: ","px;\n"],["\n background-color: ",";\n box-shadow: ",";\n color: ",";\n padding: ","px;\n border-radius: ","px;\n"]),function(n){return n.inverse?"var(--color-navy)":"var(--color-white)"},function(n){return n.flat?"none":"0px 4px 4px rgba(0, 0, 0, 0.25)"},function(n){return n.inverse?"var(--color-white)":"var(--color-navy)"},function(n){return sizeVariants$1[n.size||"l"].padding},function(n){return sizeVariants$1[n.size||"l"].borderRadius}),Divider=(Card.displayName="Card",styled__default.default.div(templateObject_1$o=templateObject_1$o||__makeTemplateObject(["\n width: 100%;\n height: 2px;\n background-color: ",";\n opacity: 0.2;\n"],["\n width: 100%;\n height: 2px;\n background-color: ",";\n opacity: 0.2;\n"]),function(n){return"var(--color-".concat(n.variant||"navy",")")})),Pill=styled__default.default.div(templateObject_1$n=templateObject_1$n||__makeTemplateObject(["\n background-color: ",";\n border-radius: var(--padding-l);\n color: var(--color-white);\n font-weight: var(--font-bold);\n font-size: var(--font-size-m);\n padding: var(--padding-s) var(--padding-xxl);\n width: min-content;\n"],["\n background-color: ",";\n border-radius: var(--padding-l);\n color: var(--color-white);\n font-weight: var(--font-bold);\n font-size: var(--font-size-m);\n padding: var(--padding-s) var(--padding-xxl);\n width: min-content;\n"]),function(n){return"var(--color-".concat(n.variant,")")}),Body$1=(Pill.displayName="Pill",styled__default.default.p(templateObject_1$m=templateObject_1$m||__makeTemplateObject(["\n font-size: ",";\n line-height: ",";\n text-align: ",";\n font-weight: ",";\n"],["\n font-size: ",";\n line-height: ",";\n text-align: ",";\n font-weight: ",";\n"]),function(n){return"var(--font-size-".concat(n.size||"m",")")},function(n){return"calc(1.5*var(--font-size-".concat(n.size||"m","))")},function(n){return n.align||"left"},function(n){return n.bold?"var(---font-bold)":"var(--font-thin)"})),SIZE_MAP=(Body$1.displayName="Body",{s:"h5",m:"h4",l:"h3",xl:"h2",xxl:"h1"}),Hero$1=function(n){var e=n.size,t=n.className,n=n.children;return jsxRuntime.jsx(Header,__assign({as:SIZE_MAP[void 0===e?"l":e],className:t},{children:n}))},Header=styled__default.default.h1(templateObject_1$l=templateObject_1$l||__makeTemplateObject([""],[""])),gapSizeVariant=(Header.displayName="Header",{xxl:"12px",xl:"10px",l:"4px",m:"4px",s:"2px"}),Label=function(n){var e=n.text,t=n.size,n=n.children;return jsxRuntime.jsxs(LabelContainer,__assign({sizeVariant:t},{children:[n,jsxRuntime.jsx(LabelText,__assign({size:t},{children:e}))]}))},LabelContainer=styled__default.default.label(templateObject_1$k=templateObject_1$k||__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ",";\n"],["\n display: flex;\n align-items: center;\n gap: ",";\n"]),function(n){return gapSizeVariant[n.sizeVariant||"m"]}),LabelText=styled__default.default.span(templateObject_2$a=templateObject_2$a||__makeTemplateObject(["\n font-size: ",";\n font-weight: var(--font-medium);\n transition: color var(--transition-speed);\n"],["\n font-size: ",";\n font-weight: var(--font-medium);\n transition: color var(--transition-speed);\n"]),function(n){return"var(--font-size-".concat(n.size||"m",")")}),Typography={Body:Body$1,Hero:Hero$1,Label:Label},Nav=styled__default.default.nav(templateObject_1$j=templateObject_1$j||__makeTemplateObject(["\n font-size: var(--font-size-l);\n font-weight: ",";\n cursor: pointer;\n white-space: nowrap;\n width: min-content;\n transition: color var(--transition-speed);\n padding: var(--padding-s) var(--padding-l);\n\n &:hover {\n color: ",";\n }\n"],["\n font-size: var(--font-size-l);\n font-weight: ",";\n cursor: pointer;\n white-space: nowrap;\n width: min-content;\n transition: color var(--transition-speed);\n padding: var(--padding-s) var(--padding-l);\n\n &:hover {\n color: ",";\n }\n"]),function(n){return n.active?"var(--font-bold)":"var(--font-medium)"},function(n){return n.active?"auto":"var(--color-green)"}),Spinner=(Nav.displayName="Nav",function(n,e){n=__rest(n,[]);return jsxRuntime.jsx(SpinnerIcon,__assign({type:"process",ref:e},n))}),rotate$1=styled.keyframes(templateObject_1$i=templateObject_1$i||__makeTemplateObject(["\n 100% {\n transform: rotate(-360deg);\n }\n"],["\n 100% {\n transform: rotate(-360deg);\n }\n"])),SpinnerIcon=styled__default.default(Icon)(templateObject_2$9=templateObject_2$9||__makeTemplateObject(["\n animation: "," 1s linear infinite;\n will-change: transform;\n"],["\n animation: "," 1s linear infinite;\n will-change: transform;\n"]),rotate$1),sizeVariant$5=(!function(n){n.transparent="transparent",n.white="white",n.primary="primary",n.secondary="secondary"}(ChipVariant=ChipVariant||{}),!function(n){n.xl="xl",n.l="l",n.m="m",n.s="s"}(ChipSize=ChipSize||{}),{xl:{iconSize:{width:25,height:25},gap:"12.5px",paddingY:"12.5px",paddingX:"17.5px",border:"2px",fontSize:"20px",lineHeight:"30px"},l:{iconSize:{width:20,height:20},gap:"10px",paddingY:"10px",paddingX:"14px",border:"2px",fontSize:"16px",lineHeight:"24px"},m:{iconSize:{width:15,height:15},gap:"7.5px",paddingY:"7.5px",paddingX:"10.5px",border:"2px",fontSize:"12px",lineHeight:"18px"},s:{iconSize:{width:10,height:10},gap:"5px",paddingY:"5px",paddingX:"7px",border:"1.5px",fontSize:"8px",lineHeight:"12px"}}),colorVariant$1={primary:{fontColor:"var(--shades-of-grey-0)"},secondary:{fontColor:"var(--color-orange)"},transparent:{fontColor:"var(--shades-of-grey-100)"},white:{fontColor:"var(--shades-of-grey-100);"}},Chip=function(n){var e=n.iconLeft,t=n.iconRight,r=n.label,o=n.size,o=void 0===o?ChipSize.m:o,a=n.variant,a=void 0===a?ChipVariant.primary:a,n=n.onClick;return jsxRuntime.jsxs(ChipWrapper,__assign({size:o,variant:a,onClick:n},{children:[e&&jsxRuntime.jsx(IconWrapper,{children:jsxRuntime.jsx(Icon,{type:e,fill:colorVariant$1[a].fontColor,size:sizeVariant$5[o].iconSize})}),jsxRuntime.jsx(Text,__assign({size:o},{children:r})),t&&jsxRuntime.jsx(IconWrapper,{children:jsxRuntime.jsx(Icon,{type:t,fill:colorVariant$1[a].fontColor,size:sizeVariant$5[o].iconSize})})]}))},getVariantStyles=function(n,e){switch(n){case ChipVariant.secondary:return"\n background-color: var(--color-white);\n opacity: 0.9;\n border-color: var(--color-orange);\n border-style: solid;\n \n ".concat(e&&"\n cursor: pointer;\n \n &:hover {\n opacity: 0.8;\n }\n \n &:active {\n opacity: 0.65;\n }\n ","\n ");case ChipVariant.transparent:return" \n ".concat(e&&"\n &:hover {\n background-color: var(--shades-of-grey-40);\n }\n \n &:active {\n background-color: var(--shades-of-grey-60);\n }\n ","\n ");case ChipVariant.white:return"\n background-color: var(--color-white);\n border-color: var(--shades-of-grey-40);\n border-style: solid;\n \n ".concat(e&&"\n &:hover {\n background-color: var(--shades-of-grey-20);\n }\n \n &:active {\n border-color: var(--shades-of-grey-100);\n }\n ","\n ");default:ChipVariant.primary;return"\n background-color: var(--color-orange);\n border-color: var(--color-orange);\n border-style: solid;\n\n ".concat(e&&"\n &:hover {\n opacity: 0.8;\n }\n \n &:active {\n opacity: 0.65;\n }\n ","\n ")}},ChipWrapper=(Chip.displayName="Chip",styled__default.default.div(templateObject_1$h=templateObject_1$h||__makeTemplateObject(["\n border-radius: 100px;\n display: flex;\n justify-content: center;\n width: min-content;\n \n ","\n"],["\n border-radius: 100px;\n display: flex;\n justify-content: center;\n width: min-content;\n \n ","\n"]),function(n){return"\n border-width: ".concat(sizeVariant$5[n.size].border,";\n padding: ").concat(sizeVariant$5[n.size].paddingY," ").concat(sizeVariant$5[n.size].paddingX,";\n color: ").concat(colorVariant$1[n.variant].fontColor,";\n ").concat(getVariantStyles(n.variant,"function"==typeof n.onClick),"\n ").concat("function"==typeof n.onClick&&"\n cursor: pointer;\n ","\n ")})),IconWrapper=styled__default.default.span(templateObject_2$8=templateObject_2$8||__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"])),Text=(IconWrapper.displayName="IconWrapper",styled__default.default.span(templateObject_3$7=templateObject_3$7||__makeTemplateObject(["\n color: inherit;\n font-weight: bold;\n ","\n"],["\n color: inherit;\n font-weight: bold;\n ","\n"]),function(n){return"\n margin: 0 ".concat(sizeVariant$5[n.size].gap,";\n line-height: ").concat(sizeVariant$5[n.size].lineHeight,";\n font-size: ").concat(sizeVariant$5[n.size].fontSize,";\n ")})),sizeVariant$4=(Text.displayName="Text",{xl:32,l:24,m:18,s:12}),Dot=function(n){var e=n.icon,t=n.children,r=n.className,n=n.size;return jsxRuntime.jsx(Root$6,__assign({className:r,size:void 0===n?"m":n},{children:e?jsxRuntime.jsx(Icon,__assign({},e)):t}))},Root$6=styled__default.default.div(templateObject_1$g=templateObject_1$g||__makeTemplateObject(["\n background-color: var(--color-orange);\n color: var(--color-white);\n width: ","px;\n height: ","px;\n border-radius: ","px;\n line-height: ","px;\n font-size: ","px;\n display: flex;\n justify-content: center;\n align-items: center;\n"],["\n background-color: var(--color-orange);\n color: var(--color-white);\n width: ","px;\n height: ","px;\n border-radius: ","px;\n line-height: ","px;\n font-size: ","px;\n display: flex;\n justify-content: center;\n align-items: center;\n"]),function(n){return sizeVariant$4[n.size]},function(n){return sizeVariant$4[n.size]},function(n){return sizeVariant$4[n.size]/2},function(n){return sizeVariant$4[n.size]},function(n){return sizeVariant$4[n.size]/2}),InfoCard=function(n){var e=n.title,t=n.body,r=n.background,o=n.inverse,o=void 0!==o&&o,n=n.size,n=void 0===n?"l":n;return jsxRuntime.jsxs(Root$5,{children:[r&&jsxRuntime.jsx(Background,{children:r}),jsxRuntime.jsxs(CardBody,__assign({inverse:o},{children:[jsxRuntime.jsx(Hero$1,__assign({size:n},{children:e})),jsxRuntime.jsx(Body$1,__assign({size:n},{children:t}))]}))]})},Root$5=styled__default.default.div(templateObject_1$f=templateObject_1$f||__makeTemplateObject(["\n padding: 0;\n position: relative;\n\n & > "," > p {\n margin: 0;\n }\n"],["\n padding: 0;\n position: relative;\n\n & > "," > p {\n margin: 0;\n }\n"]),Card),CardBody=(Root$5.displayName="Root",styled__default.default(Card)(templateObject_2$7=templateObject_2$7||__makeTemplateObject(["\n position: relative;\n\n & > * {\n margin: 0;\n margin-bottom: var(--padding-m);\n color: ",";\n }\n\n & > p {\n margin: 0;\n }\n"],["\n position: relative;\n\n & > * {\n margin: 0;\n margin-bottom: var(--padding-m);\n color: ",";\n }\n\n & > p {\n margin: 0;\n }\n"]),function(n){return n.inverse?"var(--color-white)":"var(--color-navy)"})),Background=(CardBody.displayName="CardBody",styled__default.default(Card)(templateObject_3$6=templateObject_3$6||__makeTemplateObject(["\n border-radius: 24px 24px 0px 0px;\n position: relative;\n height: 100%;\n margin-bottom: -24px;\n padding: 0;\n overflow: hidden;\n"],["\n border-radius: 24px 24px 0px 0px;\n position: relative;\n height: 100%;\n margin-bottom: -24px;\n padding: 0;\n overflow: hidden;\n"]))),getValidationTypeProps=(Background.displayName="Background",function(n){switch(n){case"success":return styled.css(templateObject_1$e=templateObject_1$e||__makeTemplateObject(["\n border-color: var(--color-success-100);\n background-color: var(--color-success-10);\n\n &:focus,\n &:active {\n border-color: var(--color-success-100);\n }\n "],["\n border-color: var(--color-success-100);\n background-color: var(--color-success-10);\n\n &:focus,\n &:active {\n border-color: var(--color-success-100);\n }\n "]));case"error":return styled.css(templateObject_2$6=templateObject_2$6||__makeTemplateObject(["\n border-color: var(--color-error-100);\n background-color: var(--color-error-10);\n\n &:focus,\n &:active {\n border-color: var(--color-error-100);\n }\n "],["\n border-color: var(--color-error-100);\n background-color: var(--color-error-10);\n\n &:focus,\n &:active {\n border-color: var(--color-error-100);\n }\n "]));default:return styled.css(templateObject_3$5=templateObject_3$5||__makeTemplateObject([""],[""]))}}),getDirectionPadding$1=function(n,e){switch(n){case"ltr":return styled.css(templateObject_1$d=templateObject_1$d||__makeTemplateObject(["\n padding-left: ",";\n "],["\n padding-left: ",";\n "]),e);case"rtl":return styled.css(templateObject_2$5=templateObject_2$5||__makeTemplateObject(["\n padding-right: ",";\n "],["\n padding-right: ",";\n "]),e);default:return styled.css(templateObject_3$4=templateObject_3$4||__makeTemplateObject([""],[""]))}},Input$2=React__default.default.forwardRef(function(n,e){var t=n.icon,r=n.label,o=n.size,o=void 0===o?"m":o,a=n.onIconClick,i=n.field,n=__rest(n,["icon","label","size","onIconClick","field"]);return jsxRuntime.jsxs(FieldWrapper,__assign({withLabel:Boolean(r),sizeVariant:o},{children:[r&&jsxRuntime.jsx(FieldLabel,__assign({sizeVariant:o},{children:jsxRuntime.jsx(Label,{text:r})})),"rtl"!==n.direction&&jsxRuntime.jsx(IconAddition,{icon:t,disabled:n.disabled,direction:n.direction,onClick:a,size:o}),jsxRuntime.jsx(InputElement,__assign({ref:e,sizeVariant:o},i,n)),"rtl"===n.direction&&jsxRuntime.jsx(IconAddition,{icon:t,disabled:n.disabled,direction:n.direction,onClick:a})]}))}),InputElement=styled__default.default.input(templateObject_4$3=templateObject_4$3||__makeTemplateObject(["\n background-color: var(--color-white);\n border: 2px solid var(--shades-of-grey-80);\n border-radius: var(--padding-s);\n padding: ",";\n position: relative;\n overflow: hidden;\n font-size: ",";\n color: var(--shades-of-grey-100);\n font-weight: var(--font-bold);\n transition: border var(--transition-speed),\n background-color var(--transition-speed);\n width: 100%;\n\n &::placeholder {\n color: var(--shades-of-grey-80);\n }\n\n &:focus,\n &:active {\n outline: none;\n background-color: transparent;\n border: 2px solid var(--color-orange);\n }\n\n ",";\n ",";\n\n &:disabled {\n &::placeholder {\n color: var(--shades-of-grey-60);\n }\n background-color: var(--shades-of-grey-40);\n border: 2px solid var(--shades-of-grey-60);\n }\n"],["\n background-color: var(--color-white);\n border: 2px solid var(--shades-of-grey-80);\n border-radius: var(--padding-s);\n padding: ",";\n position: relative;\n overflow: hidden;\n font-size: ",";\n color: var(--shades-of-grey-100);\n font-weight: var(--font-bold);\n transition: border var(--transition-speed),\n background-color var(--transition-speed);\n width: 100%;\n\n &::placeholder {\n color: var(--shades-of-grey-80);\n }\n\n &:focus,\n &:active {\n outline: none;\n background-color: transparent;\n border: 2px solid var(--color-orange);\n }\n\n ",";\n ",";\n\n &:disabled {\n &::placeholder {\n color: var(--shades-of-grey-60);\n }\n background-color: var(--shades-of-grey-40);\n border: 2px solid var(--shades-of-grey-60);\n }\n"]),function(n){return fieldSizeVariants[n.sizeVariant].padding},function(n){return fieldSizeVariants[n.sizeVariant].font},function(n){return getValidationTypeProps(n.validationType)},function(n){return getDirectionPadding$1(n.direction,fieldSizeVariants[n.sizeVariant].iconPadding)}),TextArea=(Input$2.displayName="Input",function(n){return jsxRuntime.jsx(TextAreaElement,__assign({rows:4},n))}),TextAreaElement=styled__default.default.textarea(templateObject_1$c=templateObject_1$c||__makeTemplateObject(["\n background-color: var(--color-white);\n border: 2px solid var(--shades-of-grey-80);\n border-radius: var(--padding-s);\n padding: var(--padding-m);\n position: relative;\n overflow: hidden;\n color: var(--shades-of-grey-100);\n font-weight: var(--font-bold);\n transition: border var(--transition-speed),\n background-color var(--transition-speed);\n width: 100%;\n resize: none;\n\n &::placeholder {\n color: var(--shades-of-grey-80);\n }\n\n &:focus,\n &:active {\n outline: none;\n background-color: transparent;\n border: 2px solid var(--color-orange);\n }\n ",";\n\n &:disabled {\n &::placeholder {\n color: var(--shades-of-grey-60);\n }\n background-color: var(--shades-of-grey-40);\n border: 2px solid var(--shades-of-grey-60);\n }\n"],["\n background-color: var(--color-white);\n border: 2px solid var(--shades-of-grey-80);\n border-radius: var(--padding-s);\n padding: var(--padding-m);\n position: relative;\n overflow: hidden;\n color: var(--shades-of-grey-100);\n font-weight: var(--font-bold);\n transition: border var(--transition-speed),\n background-color var(--transition-speed);\n width: 100%;\n resize: none;\n\n &::placeholder {\n color: var(--shades-of-grey-80);\n }\n\n &:focus,\n &:active {\n outline: none;\n background-color: transparent;\n border: 2px solid var(--color-orange);\n }\n ",";\n\n &:disabled {\n &::placeholder {\n color: var(--shades-of-grey-60);\n }\n background-color: var(--shades-of-grey-40);\n border: 2px solid var(--shades-of-grey-60);\n }\n"]),function(n){return getValidationTypeProps(n.validationType)}),sizeVariants=(TextAreaElement.displayName="TextAreaElement",{xl:{iconPadding:"48px",padding:"16px 24px",ghostPadding:"32px",font:"20px"},l:{iconPadding:"40px",padding:"12px 18px",ghostPadding:"24px",font:"16px"},m:{iconPadding:"28px",padding:"10px 16px",ghostPadding:"20px",font:"12px"},s:{iconPadding:"16px",padding:"6px 12px",ghostPadding:"12px",font:"8px"}}),getDirectionPadding=function(n,e,t){var r=sizeVariants[t=void 0===t?"m":t].iconPadding,o=sizeVariants[t].ghostPadding;switch(n){case"ltr":return styled.css(templateObject_1$b=templateObject_1$b||__makeTemplateObject(["\n ","\n padding-left: ",";\n "],["\n ","\n padding-left: ",";\n "]),!e&&"padding-right: ".concat(r,";"),e?o:r);case"rtl":return styled.css(templateObject_2$4=templateObject_2$4||__makeTemplateObject(["\n ","\n padding-right: ",";\n "],["\n ","\n padding-right: ",";\n "]),!e&&"padding-left: ".concat(r,";"),e?o:r);default:return styled.css(templateObject_3$3=templateObject_3$3||__makeTemplateObject([""],[""]))}},BasicButton=styled__default.default.div(templateObject_4$2=templateObject_4$2||__makeTemplateObject(["\n background-color: transparent;\n border: none;\n border-radius: var(--padding-xl);\n color: ",";\n padding: ",";\n font-weight: var(--font-bold);\n font-size: ",';\n cursor: pointer;\n overflow: hidden;\n position: relative;\n width: 100%;\n transition: color var(--transition-speed),\n background-color var(--transition-speed);\n\n &:before {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n width: calc(100% - 4px);\n height: calc(100% - 4px);\n background-color: transparent;\n border: 2px solid var(--color-orange);\n border-radius: var(--padding-xl);\n z-index: 1;\n transition: background-color var(--transition-speed),\n opacity var(--transition-speed), border-color var(--transition-speed);\n }\n\n &:active {\n color: var(--color-orange);\n outline: none;\n }\n\n ',";\n\n &:hover {\n color: var(--color-orange);\n }\n\n &:hover,\n &:hover:before {\n opacity: 0.8;\n border-color: var(--color-orange);\n }\n\n &:hover:active,\n &:hover:active:before {\n opacity: 0.6;\n border-color: var(--color-orange);\n }\n\n ","\n"],["\n background-color: transparent;\n border: none;\n border-radius: var(--padding-xl);\n color: ",";\n padding: ",";\n font-weight: var(--font-bold);\n font-size: ",';\n cursor: pointer;\n overflow: hidden;\n position: relative;\n width: 100%;\n transition: color var(--transition-speed),\n background-color var(--transition-speed);\n\n &:before {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n width: calc(100% - 4px);\n height: calc(100% - 4px);\n background-color: transparent;\n border: 2px solid var(--color-orange);\n border-radius: var(--padding-xl);\n z-index: 1;\n transition: background-color var(--transition-speed),\n opacity var(--transition-speed), border-color var(--transition-speed);\n }\n\n &:active {\n color: var(--color-orange);\n outline: none;\n }\n\n ',";\n\n &:hover {\n color: var(--color-orange);\n }\n\n &:hover,\n &:hover:before {\n opacity: 0.8;\n border-color: var(--color-orange);\n }\n\n &:hover:active,\n &:hover:active:before {\n opacity: 0.6;\n border-color: var(--color-orange);\n }\n\n ","\n"]),function(n){return n.loading?"transparent":"var(--shades-of-grey-100)"},function(n){return sizeVariants[n.sizeVariant].padding},function(n){return sizeVariants[n.sizeVariant].font},function(n){return getDirectionPadding(n.direction,n.ghost,n.sizeVariant)},function(n){return n.disabled&&"\n color: ".concat(n.loading?"transparent":"var(--shades-of-grey-60)",";\n border-color: var(--shades-of-grey-60);\n background-color: var(--shades-of-grey-40);\n\n &::before {\n border-color: var(--shades-of-grey-60);\n }\n\n &:hover,\n &:active,\n &:hover:active,\n &:hover:before,\n &:hover:active:before {\n color: ").concat(n.loading?"transparent":"var(--shades-of-grey-60)",";\n cursor: auto;\n opacity: 1;\n border-color: var(--shades-of-grey-60);\n }\n ")}),Ghost=(BasicButton.displayName="BasicButton",styled__default.default(BasicButton)(templateObject_1$a=templateObject_1$a||__makeTemplateObject(["\n padding-left: ",";\n padding-right: ",";\n border-radius: 0;\n\n &::before {\n border: none;\n left: 0;\n top: auto;\n bottom: 4px;\n width: ",";\n height: 0;\n border: 1px solid var(--color-navy);\n border-radius: 0;\n z-index: 2;\n }\n\n &:hover,\n &:hover:before {\n opacity: 1;\n color: var(--color-orange);\n border-color: var(--color-orange);\n }\n\n &:hover:active,\n &:hover:active:before {\n opacity: 1;\n color: var(--color-orange-80);\n border-color: var(--color-orange-80);\n }\n\n ","\n"],["\n padding-left: ",";\n padding-right: ",";\n border-radius: 0;\n\n &::before {\n border: none;\n left: 0;\n top: auto;\n bottom: 4px;\n width: ",";\n height: 0;\n border: 1px solid var(--color-navy);\n border-radius: 0;\n z-index: 2;\n }\n\n &:hover,\n &:hover:before {\n opacity: 1;\n color: var(--color-orange);\n border-color: var(--color-orange);\n }\n\n &:hover:active,\n &:hover:active:before {\n opacity: 1;\n color: var(--color-orange-80);\n border-color: var(--color-orange-80);\n }\n\n ","\n"]),function(n){return"ltr"!==n.direction&&0},function(n){return"rtl"!==n.direction&&0},function(n){return"calc(100% + ".concat(n.direction?"8px":"0px",")")},function(n){return n.disabled&&"\n background-color: transparent;\n color: ".concat(n.loading?"transparent":"var(--shades-of-grey-40)",";\n\n &::before {\n border-color: var(--shades-of-grey-40);\n }\n\n &:hover,\n &:active,\n &:hover:active,\n &:hover:before,\n &:hover:active:before {\n opacity: 1;\n color: ").concat(n.loading?"transparent":"var(--shades-of-grey-40)",";\n border-color: var(--shades-of-grey-40);\n }\n ")})),Primary=styled__default.default(BasicButton)(templateObject_1$9=templateObject_1$9||__makeTemplateObject(["\n color: var(--color-white);\n z-index: 1;\n\n &::before {\n background-color: var(--color-orange);\n z-index: -1;\n }\n\n &:hover {\n opacity: 1;\n color: var(--color-white);\n }\n\n &:hover:active {\n opacity: 1;\n }\n\n ","\n"],["\n color: var(--color-white);\n z-index: 1;\n\n &::before {\n background-color: var(--color-orange);\n z-index: -1;\n }\n\n &:hover {\n opacity: 1;\n color: var(--color-white);\n }\n\n &:hover:active {\n opacity: 1;\n }\n\n ","\n"]),function(n){return n.disabled&&"\n color: ".concat(n.loading?"transparent":"var(--shades-of-grey-60)",";\n\n &::before {\n background-color: var(--shades-of-grey-40);\n border-color: var(--shades-of-grey-40);\n }\n\n &:hover,\n &:active,\n &:hover:active,\n &:hover:before,\n &:hover:active:before {\n color: ").concat(n.loading?"transparent":"var(--shades-of-grey-60)",";\n border-color: var(--shades-of-grey-40);\n }\n ")}),sizeVariant$3={xl:"8px",l:"6px",m:"4px",s:"2px"},getButtonComponent=function(n,e){return n?Primary:e?Ghost:BasicButton},getIconColorVariant=function(n,e){return n?"white":e?"ghost":"grey"},Button=React__default.default.forwardRef(function(n,e){var t=n.icon,r=n.size,r=void 0===r?"m":r,o=n.onIconClick,a=n.direction,i=n.loading,i=void 0!==i&&i,s=n.children,n=__rest(n,["icon","size","onIconClick","direction","loading","children"]),l=getButtonComponent(n.primary,n.ghost),c=n.disabled||i;return jsxRuntime.jsxs(ButtonWrapper,__assign({ref:e,fullWidth:!n.ghost,orangeIconOnHover:!n.primary&&!n.disabled},n,{children:["rtl"!==a&&jsxRuntime.jsx(IconOffset,__assign({size:r,ghost:Boolean(n.ghost)},{children:jsxRuntime.jsx(IconAddition,{icon:t,size:r,colorVariant:getIconColorVariant(n.primary,n.ghost),disabled:c,direction:a,onClick:o})})),jsxRuntime.jsxs(l,__assign({sizeVariant:r,ghost:n.ghost,disabled:c,loading:i,direction:t&&(a||"ltr")},{children:[s,i&&jsxRuntime.jsx(Loading,{children:jsxRuntime.jsx(Icon,{type:"process",fill:n.ghost?exports.Color.Grey40:exports.Color.Grey60})})]})),"rtl"===a&&jsxRuntime.jsx(IconOffset,__assign({size:r,ghost:Boolean(n.ghost),right:!0},{children:jsxRuntime.jsx(IconAddition,{icon:t,size:r,colorVariant:getIconColorVariant(n.primary,n.ghost),disabled:c,direction:a,onClick:o})}))]}))}),ButtonWrapper=styled__default.default.button(templateObject_1$8=templateObject_1$8||__makeTemplateObject(["\n border: none;\n background-color: transparent;\n position: relative;\n padding: 0;\n width: ",";\n\n &:hover svg {\n fill: ",";\n }\n\n &:active svg {\n fill: ",";\n }\n\n & svg {\n position: absolute;\n left: 0;\n }\n"],["\n border: none;\n background-color: transparent;\n position: relative;\n padding: 0;\n width: ",";\n\n &:hover svg {\n fill: ",";\n }\n\n &:active svg {\n fill: ",";\n }\n\n & svg {\n position: absolute;\n left: 0;\n }\n"]),function(n){return n.fullWidth?"100%":"min-content"},function(n){return n.orangeIconOnHover&&"var(--color-orange)"},function(n){return n.orangeIconOnHover&&"var(--color-orange-80)"}),IconOffset=(ButtonWrapper.displayName="ButtonWrapper",styled__default.default.div(templateObject_2$3=templateObject_2$3||__makeTemplateObject(["\n position: absolute;\n bottom: 0;\n ",";\n"],["\n position: absolute;\n bottom: 0;\n ",";\n"]),function(n){return(n.right?"right: ":"left: ").concat(n.ghost?0:sizeVariant$3[n.size])})),rotate=(IconOffset.displayName="IconOffset",styled.keyframes(templateObject_3$2=templateObject_3$2||__makeTemplateObject(["\n 100% {\n transform: rotate(-360deg);\n }\n"],["\n 100% {\n transform: rotate(-360deg);\n }\n"]))),Loading=styled__default.default.div(templateObject_4$1=templateObject_4$1||__makeTemplateObject(["\n position: absolute;\n left: calc(50% - 10px);\n top: calc(50% - 10px);\n\n & > svg {\n animation: "," 1s linear infinite;\n will-change: transform;\n }\n"],["\n position: absolute;\n left: calc(50% - 10px);\n top: calc(50% - 10px);\n\n & > svg {\n animation: "," 1s linear infinite;\n will-change: transform;\n }\n"]),rotate),sizeVariant$2=(Loading.displayName="Loading",{xl:{size:"30px",borderRadius:"8px",border:"4px",tickSize:"16px"},l:{size:"24px",borderRadius:"6px",border:"3px",tickSize:"12px"},m:{size:"18px",borderRadius:"3px",border:"2.5px",tickSize:"10px"},s:{size:"12px",borderRadius:"2px",border:"2px",tickSize:"6px"}}),Checkbox=React__default.default.forwardRef(function(n,e){var t=n.size,t=void 0===t?"m":t,r=n.label,r=void 0===r?"":r,n=__rest(n,["size","label"]);return jsxRuntime.jsx(FieldLabel,__assign({sizeVariant:t,position:"inline",disabled:n.disabled},{children:jsxRuntime.jsx(Label,__assign({size:t,text:r},{children:jsxRuntime.jsx(Input$1,__assign({ref:e,type:"checkbox",sizeVariant:t},n))}))}))}),Input$1=styled__default.default.input(templateObject_1$7=templateObject_1$7||__makeTemplateObject(["\n appearance: none;\n background-color: var(--color-white);\n\n ",'\n\n transition: border var(--transition-speed), opacity var(--transition-speed),\n background-color var(--transition-speed);\n position: relative;\n\n &:not([disabled]):hover {\n border-color: var(--shades-of-grey-60);\n cursor: pointer;\n }\n\n &:disabled {\n opacity: 0.5;\n }\n\n &:disabled:checked {\n opacity: 1;\n }\n\n &::before {\n content: "";\n background-color: transparent;\n position: absolute;\n\n ','\n transition: background-color var(--transition-speed);\n }\n\n &::after {\n content: "";\n position: absolute;\n background-color: transparent;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: ',";\n height: ",";\n clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n transition: background-color var(--transition-speed);\n }\n\n &:not([disabled]):checked::before {\n background-color: var(--color-orange);\n }\n\n &:disabled:checked::before {\n background-color: var(--shades-of-grey-40);\n }\n\n &:checked::after {\n background-color: var(--color-white);\n }\n\n &:not([disabled]):checked {\n border-color: transparent;\n }\n\n &:not([disabled]):checked:hover {\n opacity: 0.8;\n }\n\n &:not([disabled]):active {\n background-color: var(--shades-of-grey-60);\n }\n\n &:not([disabled]):checked:active {\n background-color: transparent;\n }\n\n &:not([disabled]):active::before {\n opacity: 0.65;\n }\n"],["\n appearance: none;\n background-color: var(--color-white);\n\n ",'\n\n transition: border var(--transition-speed), opacity var(--transition-speed),\n background-color var(--transition-speed);\n position: relative;\n\n &:not([disabled]):hover {\n border-color: var(--shades-of-grey-60);\n cursor: pointer;\n }\n\n &:disabled {\n opacity: 0.5;\n }\n\n &:disabled:checked {\n opacity: 1;\n }\n\n &::before {\n content: "";\n background-color: transparent;\n position: absolute;\n\n ','\n transition: background-color var(--transition-speed);\n }\n\n &::after {\n content: "";\n position: absolute;\n background-color: transparent;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: ',";\n height: ",";\n clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n transition: background-color var(--transition-speed);\n }\n\n &:not([disabled]):checked::before {\n background-color: var(--color-orange);\n }\n\n &:disabled:checked::before {\n background-color: var(--shades-of-grey-40);\n }\n\n &:checked::after {\n background-color: var(--color-white);\n }\n\n &:not([disabled]):checked {\n border-color: transparent;\n }\n\n &:not([disabled]):checked:hover {\n opacity: 0.8;\n }\n\n &:not([disabled]):active {\n background-color: var(--shades-of-grey-60);\n }\n\n &:not([disabled]):checked:active {\n background-color: transparent;\n }\n\n &:not([disabled]):active::before {\n opacity: 0.65;\n }\n"]),function(n){return"\n border: ".concat(sizeVariant$2[n.sizeVariant].border," solid var(--shades-of-grey-40);\n border-radius: ").concat(sizeVariant$2[n.sizeVariant].borderRadius,";\n width: ").concat(sizeVariant$2[n.sizeVariant].size,";\n height: ").concat(sizeVariant$2[n.sizeVariant].size,";\n ")},function(n){return"\n border-radius: ".concat(sizeVariant$2[n.sizeVariant].borderRadius,";\n width: ").concat(sizeVariant$2[n.sizeVariant].size,";\n height: ").concat(sizeVariant$2[n.sizeVariant].size,";\n left: calc(-1 * ").concat(sizeVariant$2[n.sizeVariant].border,");\n top: calc(-1 * ").concat(sizeVariant$2[n.sizeVariant].border,");\n ")},function(n){return sizeVariant$2[n.sizeVariant].tickSize},function(n){return sizeVariant$2[n.sizeVariant].tickSize}),Option=(Input$1.displayName="Input",function(n){n=n.children;return jsxRuntime.jsx("option",{children:n})}),Dropdown=React__default.default.forwardRef(function(n,e){var t=n.children,r=n.label,o=n.size,o=void 0===o?"m":o,n=__rest(n,["children","label","size"]);return jsxRuntime.jsxs(FieldWrapper,__assign({withLabel:Boolean(r),sizeVariant:o},{children:[r&&jsxRuntime.jsx(FieldLabel,__assign({sizeVariant:o,disabled:n.disabled},{children:jsxRuntime.jsx(Label,{text:r})})),jsxRuntime.jsx(IconAddition,{icon:"angle-down",disabled:n.disabled,direction:"rtl",size:o}),jsxRuntime.jsxs(Select,__assign({ref:e,sizeVariant:o},n,{children:[jsxRuntime.jsx("option",__assign({disabled:!0,selected:!0},{children:n.placeholder})),t]}))]}))}),DropdownWithStatic=Object.assign(Dropdown,{Option:Option}),Select=styled__default.default.select(templateObject_1$6=templateObject_1$6||__makeTemplateObject(["\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background-color: var(--color-white);\n border: 2px solid var(--shades-of-grey-80);\n cursor: pointer;\n border-radius: var(--padding-s);\n padding: ",";\n position: relative;\n font-size: ",";\n overflow: hidden;\n color: var(--shades-of-grey-100);\n font-weight: var(--font-bold);\n transition: border var(--transition-speed),\n background-color var(--transition-speed);\n width: 100%;\n\n &::placeholder {\n color: var(--shades-of-grey-80);\n }\n\n &:focus,\n &:active {\n outline: none;\n background-color: transparent;\n border: 2px solid var(--color-orange);\n }\n\n ",";\n\n &:disabled {\n &::placeholder {\n color: var(--shades-of-grey-60);\n }\n background-color: var(--shades-of-grey-40);\n border: 2px solid var(--shades-of-grey-60);\n }\n"],["\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background-color: var(--color-white);\n border: 2px solid var(--shades-of-grey-80);\n cursor: pointer;\n border-radius: var(--padding-s);\n padding: ",";\n position: relative;\n font-size: ",";\n overflow: hidden;\n color: var(--shades-of-grey-100);\n font-weight: var(--font-bold);\n transition: border var(--transition-speed),\n background-color var(--transition-speed);\n width: 100%;\n\n &::placeholder {\n color: var(--shades-of-grey-80);\n }\n\n &:focus,\n &:active {\n outline: none;\n background-color: transparent;\n border: 2px solid var(--color-orange);\n }\n\n ",";\n\n &:disabled {\n &::placeholder {\n color: var(--shades-of-grey-60);\n }\n background-color: var(--shades-of-grey-40);\n border: 2px solid var(--shades-of-grey-60);\n }\n"]),function(n){return fieldSizeVariants[n.sizeVariant].padding},function(n){return fieldSizeVariants[n.sizeVariant].font},function(n){return getValidationTypeProps(n.validationType)}),sizeVariant$1=(Select.displayName="Select",!function(n){n.xl="xl",n.l="l",n.m="m",n.s="s"}(Size=Size||{}),{xl:{size:"30px",border:"4px",gap:"10px",fontSize:"20px",lineHeight:"30px",checkmarkBefore:{width:"3px",height:"16px",left:"11px",top:"2px"},checkmarkAfter:{width:"6px",height:"3px",left:"6px",top:"15px"}},l:{size:"24px",border:"3px",gap:"8px",fontSize:"16px",lineHeight:"24px",checkmarkBefore:{width:"3px",height:"12px",left:"10px",top:"2px"},checkmarkAfter:{width:"5px",height:"3px",left:"5px",top:"11px"}},m:{size:"18px",border:"2.5px",gap:"6px",fontSize:"12px",lineHeight:"18px",checkmarkBefore:{width:"2px",height:"10px",left:"7px",top:"0px"},checkmarkAfter:{width:"5px",height:"2px",left:"4px",top:"9px"}},s:{size:"12px",border:"2px",gap:"4px",fontSize:"8px",lineHeight:"12px",checkmarkBefore:{width:"1px",height:"6px",left:"4px",top:"1px"},checkmarkAfter:{width:"2px",height:"1px",left:"2px",top:"6px"}}}),Radio=React__default.default.forwardRef(function(n,e){var t=n.size,t=void 0===t?Size.m:t,r=n.label,r=void 0===r?"":r,n=__rest(n,["size","label"]);return jsxRuntime.jsx(FieldLabel,__assign({sizeVariant:t,position:"inline",disabled:n.disabled},{children:jsxRuntime.jsxs(Label,__assign({size:t,text:r},{children:[jsxRuntime.jsx(Input,__assign({ref:e,type:"radio",sizeVariant:t},n)),jsxRuntime.jsx(Checkmark,{"data-testid":"checkmark",sizeVariant:t})]}))}))}),Input=styled__default.default.input(templateObject_1$5=templateObject_1$5||__makeTemplateObject(["\n position: absolute;\n opacity: 0;\n cursor: pointer;\n width: 0;\n height: 0;\n"],["\n position: absolute;\n opacity: 0;\n cursor: pointer;\n width: 0;\n height: 0;\n"])),Checkmark=(Input.displayName="Input",styled__default.default.span(templateObject_2$2=templateObject_2$2||__makeTemplateObject(["\n width: min-content;\n background-color: var(--color-white);\n border-radius: 50%;\n transform: rotate(45deg);\n\n ",'\n\n &:before {\n display: none;\n content: "";\n position: absolute;\n background-color: var(--color-white);\n\n ','\n }\n\n &:after {\n display: none;\n content: "";\n position: absolute;\n background-color: var(--color-white);\n ',"\n }\n\n ",":disabled ~ & {\n opacity: 0.5;\n }\n\n // not checked\n ",":not(:checked):not([disabled]):hover ~ & {\n border-color: var(--shades-of-grey-60);\n }\n\n ",":not(:checked):not([disabled]):active ~ & {\n border-color: var(--shades-of-grey-60);\n background-color: var(--shades-of-grey-60);\n }\n\n // checked\n ",":checked ~ & {\n background-color: var(--color-orange);\n border-color: var(--color-orange);\n }\n\n ",":checked:hover ~ & {\n opacity: 0.8;\n }\n\n ",":checked:not([disabled]):active ~ & {\n opacity: 0.65;\n }\n\n ",":checked ~ &:before {\n display: block;\n }\n\n ",":checked ~ &:after {\n display: block;\n }\n"],["\n width: min-content;\n background-color: var(--color-white);\n border-radius: 50%;\n transform: rotate(45deg);\n\n ",'\n\n &:before {\n display: none;\n content: "";\n position: absolute;\n background-color: var(--color-white);\n\n ','\n }\n\n &:after {\n display: none;\n content: "";\n position: absolute;\n background-color: var(--color-white);\n ',"\n }\n\n ",":disabled ~ & {\n opacity: 0.5;\n }\n\n // not checked\n ",":not(:checked):not([disabled]):hover ~ & {\n border-color: var(--shades-of-grey-60);\n }\n\n ",":not(:checked):not([disabled]):active ~ & {\n border-color: var(--shades-of-grey-60);\n background-color: var(--shades-of-grey-60);\n }\n\n // checked\n ",":checked ~ & {\n background-color: var(--color-orange);\n border-color: var(--color-orange);\n }\n\n ",":checked:hover ~ & {\n opacity: 0.8;\n }\n\n ",":checked:not([disabled]):active ~ & {\n opacity: 0.65;\n }\n\n ",":checked ~ &:before {\n display: block;\n }\n\n ",":checked ~ &:after {\n display: block;\n }\n"]),function(n){return"\n border: ".concat(sizeVariant$1[n.sizeVariant].border," solid var(--shades-of-grey-40);\n width: ").concat(sizeVariant$1[n.sizeVariant].size,";\n height: ").concat(sizeVariant$1[n.sizeVariant].size,";\n ")},function(n){return"\n width: ".concat(sizeVariant$1[n.sizeVariant].checkmarkBefore.width,";\n height: ").concat(sizeVariant$1[n.sizeVariant].checkmarkBefore.height,";\n left: ").concat(sizeVariant$1[n.sizeVariant].checkmarkBefore.left,";\n top: ").concat(sizeVariant$1[n.sizeVariant].checkmarkBefore.top,";\n ")},function(n){return"\n width: ".concat(sizeVariant$1[n.sizeVariant].checkmarkAfter.width,";\n height: ").concat(sizeVariant$1[n.sizeVariant].checkmarkAfter.height,";\n left: ").concat(sizeVariant$1[n.sizeVariant].checkmarkAfter.left,";\n top: ").concat(sizeVariant$1[n.sizeVariant].checkmarkAfter.top,";\n ")},Input,Input,Input,Input,Input,Input,Input,Input)),sizeVariant=(Checkmark.displayName="Checkmark",{s:20,m:32,l:53,xl:64,xxl:94}),colorVariant=[exports.Color.Green,exports.Color.Navy,exports.Color.Orange,exports.Color.Grey60],Initials=function(n){var e=n.text,n=n.size;return jsxRuntime.jsx(Root$4,__assign({size:sizeVariant[void 0===n?"m":n],color:colorVariant[e.charCodeAt(0)%4]},{children:e}))},Root$4=styled__default.default.div(templateObject_1$4=templateObject_1$4||__makeTemplateObject(["\n background-color: ",";\n color: var(--color-white);\n display: flex;\n align-items: center;\n justify-content: center;\n text-transform: uppercase;\n width: ","px;\n height: ","px;\n border-radius: ","px;\n"],["\n background-color: ",";\n color: var(--color-white);\n display: flex;\n align-items: center;\n justify-content: center;\n text-transform: uppercase;\n width: ","px;\n height: ","px;\n border-radius: ","px;\n"]),function(n){return n.color},function(n){return n.size},function(n){return n.size},function(n){return n.size/2}),Hero=Typography.Hero,getInitials=function(n){return n.split(" ").map(function(n){return n[0]}).slice(0,2).join("")},Profile=function(n){var e=n.src,t=n.alt,r=n.size,o=n.name,n=n.children;return jsxRuntime.jsxs(Root$3,{children:[e?jsxRuntime.jsx(Avatar,{src:e,alt:t||o,size:r}):jsxRuntime.jsx(Initials,{text:getInitials(o),size:r}),jsxRuntime.jsxs(Details,{children:[jsxRuntime.jsx(Name,__assign({as:"span"},{children:o})),n]})]})},Root$3=styled__default.default.div(templateObject_1$3=templateObject_1$3||__makeTemplateObject(["\n display: flex;\n gap: var(--padding-m);\n align-items: center;\n"],["\n display: flex;\n gap: var(--padding-m);\n align-items: center;\n"])),Name=(Root$3.displayName="Root",styled__default.default(Hero)(templateObject_2$1=templateObject_2$1||__makeTemplateObject(["\n font-weight: var(--font-bold);\n"],["\n font-weight: var(--font-bold);\n"]))),Details=(Name.displayName="Name",styled__default.default.div(templateObject_3$1=templateObject_3$1||__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"]))),MenuItem=(Details.displayName="Details",function(n){var e=n.active,t=n.label,n=n.icon;return jsxRuntime.jsxs(Root$2,__assign({active:e},{children:[jsxRuntime.jsx(Icon,{type:n}),t]}))}),Root$2=styled__default.default.div(templateObject_1$2=templateObject_1$2||__makeTemplateObject(["\n align-items: center;\n border-radius: 24px;\n border: 1px solid transparent;\n cursor: pointer;\n display: flex;\n gap: 10px;\n font-weight: var(--font-bold);\n text-align: left;\n padding: 12px 18px;\n transition: border-color var(--transition-speed),\n background-color var(--transition-speed), color var(--transition-speed);\n\n & svg {\n transition: fill var(--transition-speed);\n }\n\n &:hover {\n border-color: ",";\n }\n\n &:focus {\n background-color: var(--color-ecru);\n color: var(--color-orange);\n\n & svg {\n fill: var(--color-orange);\n }\n }\n\n ","\n"],["\n align-items: center;\n border-radius: 24px;\n border: 1px solid transparent;\n cursor: pointer;\n display: flex;\n gap: 10px;\n font-weight: var(--font-bold);\n text-align: left;\n padding: 12px 18px;\n transition: border-color var(--transition-speed),\n background-color var(--transition-speed), color var(--transition-speed);\n\n & svg {\n transition: fill var(--transition-speed);\n }\n\n &:hover {\n border-color: ",";\n }\n\n &:focus {\n background-color: var(--color-ecru);\n color: var(--color-orange);\n\n & svg {\n fill: var(--color-orange);\n }\n }\n\n ","\n"]),function(n){return n.active?"transparent":"var(--color-navy)"},function(n){return n.active&&"\n color: var(--color-white);\n background-color: var(--color-orange);\n box-shadow: 0 0 10px 0 var(--shades-of-grey-40);\n\n &:not(:focus) svg {\n fill: var(--color-white);\n }\n "}),Menu=function(n){n=n.children;return jsxRuntime.jsx(Root$1,{children:n})},MenuWithStatic=Object.assign(Menu,{Item:MenuItem}),Root$1=styled__default.default.nav(templateObject_1$1=templateObject_1$1||__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: var(--padding-s);\n"],["\n display: flex;\n flex-direction: column;\n gap: var(--padding-s);\n"])),Body=Typography.Body,Setting=function(n){var e=n.icon,t=n.title,r=n.subtitle,o=n.trigger,a=n.children,n=n.className,i=React.useState(!1),s=i[0],l=i[1];return jsxRuntime.jsxs("div",__assign({className:n},{children:[jsxRuntime.jsxs(Root,__assign({active:s,onClick:function(){l(function(n){return!n})}},{children:[jsxRuntime.jsxs(LeftHandSide,{children:[e&&jsxRuntime.jsx(Icon,{size:{width:24,height:24},type:e}),jsxRuntime.jsxs(Content,{children:[jsxRuntime.jsx(Body,__assign({bold:!0},{children:t})),jsxRuntime.jsx(Body,__assign({bold:!0,size:"s"},{children:r}))]})]}),jsxRuntime.jsxs(Trigger,__assign({active:s},{children:[jsxRuntime.jsx(Icon,{type:"angle-down",size:{width:16,height:16}}),jsxRuntime.jsx(Body,__assign({bold:!0,as:"span"},{children:o}))]}))]})),s&&jsxRuntime.jsx(ExpandedBody,{children:a})]}))},Root=styled__default.default.div(templateObject_1=templateObject_1||__makeTemplateObject(["\n align-items: center;\n background-color: var(--color-white);\n border: 1px solid\n ",";\n border-radius: 5px;\n display: flex;\n justify-content: space-between;\n padding: var(--padding-m) var(--padding-l);\n transition: border var(--transition-speed);\n cursor: pointer;\n"],["\n align-items: center;\n background-color: var(--color-white);\n border: 1px solid\n ",";\n border-radius: 5px;\n display: flex;\n justify-content: space-between;\n padding: var(--padding-m) var(--padding-l);\n transition: border var(--transition-speed);\n cursor: pointer;\n"]),function(n){return n.active?"var(--color-orange)":"var(--shades-of-grey-40)"}),Content=styled__default.default.div(templateObject_2=templateObject_2||__makeTemplateObject(["\n & > * {\n margin: 0;\n }\n"],["\n & > * {\n margin: 0;\n }\n"])),LeftHandSide=styled__default.default.div(templateObject_3=templateObject_3||__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: var(--padding-m);\n"],["\n display: flex;\n align-items: center;\n gap: var(--padding-m);\n"])),Trigger=styled__default.default.div(templateObject_4=templateObject_4||__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: var(--padding-s);\n\n & svg {\n transform: ",";\n transition: transform var(--transition-speed);\n }\n"],["\n display: flex;\n align-items: center;\n gap: var(--padding-s);\n\n & svg {\n transform: ",";\n transition: transform var(--transition-speed);\n }\n"]),function(n){return n.active?"rotate(180deg)":"rotate(0)"}),ExpandedBody=styled__default.default.div(templateObject_5=templateObject_5||__makeTemplateObject(["\n background-color: var(--shades-of-grey-20);\n padding: var(--padding-m) var(--padding-l);\n margin-top: var(--padding-s);\n"],["\n background-color: var(--shades-of-grey-20);\n padding: var(--padding-m) var(--padding-l);\n margin-top: var(--padding-s);\n"]));exports.Alert=Alert,exports.Avatar=Avatar,exports.Button=Button,exports.Card=Card,exports.Checkbox=Checkbox,exports.Chip=Chip,exports.Divider=Divider,exports.Dot=Dot,exports.Dropdown=DropdownWithStatic,exports.Icon=Icon,exports.InfoCard=InfoCard,exports.Input=Input$2,exports.IntegrigoUI=GlobalStyles,exports.Menu=MenuWithStatic,exports.Nav=Nav,exports.Pill=Pill,exports.Profile=Profile,exports.Radio=Radio,exports.Setting=Setting,exports.Spinner=Spinner,exports.TextArea=TextArea,exports.Typography=Typography;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),styled=require("styled-components"),React=require("react");function _interopDefaultLegacy(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function _interopNamespace(t){if(t&&t.__esModule)return t;var r=Object.create(null);return t&&Object.keys(t).forEach(function(n){var e;"default"!==n&&(e=Object.getOwnPropertyDescriptor(t,n),Object.defineProperty(r,n,e.get?e:{enumerable:!0,get:function(){return t[n]}}))}),r.default=t,Object.freeze(r)}var styled__default=_interopDefaultLegacy(styled),React__default=_interopDefaultLegacy(React),__assign=function(){return(__assign=Object.assign||function(n){for(var e,t=1,r=arguments.length;t<r;t++)for(var o in e=arguments[t])Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n}).apply(this,arguments)};function __rest(n,e){var t={};for(o in n)Object.prototype.hasOwnProperty.call(n,o)&&e.indexOf(o)<0&&(t[o]=n[o]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,o=Object.getOwnPropertySymbols(n);r<o.length;r++)e.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(n,o[r])&&(t[o[r]]=n[o[r]]);return t}function __makeTemplateObject(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}exports.Color=void 0,function(n){n.White="#FFF",n.Ecru="#F9F1E5",n.Navy="#172142",n.Orange="#E09A33",n.Red="#CF544B",n.Green="#6B8B4A",n.Grey100="#1A1A1A",n.Grey80="#595959",n.Grey60="#8C8C8C",n.Grey40="#CCCCCC",n.Grey20="#F2F2F2",n.Grey0="#fff",n.Success100="#6B8B4A",n.Success20="#DDE4D7",n.Success10="#ECEFE8",n.Error100="#CF544B",n.Error20="#FFCCCC",n.Error10="#FFF5F5"}(exports.Color||(exports.Color={}));var templateObject_1$v,templateObject_1$u,templateObject_1$t,templateObject_1$s,templateObject_1$r,templateObject_2$b,templateObject_1$q,templateObject_1$p,templateObject_1$o,templateObject_1$n,templateObject_1$m,templateObject_1$l,templateObject_1$k,templateObject_2$a,templateObject_1$j,templateObject_1$i,templateObject_2$9,ChipVariant,ChipSize,templateObject_1$h,templateObject_2$8,templateObject_3$7,templateObject_1$g,templateObject_1$f,templateObject_2$7,templateObject_3$6,templateObject_1$e,templateObject_2$6,templateObject_3$5,templateObject_1$d,templateObject_2$5,templateObject_3$4,templateObject_4$3,templateObject_1$c,templateObject_1$b,templateObject_2$4,templateObject_3$3,templateObject_4$2,templateObject_1$a,templateObject_1$9,templateObject_1$8,templateObject_2$3,templateObject_3$2,templateObject_4$1,templateObject_1$7,templateObject_1$6,Size,templateObject_1$5,templateObject_2$2,templateObject_1$4,templateObject_1$3,templateObject_2$1,templateObject_3$1,templateObject_1$2,templateObject_1$1,templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,GlobalStyles=styled.createGlobalStyle(templateObject_1$v=templateObject_1$v||__makeTemplateObject(["\n@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,600;0,700;0,800;1,200;1,300;1,600;1,700;1,800&display=swap');\n\n html {\n --color-white: ",";\n --color-ecru: ",";\n --color-navy: ",";\n --color-orange: ",";\n --color-red: ",";\n --color-green: ",";\n\n --shades-of-grey-100: ",";\n --shades-of-grey-80: ",";\n --shades-of-grey-60: ",";\n --shades-of-grey-40: ",";\n --shades-of-grey-20: ",";\n --shades-of-grey-0: ",";\n\n --color-success-100: ",";\n --color-success-20: ",";\n --color-success-10: ",";\n\n --color-error-100: ",";\n --color-error-20: ",";\n --color-error-10: ",";\n\n --color-orange-80: ","80;\n --color-orange-65: ","65;\n\n --padding-s: 8px;\n --padding-m: 16px;\n --padding-l: 24px;\n --padding-xl: 32px;\n --padding-xxl: 48px;\n\n --font-bold: 700;\n --font-medium: 600;\n --font-thin: 300;\n\n --font-size-s: 10px;\n --font-size-m: 16px;\n --font-size-l: 20px;\n --font-size-xl: 32px;\n --font-size-xxl: 40px;\n\n --header-size-s: 16px;\n --header-size-m: 24px;\n --header-size-l: 32px;\n --header-size-xl: 48px;\n --header-size-xxl: 72px;\n\n --transition-speed: .3s;\n }\n\n body {\n background-color: var(--color-ecru);\n }\n\n * {\n box-sizing: border-box;\n color: var(--color-navy);\n font-family: Raleway, Arial, Helvetica, Sans-Serif;\n font-size: var(--font-size-m);\n font-weight: var(--font-thin);\n }\n\n h1 {\n font-size: var(--header-size-xxl);\n font-weight: var(--font-bold);\n }\n\n h2 {\n font-size: var(--header-size-xl);\n font-weight: var(--font-bold);\n }\n\n h3 {\n font-size: var(--header-size-l);\n font-weight: var(--font-bold);\n }\n\n h4 {\n font-size: var(--header-size-m);\n font-weight: var(--font-bold);\n }\n\n h5 {\n font-size: var(--header-size-s);\n font-weight: var(--font-bold);\n }\n"],["\n@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,600;0,700;0,800;1,200;1,300;1,600;1,700;1,800&display=swap');\n\n html {\n --color-white: ",";\n --color-ecru: ",";\n --color-navy: ",";\n --color-orange: ",";\n --color-red: ",";\n --color-green: ",";\n\n --shades-of-grey-100: ",";\n --shades-of-grey-80: ",";\n --shades-of-grey-60: ",";\n --shades-of-grey-40: ",";\n --shades-of-grey-20: ",";\n --shades-of-grey-0: ",";\n\n --color-success-100: ",";\n --color-success-20: ",";\n --color-success-10: ",";\n\n --color-error-100: ",";\n --color-error-20: ",";\n --color-error-10: ",";\n\n --color-orange-80: ","80;\n --color-orange-65: ","65;\n\n --padding-s: 8px;\n --padding-m: 16px;\n --padding-l: 24px;\n --padding-xl: 32px;\n --padding-xxl: 48px;\n\n --font-bold: 700;\n --font-medium: 600;\n --font-thin: 300;\n\n --font-size-s: 10px;\n --font-size-m: 16px;\n --font-size-l: 20px;\n --font-size-xl: 32px;\n --font-size-xxl: 40px;\n\n --header-size-s: 16px;\n --header-size-m: 24px;\n --header-size-l: 32px;\n --header-size-xl: 48px;\n --header-size-xxl: 72px;\n\n --transition-speed: .3s;\n }\n\n body {\n background-color: var(--color-ecru);\n }\n\n * {\n box-sizing: border-box;\n color: var(--color-navy);\n font-family: Raleway, Arial, Helvetica, Sans-Serif;\n font-size: var(--font-size-m);\n font-weight: var(--font-thin);\n }\n\n h1 {\n font-size: var(--header-size-xxl);\n font-weight: var(--font-bold);\n }\n\n h2 {\n font-size: var(--header-size-xl);\n font-weight: var(--font-bold);\n }\n\n h3 {\n font-size: var(--header-size-l);\n font-weight: var(--font-bold);\n }\n\n h4 {\n font-size: var(--header-size-m);\n font-weight: var(--font-bold);\n }\n\n h5 {\n font-size: var(--header-size-s);\n font-weight: var(--font-bold);\n }\n"]),exports.Color.White,exports.Color.Ecru,exports.Color.Navy,exports.Color.Orange,exports.Color.Red,exports.Color.Green,exports.Color.Grey100,exports.Color.Grey80,exports.Color.Grey60,exports.Color.Grey40,exports.Color.Grey20,exports.Color.Grey0,exports.Color.Success100,exports.Color.Success20,exports.Color.Success10,exports.Color.Error100,exports.Color.Error20,exports.Color.Error10,exports.Color.Orange,exports.Color.Orange),fieldSizeVariants={xl:{iconPadding:"48px",padding:"16px",font:"20px"},l:{iconPadding:"40px",padding:"12px",font:"16px"},m:{iconPadding:"28px",padding:"8px",font:"12px"},s:{iconPadding:"16px",padding:"6px",font:"8px"}},FieldLabel=styled__default.default.div(templateObject_1$u=templateObject_1$u||__makeTemplateObject(["\n ","\n\n & label > span {\n color: ",";\n font-size: ",";\n }\n"],["\n ","\n\n & label > span {\n color: ",";\n font-size: ",";\n }\n"]),function(n){return"inline"===n.position?"\n position: relative;\n display: flex;\n align-items: center;\n ":"\n position: absolute;\n left: 0;\n z-index: 10;\n bottom: calc(100% - ".concat(fieldSizeVariants[n.sizeVariant].font," - 4px);\n ")},function(n){return n.disabled?"var(--shades-of-grey-40)":"var(--shades-of-grey-80)"},function(n){return fieldSizeVariants[n.sizeVariant].font}),FieldWrapper=(FieldLabel.displayName="InputLabel",styled__default.default.div(templateObject_1$t=templateObject_1$t||__makeTemplateObject(["\n position: relative;\n width: 100%;\n padding-top: ",";\n"],["\n position: relative;\n width: 100%;\n padding-top: ",";\n"]),function(n){return n.withLabel?"calc(".concat(fieldSizeVariants[n.sizeVariant].font," + 8px)"):0})),iconHashMap=(FieldWrapper.displayName="InputWrapper",{"angle-down":"AngleDown","arrow-left":"ArrowLeft","arrow-right":"ArrowRight",bars:"Bars",bell:"Bell","check-circle":"CheckCircle","check-square":"CheckSquare","clipboad-notes":"ClipboardNotes",close:"Close","create-dashboard":"CreateDashboard","dice-five":"DiceFive",edit:"Edit","ellipsis-horizontal":"EllipsisHorizontal","ellipsis-vertical":"EllipsisVertical",envelope:"Envelope","exclamation-circle":"ExclamationCircle","exclamation-triangle":"ExclamationTriangle",exit:"Exit",facebook:"Facebook",home:"Home","image-edit":"ImageEdit",instagram:"Instagram",linkedin:"Linkedin",lock:"Lock",minus:"Minus",phone:"Phone",plus:"Plus",process:"Process","points-circle":"PointsCircle",redo:"Redo",setting:"Setting",user:"User","user-circle":"UserCircle","user-plus":"UserPlus",users:"Users"}),sizeHashMap={"ultra-small":{width:20,height:20},small:{width:34,height:34},medium:{width:58,height:58},big:{width:84,height:84}},Icon=function(n){var e=n.className,t=n.type,r=n.size,r=void 0===r?"ultra-small":r,n=__rest(n,["className","type","size"]),o=(console.log(__dirname),React__default.default.lazy(function(){return n=__dirname+"/icons/"+iconHashMap[t],Promise.resolve().then(function(){return _interopNamespace(require(n))});var n})),r="string"==typeof r?sizeHashMap[r]:r;return jsxRuntime.jsx(React.Suspense,__assign({fallback:jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",width:"20",height:"20",xmlns:"http://www.w3.org/2000/svg"})},{children:jsxRuntime.jsx(o,__assign({className:e,fill:exports.Color.Navy},r,n))}))},sizeVariant$7={xl:{size:24,offset:16},l:{size:20,offset:12},m:{size:16,offset:8},s:{size:10,offset:6}},IconAddition=function(n){var e=n.disabled,t=n.icon,r=n.direction,o=n.colorVariant,o=void 0===o?"grey":o,a=n.size,a=void 0===a?"m":a,n=n.onClick,i={white:e?exports.Color.Grey60:exports.Color.White,grey:e?exports.Color.Grey60:exports.Color.Grey100,ghost:e?exports.Color.Grey40:exports.Color.Grey100};return t?jsxRuntime.jsx(IconWrapper$1,__assign({direction:void 0===r?"ltr":r,clickable:!!n&&!e,size:a,narrow:"ghost"===o},{children:jsxRuntime.jsx(Icon,{type:t,size:{width:sizeVariant$7[a].size,height:sizeVariant$7[a].size},fill:i[o],onClick:n})})):null},IconWrapper$1=styled__default.default.div(templateObject_1$s=templateObject_1$s||__makeTemplateObject(["\n position: absolute;\n z-index: 2;\n bottom: calc(","px);\n height: ","px;\n width: ","px;\n cursor: ",";\n ",";\n\n & svg {\n transition: fill var(--transition-speed);\n position: absolute;\n }\n"],["\n position: absolute;\n z-index: 2;\n bottom: calc(","px);\n height: ","px;\n width: ","px;\n cursor: ",";\n ",";\n\n & svg {\n transition: fill var(--transition-speed);\n position: absolute;\n }\n"]),function(n){return sizeVariant$7[n.size].offset},function(n){return sizeVariant$7[n.size].size},function(n){return sizeVariant$7[n.size].size},function(n){return n.clickable?"pointer":"auto"},function(n){return("ltr"===n.direction?"left: ":"right: ").concat(n.narrow?0:sizeVariant$7[n.size].offset,"px")}),colorVariants=(IconWrapper$1.displayName="IconWrapper",{error:{background:exports.Color.Error10,color:exports.Color.Error100},warning:{background:exports.Color.Grey0,color:exports.Color.Orange},info:{background:exports.Color.Grey0,color:exports.Color.Navy},success:{background:exports.Color.Grey0,color:exports.Color.Green}}),iconVariants={error:"exclamation-circle",warning:"exclamation-triangle",info:"exclamation-circle",success:"check-circle"},Alert=function(n){var e=n.type,e=void 0===e?"info":e,t=n.open,r=n.size,o=n.controlled,o=void 0!==o&&o,a=n.onClose,n=n.children;return void 0===t||t||!o?jsxRuntime.jsxs(AlertWrapper,__assign({type:e,sizeVariant:void 0===r?"m":r},{children:[jsxRuntime.jsx(Icon,{fill:colorVariants[e].color,size:"ultra-small",type:iconVariants[e]})," ",n,o&&jsxRuntime.jsx(CloseIcon,{children:jsxRuntime.jsx(Icon,{size:"ultra-small",type:"close",fill:exports.Color.Grey60,onClick:a})})]})):null},AlertWrapper=styled__default.default.div(templateObject_1$r=templateObject_1$r||__makeTemplateObject(["\n width: 100%;\n border-radius: 5px;\n color: ",";\n background-color: ",";\n padding: var(--padding-s);\n font-weight: var(--font-bold);\n font-size: ",";\n display: flex;\n align-items: center;\n gap: 12px;\n margin-top: var(--padding-s);\n"],["\n width: 100%;\n border-radius: 5px;\n color: ",";\n background-color: ",";\n padding: var(--padding-s);\n font-weight: var(--font-bold);\n font-size: ",";\n display: flex;\n align-items: center;\n gap: 12px;\n margin-top: var(--padding-s);\n"]),function(n){return colorVariants[n.type].color},function(n){return colorVariants[n.type].background},function(n){return fieldSizeVariants[n.sizeVariant].font}),CloseIcon=styled__default.default.div(templateObject_2$b=templateObject_2$b||__makeTemplateObject(["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n & > svg {\n transition: fill var(--transition-speed);\n }\n\n & > svg:hover {\n cursor: pointer;\n fill: var(--shades-of-grey-100);\n }\n"],["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n & > svg {\n transition: fill var(--transition-speed);\n }\n\n & > svg:hover {\n cursor: pointer;\n fill: var(--shades-of-grey-100);\n }\n"])),sizeVariant$6={s:20,m:32,l:53,xl:64,xxl:94},Avatar=function(n){var e=n.src,t=n.alt,n=n.size,n=void 0===n?"m":n;return jsxRuntime.jsx(Image,{src:e,alt:t,width:sizeVariant$6[n],height:sizeVariant$6[n]})},Image=styled__default.default.img(templateObject_1$q=templateObject_1$q||__makeTemplateObject(["\n object-fit: cover;\n border-radius: 50%;\n"],["\n object-fit: cover;\n border-radius: 50%;\n"])),sizeVariants$1=(Image.displayName="Image",{s:{padding:16,borderRadius:5},m:{padding:16,borderRadius:16},l:{padding:32,borderRadius:24}}),Card=styled__default.default.div(templateObject_1$p=templateObject_1$p||__makeTemplateObject(["\n background-color: ",";\n box-shadow: ",";\n color: ",";\n padding: ","px;\n border-radius: ","px;\n"],["\n background-color: ",";\n box-shadow: ",";\n color: ",";\n padding: ","px;\n border-radius: ","px;\n"]),function(n){return n.inverse?"var(--color-navy)":"var(--color-white)"},function(n){return n.flat?"none":"0px 4px 4px rgba(0, 0, 0, 0.25)"},function(n){return n.inverse?"var(--color-white)":"var(--color-navy)"},function(n){return sizeVariants$1[n.size||"l"].padding},function(n){return sizeVariants$1[n.size||"l"].borderRadius}),Divider=(Card.displayName="Card",styled__default.default.div(templateObject_1$o=templateObject_1$o||__makeTemplateObject(["\n width: 100%;\n height: 2px;\n background-color: ",";\n opacity: 0.2;\n"],["\n width: 100%;\n height: 2px;\n background-color: ",";\n opacity: 0.2;\n"]),function(n){return"var(--color-".concat(n.variant||"navy",")")})),Pill=styled__default.default.div(templateObject_1$n=templateObject_1$n||__makeTemplateObject(["\n background-color: ",";\n border-radius: var(--padding-l);\n color: var(--color-white);\n font-weight: var(--font-bold);\n font-size: var(--font-size-m);\n padding: var(--padding-s) var(--padding-xxl);\n width: min-content;\n"],["\n background-color: ",";\n border-radius: var(--padding-l);\n color: var(--color-white);\n font-weight: var(--font-bold);\n font-size: var(--font-size-m);\n padding: var(--padding-s) var(--padding-xxl);\n width: min-content;\n"]),function(n){return"var(--color-".concat(n.variant,")")}),Body$1=(Pill.displayName="Pill",styled__default.default.p(templateObject_1$m=templateObject_1$m||__makeTemplateObject(["\n font-size: ",";\n line-height: ",";\n text-align: ",";\n font-weight: ",";\n"],["\n font-size: ",";\n line-height: ",";\n text-align: ",";\n font-weight: ",";\n"]),function(n){return"var(--font-size-".concat(n.size||"m",")")},function(n){return"calc(1.5*var(--font-size-".concat(n.size||"m","))")},function(n){return n.align||"left"},function(n){return n.bold?"var(---font-bold)":"var(--font-thin)"})),SIZE_MAP=(Body$1.displayName="Body",{s:"h5",m:"h4",l:"h3",xl:"h2",xxl:"h1"}),Hero$1=function(n){var e=n.size,t=n.className,n=n.children;return jsxRuntime.jsx(Header,__assign({as:SIZE_MAP[void 0===e?"l":e],className:t},{children:n}))},Header=styled__default.default.h1(templateObject_1$l=templateObject_1$l||__makeTemplateObject([""],[""])),gapSizeVariant=(Header.displayName="Header",{xxl:"12px",xl:"10px",l:"4px",m:"4px",s:"2px"}),Label=function(n){var e=n.text,t=n.size,n=n.children;return jsxRuntime.jsxs(LabelContainer,__assign({sizeVariant:t},{children:[n,jsxRuntime.jsx(LabelText,__assign({size:t},{children:e}))]}))},LabelContainer=styled__default.default.label(templateObject_1$k=templateObject_1$k||__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ",";\n"],["\n display: flex;\n align-items: center;\n gap: ",";\n"]),function(n){return gapSizeVariant[n.sizeVariant||"m"]}),LabelText=styled__default.default.span(templateObject_2$a=templateObject_2$a||__makeTemplateObject(["\n font-size: ",";\n font-weight: var(--font-medium);\n transition: color var(--transition-speed);\n"],["\n font-size: ",";\n font-weight: var(--font-medium);\n transition: color var(--transition-speed);\n"]),function(n){return"var(--font-size-".concat(n.size||"m",")")}),Typography={Body:Body$1,Hero:Hero$1,Label:Label},Nav=styled__default.default.nav(templateObject_1$j=templateObject_1$j||__makeTemplateObject(["\n font-size: var(--font-size-l);\n font-weight: ",";\n cursor: pointer;\n white-space: nowrap;\n width: min-content;\n transition: color var(--transition-speed);\n padding: var(--padding-s) var(--padding-l);\n\n &:hover {\n color: ",";\n }\n"],["\n font-size: var(--font-size-l);\n font-weight: ",";\n cursor: pointer;\n white-space: nowrap;\n width: min-content;\n transition: color var(--transition-speed);\n padding: var(--padding-s) var(--padding-l);\n\n &:hover {\n color: ",";\n }\n"]),function(n){return n.active?"var(--font-bold)":"var(--font-medium)"},function(n){return n.active?"auto":"var(--color-green)"}),Spinner=(Nav.displayName="Nav",function(n,e){n=__rest(n,[]);return jsxRuntime.jsx(SpinnerIcon,__assign({type:"process",ref:e},n))}),rotate$1=styled.keyframes(templateObject_1$i=templateObject_1$i||__makeTemplateObject(["\n 100% {\n transform: rotate(-360deg);\n }\n"],["\n 100% {\n transform: rotate(-360deg);\n }\n"])),SpinnerIcon=styled__default.default(Icon)(templateObject_2$9=templateObject_2$9||__makeTemplateObject(["\n animation: "," 1s linear infinite;\n will-change: transform;\n"],["\n animation: "," 1s linear infinite;\n will-change: transform;\n"]),rotate$1),sizeVariant$5=(!function(n){n.transparent="transparent",n.white="white",n.primary="primary",n.secondary="secondary"}(ChipVariant=ChipVariant||{}),!function(n){n.xl="xl",n.l="l",n.m="m",n.s="s"}(ChipSize=ChipSize||{}),{xl:{iconSize:{width:25,height:25},gap:"12.5px",paddingY:"12.5px",paddingX:"17.5px",border:"2px",fontSize:"20px",lineHeight:"30px"},l:{iconSize:{width:20,height:20},gap:"10px",paddingY:"10px",paddingX:"14px",border:"2px",fontSize:"16px",lineHeight:"24px"},m:{iconSize:{width:15,height:15},gap:"7.5px",paddingY:"7.5px",paddingX:"10.5px",border:"2px",fontSize:"12px",lineHeight:"18px"},s:{iconSize:{width:10,height:10},gap:"5px",paddingY:"5px",paddingX:"7px",border:"1.5px",fontSize:"8px",lineHeight:"12px"}}),colorVariant$1={primary:{fontColor:"var(--shades-of-grey-0)"},secondary:{fontColor:"var(--color-orange)"},transparent:{fontColor:"var(--shades-of-grey-100)"},white:{fontColor:"var(--shades-of-grey-100);"}},Chip=function(n){var e=n.iconLeft,t=n.iconRight,r=n.label,o=n.size,o=void 0===o?ChipSize.m:o,a=n.variant,a=void 0===a?ChipVariant.primary:a,n=n.onClick;return jsxRuntime.jsxs(ChipWrapper,__assign({size:o,variant:a,onClick:n},{children:[e&&jsxRuntime.jsx(IconWrapper,{children:jsxRuntime.jsx(Icon,{type:e,fill:colorVariant$1[a].fontColor,size:sizeVariant$5[o].iconSize})}),jsxRuntime.jsx(Text,__assign({size:o},{children:r})),t&&jsxRuntime.jsx(IconWrapper,{children:jsxRuntime.jsx(Icon,{type:t,fill:colorVariant$1[a].fontColor,size:sizeVariant$5[o].iconSize})})]}))},getVariantStyles=function(n,e){switch(n){case ChipVariant.secondary:return"\n background-color: var(--color-white);\n opacity: 0.9;\n border-color: var(--color-orange);\n border-style: solid;\n \n ".concat(e&&"\n cursor: pointer;\n \n &:hover {\n opacity: 0.8;\n }\n \n &:active {\n opacity: 0.65;\n }\n ","\n ");case ChipVariant.transparent:return" \n ".concat(e&&"\n &:hover {\n background-color: var(--shades-of-grey-40);\n }\n \n &:active {\n background-color: var(--shades-of-grey-60);\n }\n ","\n ");case ChipVariant.white:return"\n background-color: var(--color-white);\n border-color: var(--shades-of-grey-40);\n border-style: solid;\n \n ".concat(e&&"\n &:hover {\n background-color: var(--shades-of-grey-20);\n }\n \n &:active {\n border-color: var(--shades-of-grey-100);\n }\n ","\n ");default:ChipVariant.primary;return"\n background-color: var(--color-orange);\n border-color: var(--color-orange);\n border-style: solid;\n\n ".concat(e&&"\n &:hover {\n opacity: 0.8;\n }\n \n &:active {\n opacity: 0.65;\n }\n ","\n ")}},ChipWrapper=(Chip.displayName="Chip",styled__default.default.div(templateObject_1$h=templateObject_1$h||__makeTemplateObject(["\n border-radius: 100px;\n display: flex;\n justify-content: center;\n width: min-content;\n \n ","\n"],["\n border-radius: 100px;\n display: flex;\n justify-content: center;\n width: min-content;\n \n ","\n"]),function(n){return"\n border-width: ".concat(sizeVariant$5[n.size].border,";\n padding: ").concat(sizeVariant$5[n.size].paddingY," ").concat(sizeVariant$5[n.size].paddingX,";\n color: ").concat(colorVariant$1[n.variant].fontColor,";\n ").concat(getVariantStyles(n.variant,"function"==typeof n.onClick),"\n ").concat("function"==typeof n.onClick&&"\n cursor: pointer;\n ","\n ")})),IconWrapper=styled__default.default.span(templateObject_2$8=templateObject_2$8||__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"])),Text=(IconWrapper.displayName="IconWrapper",styled__default.default.span(templateObject_3$7=templateObject_3$7||__makeTemplateObject(["\n color: inherit;\n font-weight: bold;\n ","\n"],["\n color: inherit;\n font-weight: bold;\n ","\n"]),function(n){return"\n margin: 0 ".concat(sizeVariant$5[n.size].gap,";\n line-height: ").concat(sizeVariant$5[n.size].lineHeight,";\n font-size: ").concat(sizeVariant$5[n.size].fontSize,";\n ")})),sizeVariant$4=(Text.displayName="Text",{xl:32,l:24,m:18,s:12}),Dot=function(n){var e=n.icon,t=n.children,r=n.className,n=n.size;return jsxRuntime.jsx(Root$6,__assign({className:r,size:void 0===n?"m":n},{children:e?jsxRuntime.jsx(Icon,__assign({},e)):t}))},Root$6=styled__default.default.div(templateObject_1$g=templateObject_1$g||__makeTemplateObject(["\n background-color: var(--color-orange);\n color: var(--color-white);\n width: ","px;\n height: ","px;\n border-radius: ","px;\n line-height: ","px;\n font-size: ","px;\n display: flex;\n justify-content: center;\n align-items: center;\n"],["\n background-color: var(--color-orange);\n color: var(--color-white);\n width: ","px;\n height: ","px;\n border-radius: ","px;\n line-height: ","px;\n font-size: ","px;\n display: flex;\n justify-content: center;\n align-items: center;\n"]),function(n){return sizeVariant$4[n.size]},function(n){return sizeVariant$4[n.size]},function(n){return sizeVariant$4[n.size]/2},function(n){return sizeVariant$4[n.size]},function(n){return sizeVariant$4[n.size]/2}),InfoCard=function(n){var e=n.title,t=n.body,r=n.background,o=n.inverse,o=void 0!==o&&o,n=n.size,n=void 0===n?"l":n;return jsxRuntime.jsxs(Root$5,{children:[r&&jsxRuntime.jsx(Background,{children:r}),jsxRuntime.jsxs(CardBody,__assign({inverse:o},{children:[jsxRuntime.jsx(Hero$1,__assign({size:n},{children:e})),jsxRuntime.jsx(Body$1,__assign({size:n},{children:t}))]}))]})},Root$5=styled__default.default.div(templateObject_1$f=templateObject_1$f||__makeTemplateObject(["\n padding: 0;\n position: relative;\n\n & > "," > p {\n margin: 0;\n }\n"],["\n padding: 0;\n position: relative;\n\n & > "," > p {\n margin: 0;\n }\n"]),Card),CardBody=(Root$5.displayName="Root",styled__default.default(Card)(templateObject_2$7=templateObject_2$7||__makeTemplateObject(["\n position: relative;\n\n & > * {\n margin: 0;\n margin-bottom: var(--padding-m);\n color: ",";\n }\n\n & > p {\n margin: 0;\n }\n"],["\n position: relative;\n\n & > * {\n margin: 0;\n margin-bottom: var(--padding-m);\n color: ",";\n }\n\n & > p {\n margin: 0;\n }\n"]),function(n){return n.inverse?"var(--color-white)":"var(--color-navy)"})),Background=(CardBody.displayName="CardBody",styled__default.default(Card)(templateObject_3$6=templateObject_3$6||__makeTemplateObject(["\n border-radius: 24px 24px 0px 0px;\n position: relative;\n height: 100%;\n margin-bottom: -24px;\n padding: 0;\n overflow: hidden;\n"],["\n border-radius: 24px 24px 0px 0px;\n position: relative;\n height: 100%;\n margin-bottom: -24px;\n padding: 0;\n overflow: hidden;\n"]))),getValidationTypeProps=(Background.displayName="Background",function(n){switch(n){case"success":return styled.css(templateObject_1$e=templateObject_1$e||__makeTemplateObject(["\n border-color: var(--color-success-100);\n background-color: var(--color-success-10);\n\n &:focus,\n &:active {\n border-color: var(--color-success-100);\n }\n "],["\n border-color: var(--color-success-100);\n background-color: var(--color-success-10);\n\n &:focus,\n &:active {\n border-color: var(--color-success-100);\n }\n "]));case"error":return styled.css(templateObject_2$6=templateObject_2$6||__makeTemplateObject(["\n border-color: var(--color-error-100);\n background-color: var(--color-error-10);\n\n &:focus,\n &:active {\n border-color: var(--color-error-100);\n }\n "],["\n border-color: var(--color-error-100);\n background-color: var(--color-error-10);\n\n &:focus,\n &:active {\n border-color: var(--color-error-100);\n }\n "]));default:return styled.css(templateObject_3$5=templateObject_3$5||__makeTemplateObject([""],[""]))}}),getDirectionPadding$1=function(n,e){switch(n){case"ltr":return styled.css(templateObject_1$d=templateObject_1$d||__makeTemplateObject(["\n padding-left: ",";\n "],["\n padding-left: ",";\n "]),e);case"rtl":return styled.css(templateObject_2$5=templateObject_2$5||__makeTemplateObject(["\n padding-right: ",";\n "],["\n padding-right: ",";\n "]),e);default:return styled.css(templateObject_3$4=templateObject_3$4||__makeTemplateObject([""],[""]))}},Input$2=React__default.default.forwardRef(function(n,e){var t=n.icon,r=n.label,o=n.size,o=void 0===o?"m":o,a=n.onIconClick,i=n.field,n=__rest(n,["icon","label","size","onIconClick","field"]);return jsxRuntime.jsxs(FieldWrapper,__assign({withLabel:Boolean(r),sizeVariant:o},{children:[r&&jsxRuntime.jsx(FieldLabel,__assign({sizeVariant:o},{children:jsxRuntime.jsx(Label,{text:r})})),"rtl"!==n.direction&&jsxRuntime.jsx(IconAddition,{icon:t,disabled:n.disabled,direction:n.direction,onClick:a,size:o}),jsxRuntime.jsx(InputElement,__assign({ref:e,sizeVariant:o},i,n)),"rtl"===n.direction&&jsxRuntime.jsx(IconAddition,{icon:t,disabled:n.disabled,direction:n.direction,onClick:a})]}))}),InputElement=styled__default.default.input(templateObject_4$3=templateObject_4$3||__makeTemplateObject(["\n background-color: var(--color-white);\n border: 2px solid var(--shades-of-grey-80);\n border-radius: var(--padding-s);\n padding: ",";\n position: relative;\n overflow: hidden;\n font-size: ",";\n color: var(--shades-of-grey-100);\n font-weight: var(--font-bold);\n transition: border var(--transition-speed),\n background-color var(--transition-speed);\n width: 100%;\n\n &::placeholder {\n color: var(--shades-of-grey-80);\n }\n\n &:focus,\n &:active {\n outline: none;\n background-color: transparent;\n border: 2px solid var(--color-orange);\n }\n\n ",";\n ",";\n\n &:disabled {\n &::placeholder {\n color: var(--shades-of-grey-60);\n }\n background-color: var(--shades-of-grey-40);\n border: 2px solid var(--shades-of-grey-60);\n }\n"],["\n background-color: var(--color-white);\n border: 2px solid var(--shades-of-grey-80);\n border-radius: var(--padding-s);\n padding: ",";\n position: relative;\n overflow: hidden;\n font-size: ",";\n color: var(--shades-of-grey-100);\n font-weight: var(--font-bold);\n transition: border var(--transition-speed),\n background-color var(--transition-speed);\n width: 100%;\n\n &::placeholder {\n color: var(--shades-of-grey-80);\n }\n\n &:focus,\n &:active {\n outline: none;\n background-color: transparent;\n border: 2px solid var(--color-orange);\n }\n\n ",";\n ",";\n\n &:disabled {\n &::placeholder {\n color: var(--shades-of-grey-60);\n }\n background-color: var(--shades-of-grey-40);\n border: 2px solid var(--shades-of-grey-60);\n }\n"]),function(n){return fieldSizeVariants[n.sizeVariant].padding},function(n){return fieldSizeVariants[n.sizeVariant].font},function(n){return getValidationTypeProps(n.validationType)},function(n){return getDirectionPadding$1(n.direction,fieldSizeVariants[n.sizeVariant].iconPadding)}),TextArea=(Input$2.displayName="Input",function(n){return jsxRuntime.jsx(TextAreaElement,__assign({rows:4},n))}),TextAreaElement=styled__default.default.textarea(templateObject_1$c=templateObject_1$c||__makeTemplateObject(["\n background-color: var(--color-white);\n border: 2px solid var(--shades-of-grey-80);\n border-radius: var(--padding-s);\n padding: var(--padding-m);\n position: relative;\n overflow: hidden;\n color: var(--shades-of-grey-100);\n font-weight: var(--font-bold);\n transition: border var(--transition-speed),\n background-color var(--transition-speed);\n width: 100%;\n resize: none;\n\n &::placeholder {\n color: var(--shades-of-grey-80);\n }\n\n &:focus,\n &:active {\n outline: none;\n background-color: transparent;\n border: 2px solid var(--color-orange);\n }\n ",";\n\n &:disabled {\n &::placeholder {\n color: var(--shades-of-grey-60);\n }\n background-color: var(--shades-of-grey-40);\n border: 2px solid var(--shades-of-grey-60);\n }\n"],["\n background-color: var(--color-white);\n border: 2px solid var(--shades-of-grey-80);\n border-radius: var(--padding-s);\n padding: var(--padding-m);\n position: relative;\n overflow: hidden;\n color: var(--shades-of-grey-100);\n font-weight: var(--font-bold);\n transition: border var(--transition-speed),\n background-color var(--transition-speed);\n width: 100%;\n resize: none;\n\n &::placeholder {\n color: var(--shades-of-grey-80);\n }\n\n &:focus,\n &:active {\n outline: none;\n background-color: transparent;\n border: 2px solid var(--color-orange);\n }\n ",";\n\n &:disabled {\n &::placeholder {\n color: var(--shades-of-grey-60);\n }\n background-color: var(--shades-of-grey-40);\n border: 2px solid var(--shades-of-grey-60);\n }\n"]),function(n){return getValidationTypeProps(n.validationType)}),sizeVariants=(TextAreaElement.displayName="TextAreaElement",{xl:{iconPadding:"48px",padding:"16px 24px",ghostPadding:"32px",font:"20px"},l:{iconPadding:"40px",padding:"12px 18px",ghostPadding:"24px",font:"16px"},m:{iconPadding:"28px",padding:"10px 16px",ghostPadding:"20px",font:"12px"},s:{iconPadding:"16px",padding:"6px 12px",ghostPadding:"12px",font:"8px"}}),getDirectionPadding=function(n,e,t){var r=sizeVariants[t=void 0===t?"m":t].iconPadding,o=sizeVariants[t].ghostPadding;switch(n){case"ltr":return styled.css(templateObject_1$b=templateObject_1$b||__makeTemplateObject(["\n ","\n padding-left: ",";\n "],["\n ","\n padding-left: ",";\n "]),!e&&"padding-right: ".concat(r,";"),e?o:r);case"rtl":return styled.css(templateObject_2$4=templateObject_2$4||__makeTemplateObject(["\n ","\n padding-right: ",";\n "],["\n ","\n padding-right: ",";\n "]),!e&&"padding-left: ".concat(r,";"),e?o:r);default:return styled.css(templateObject_3$3=templateObject_3$3||__makeTemplateObject([""],[""]))}},BasicButton=styled__default.default.div(templateObject_4$2=templateObject_4$2||__makeTemplateObject(["\n background-color: transparent;\n border: none;\n border-radius: var(--padding-xl);\n color: ",";\n padding: ",";\n font-weight: var(--font-bold);\n font-size: ",';\n cursor: pointer;\n overflow: hidden;\n position: relative;\n width: 100%;\n transition: color var(--transition-speed),\n background-color var(--transition-speed);\n\n &:before {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n width: calc(100% - 4px);\n height: calc(100% - 4px);\n background-color: transparent;\n border: 2px solid var(--color-orange);\n border-radius: var(--padding-xl);\n z-index: 1;\n transition: background-color var(--transition-speed),\n opacity var(--transition-speed), border-color var(--transition-speed);\n }\n\n &:active {\n color: var(--color-orange);\n outline: none;\n }\n\n ',";\n\n &:hover {\n color: var(--color-orange);\n }\n\n &:hover,\n &:hover:before {\n opacity: 0.8;\n border-color: var(--color-orange);\n }\n\n &:hover:active,\n &:hover:active:before {\n opacity: 0.6;\n border-color: var(--color-orange);\n }\n\n ","\n"],["\n background-color: transparent;\n border: none;\n border-radius: var(--padding-xl);\n color: ",";\n padding: ",";\n font-weight: var(--font-bold);\n font-size: ",';\n cursor: pointer;\n overflow: hidden;\n position: relative;\n width: 100%;\n transition: color var(--transition-speed),\n background-color var(--transition-speed);\n\n &:before {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n width: calc(100% - 4px);\n height: calc(100% - 4px);\n background-color: transparent;\n border: 2px solid var(--color-orange);\n border-radius: var(--padding-xl);\n z-index: 1;\n transition: background-color var(--transition-speed),\n opacity var(--transition-speed), border-color var(--transition-speed);\n }\n\n &:active {\n color: var(--color-orange);\n outline: none;\n }\n\n ',";\n\n &:hover {\n color: var(--color-orange);\n }\n\n &:hover,\n &:hover:before {\n opacity: 0.8;\n border-color: var(--color-orange);\n }\n\n &:hover:active,\n &:hover:active:before {\n opacity: 0.6;\n border-color: var(--color-orange);\n }\n\n ","\n"]),function(n){return n.loading?"transparent":"var(--shades-of-grey-100)"},function(n){return sizeVariants[n.sizeVariant].padding},function(n){return sizeVariants[n.sizeVariant].font},function(n){return getDirectionPadding(n.direction,n.ghost,n.sizeVariant)},function(n){return n.disabled&&"\n color: ".concat(n.loading?"transparent":"var(--shades-of-grey-60)",";\n border-color: var(--shades-of-grey-60);\n background-color: var(--shades-of-grey-40);\n\n &::before {\n border-color: var(--shades-of-grey-60);\n }\n\n &:hover,\n &:active,\n &:hover:active,\n &:hover:before,\n &:hover:active:before {\n color: ").concat(n.loading?"transparent":"var(--shades-of-grey-60)",";\n cursor: auto;\n opacity: 1;\n border-color: var(--shades-of-grey-60);\n }\n ")}),Ghost=(BasicButton.displayName="BasicButton",styled__default.default(BasicButton)(templateObject_1$a=templateObject_1$a||__makeTemplateObject(["\n padding-left: ",";\n padding-right: ",";\n border-radius: 0;\n\n &::before {\n border: none;\n left: 0;\n top: auto;\n bottom: 4px;\n width: ",";\n height: 0;\n border: 1px solid var(--color-navy);\n border-radius: 0;\n z-index: 2;\n }\n\n &:hover,\n &:hover:before {\n opacity: 1;\n color: var(--color-orange);\n border-color: var(--color-orange);\n }\n\n &:hover:active,\n &:hover:active:before {\n opacity: 1;\n color: var(--color-orange-80);\n border-color: var(--color-orange-80);\n }\n\n ","\n"],["\n padding-left: ",";\n padding-right: ",";\n border-radius: 0;\n\n &::before {\n border: none;\n left: 0;\n top: auto;\n bottom: 4px;\n width: ",";\n height: 0;\n border: 1px solid var(--color-navy);\n border-radius: 0;\n z-index: 2;\n }\n\n &:hover,\n &:hover:before {\n opacity: 1;\n color: var(--color-orange);\n border-color: var(--color-orange);\n }\n\n &:hover:active,\n &:hover:active:before {\n opacity: 1;\n color: var(--color-orange-80);\n border-color: var(--color-orange-80);\n }\n\n ","\n"]),function(n){return"ltr"!==n.direction&&0},function(n){return"rtl"!==n.direction&&0},function(n){return"calc(100% + ".concat(n.direction?"8px":"0px",")")},function(n){return n.disabled&&"\n background-color: transparent;\n color: ".concat(n.loading?"transparent":"var(--shades-of-grey-40)",";\n\n &::before {\n border-color: var(--shades-of-grey-40);\n }\n\n &:hover,\n &:active,\n &:hover:active,\n &:hover:before,\n &:hover:active:before {\n opacity: 1;\n color: ").concat(n.loading?"transparent":"var(--shades-of-grey-40)",";\n border-color: var(--shades-of-grey-40);\n }\n ")})),Primary=styled__default.default(BasicButton)(templateObject_1$9=templateObject_1$9||__makeTemplateObject(["\n color: var(--color-white);\n z-index: 1;\n\n &::before {\n background-color: var(--color-orange);\n z-index: -1;\n }\n\n &:hover {\n opacity: 1;\n color: var(--color-white);\n }\n\n &:hover:active {\n opacity: 1;\n }\n\n ","\n"],["\n color: var(--color-white);\n z-index: 1;\n\n &::before {\n background-color: var(--color-orange);\n z-index: -1;\n }\n\n &:hover {\n opacity: 1;\n color: var(--color-white);\n }\n\n &:hover:active {\n opacity: 1;\n }\n\n ","\n"]),function(n){return n.disabled&&"\n color: ".concat(n.loading?"transparent":"var(--shades-of-grey-60)",";\n\n &::before {\n background-color: var(--shades-of-grey-40);\n border-color: var(--shades-of-grey-40);\n }\n\n &:hover,\n &:active,\n &:hover:active,\n &:hover:before,\n &:hover:active:before {\n color: ").concat(n.loading?"transparent":"var(--shades-of-grey-60)",";\n border-color: var(--shades-of-grey-40);\n }\n ")}),sizeVariant$3={xl:"8px",l:"6px",m:"4px",s:"2px"},getButtonComponent=function(n,e){return n?Primary:e?Ghost:BasicButton},getIconColorVariant=function(n,e){return n?"white":e?"ghost":"grey"},Button=React__default.default.forwardRef(function(n,e){var t=n.icon,r=n.size,r=void 0===r?"m":r,o=n.onIconClick,a=n.direction,i=n.loading,i=void 0!==i&&i,s=n.children,n=__rest(n,["icon","size","onIconClick","direction","loading","children"]),l=getButtonComponent(n.primary,n.ghost),c=n.disabled||i;return jsxRuntime.jsxs(ButtonWrapper,__assign({ref:e,fullWidth:!n.ghost,orangeIconOnHover:!n.primary&&!n.disabled},n,{children:["rtl"!==a&&jsxRuntime.jsx(IconOffset,__assign({size:r,ghost:Boolean(n.ghost)},{children:jsxRuntime.jsx(IconAddition,{icon:t,size:r,colorVariant:getIconColorVariant(n.primary,n.ghost),disabled:c,direction:a,onClick:o})})),jsxRuntime.jsxs(l,__assign({sizeVariant:r,ghost:n.ghost,disabled:c,loading:i,direction:t&&(a||"ltr")},{children:[s,i&&jsxRuntime.jsx(Loading,{children:jsxRuntime.jsx(Icon,{type:"process",fill:n.ghost?exports.Color.Grey40:exports.Color.Grey60})})]})),"rtl"===a&&jsxRuntime.jsx(IconOffset,__assign({size:r,ghost:Boolean(n.ghost),right:!0},{children:jsxRuntime.jsx(IconAddition,{icon:t,size:r,colorVariant:getIconColorVariant(n.primary,n.ghost),disabled:c,direction:a,onClick:o})}))]}))}),ButtonWrapper=styled__default.default.button(templateObject_1$8=templateObject_1$8||__makeTemplateObject(["\n border: none;\n background-color: transparent;\n position: relative;\n padding: 0;\n width: ",";\n\n &:hover svg {\n fill: ",";\n }\n\n &:active svg {\n fill: ",";\n }\n\n & svg {\n position: absolute;\n left: 0;\n }\n"],["\n border: none;\n background-color: transparent;\n position: relative;\n padding: 0;\n width: ",";\n\n &:hover svg {\n fill: ",";\n }\n\n &:active svg {\n fill: ",";\n }\n\n & svg {\n position: absolute;\n left: 0;\n }\n"]),function(n){return n.fullWidth?"100%":"min-content"},function(n){return n.orangeIconOnHover&&"var(--color-orange)"},function(n){return n.orangeIconOnHover&&"var(--color-orange-80)"}),IconOffset=(ButtonWrapper.displayName="ButtonWrapper",styled__default.default.div(templateObject_2$3=templateObject_2$3||__makeTemplateObject(["\n position: absolute;\n bottom: 0;\n ",";\n"],["\n position: absolute;\n bottom: 0;\n ",";\n"]),function(n){return(n.right?"right: ":"left: ").concat(n.ghost?0:sizeVariant$3[n.size])})),rotate=(IconOffset.displayName="IconOffset",styled.keyframes(templateObject_3$2=templateObject_3$2||__makeTemplateObject(["\n 100% {\n transform: rotate(-360deg);\n }\n"],["\n 100% {\n transform: rotate(-360deg);\n }\n"]))),Loading=styled__default.default.div(templateObject_4$1=templateObject_4$1||__makeTemplateObject(["\n position: absolute;\n left: calc(50% - 10px);\n top: calc(50% - 10px);\n\n & > svg {\n animation: "," 1s linear infinite;\n will-change: transform;\n }\n"],["\n position: absolute;\n left: calc(50% - 10px);\n top: calc(50% - 10px);\n\n & > svg {\n animation: "," 1s linear infinite;\n will-change: transform;\n }\n"]),rotate),sizeVariant$2=(Loading.displayName="Loading",{xl:{size:"30px",borderRadius:"8px",border:"4px",tickSize:"16px"},l:{size:"24px",borderRadius:"6px",border:"3px",tickSize:"12px"},m:{size:"18px",borderRadius:"3px",border:"2.5px",tickSize:"10px"},s:{size:"12px",borderRadius:"2px",border:"2px",tickSize:"6px"}}),Checkbox=React__default.default.forwardRef(function(n,e){var t=n.size,t=void 0===t?"m":t,r=n.label,r=void 0===r?"":r,n=__rest(n,["size","label"]);return jsxRuntime.jsx(FieldLabel,__assign({sizeVariant:t,position:"inline",disabled:n.disabled},{children:jsxRuntime.jsx(Label,__assign({size:t,text:r},{children:jsxRuntime.jsx(Input$1,__assign({ref:e,type:"checkbox",sizeVariant:t},n))}))}))}),Input$1=styled__default.default.input(templateObject_1$7=templateObject_1$7||__makeTemplateObject(["\n appearance: none;\n background-color: var(--color-white);\n\n ",'\n\n transition: border var(--transition-speed), opacity var(--transition-speed),\n background-color var(--transition-speed);\n position: relative;\n\n &:not([disabled]):hover {\n border-color: var(--shades-of-grey-60);\n cursor: pointer;\n }\n\n &:disabled {\n opacity: 0.5;\n }\n\n &:disabled:checked {\n opacity: 1;\n }\n\n &::before {\n content: "";\n background-color: transparent;\n position: absolute;\n\n ','\n transition: background-color var(--transition-speed);\n }\n\n &::after {\n content: "";\n position: absolute;\n background-color: transparent;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: ',";\n height: ",";\n clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n transition: background-color var(--transition-speed);\n }\n\n &:not([disabled]):checked::before {\n background-color: var(--color-orange);\n }\n\n &:disabled:checked::before {\n background-color: var(--shades-of-grey-40);\n }\n\n &:checked::after {\n background-color: var(--color-white);\n }\n\n &:not([disabled]):checked {\n border-color: transparent;\n }\n\n &:not([disabled]):checked:hover {\n opacity: 0.8;\n }\n\n &:not([disabled]):active {\n background-color: var(--shades-of-grey-60);\n }\n\n &:not([disabled]):checked:active {\n background-color: transparent;\n }\n\n &:not([disabled]):active::before {\n opacity: 0.65;\n }\n"],["\n appearance: none;\n background-color: var(--color-white);\n\n ",'\n\n transition: border var(--transition-speed), opacity var(--transition-speed),\n background-color var(--transition-speed);\n position: relative;\n\n &:not([disabled]):hover {\n border-color: var(--shades-of-grey-60);\n cursor: pointer;\n }\n\n &:disabled {\n opacity: 0.5;\n }\n\n &:disabled:checked {\n opacity: 1;\n }\n\n &::before {\n content: "";\n background-color: transparent;\n position: absolute;\n\n ','\n transition: background-color var(--transition-speed);\n }\n\n &::after {\n content: "";\n position: absolute;\n background-color: transparent;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: ',";\n height: ",";\n clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n transition: background-color var(--transition-speed);\n }\n\n &:not([disabled]):checked::before {\n background-color: var(--color-orange);\n }\n\n &:disabled:checked::before {\n background-color: var(--shades-of-grey-40);\n }\n\n &:checked::after {\n background-color: var(--color-white);\n }\n\n &:not([disabled]):checked {\n border-color: transparent;\n }\n\n &:not([disabled]):checked:hover {\n opacity: 0.8;\n }\n\n &:not([disabled]):active {\n background-color: var(--shades-of-grey-60);\n }\n\n &:not([disabled]):checked:active {\n background-color: transparent;\n }\n\n &:not([disabled]):active::before {\n opacity: 0.65;\n }\n"]),function(n){return"\n border: ".concat(sizeVariant$2[n.sizeVariant].border," solid var(--shades-of-grey-40);\n border-radius: ").concat(sizeVariant$2[n.sizeVariant].borderRadius,";\n width: ").concat(sizeVariant$2[n.sizeVariant].size,";\n height: ").concat(sizeVariant$2[n.sizeVariant].size,";\n ")},function(n){return"\n border-radius: ".concat(sizeVariant$2[n.sizeVariant].borderRadius,";\n width: ").concat(sizeVariant$2[n.sizeVariant].size,";\n height: ").concat(sizeVariant$2[n.sizeVariant].size,";\n left: calc(-1 * ").concat(sizeVariant$2[n.sizeVariant].border,");\n top: calc(-1 * ").concat(sizeVariant$2[n.sizeVariant].border,");\n ")},function(n){return sizeVariant$2[n.sizeVariant].tickSize},function(n){return sizeVariant$2[n.sizeVariant].tickSize}),Option=(Input$1.displayName="Input",function(n){n=n.children;return jsxRuntime.jsx("option",{children:n})}),Dropdown=React__default.default.forwardRef(function(n,e){var t=n.children,r=n.label,o=n.size,o=void 0===o?"m":o,n=__rest(n,["children","label","size"]);return jsxRuntime.jsxs(FieldWrapper,__assign({withLabel:Boolean(r),sizeVariant:o},{children:[r&&jsxRuntime.jsx(FieldLabel,__assign({sizeVariant:o,disabled:n.disabled},{children:jsxRuntime.jsx(Label,{text:r})})),jsxRuntime.jsx(IconAddition,{icon:"angle-down",disabled:n.disabled,direction:"rtl",size:o}),jsxRuntime.jsxs(Select,__assign({ref:e,sizeVariant:o},n,{children:[jsxRuntime.jsx("option",__assign({disabled:!0,selected:!0},{children:n.placeholder})),t]}))]}))}),DropdownWithStatic=Object.assign(Dropdown,{Option:Option}),Select=styled__default.default.select(templateObject_1$6=templateObject_1$6||__makeTemplateObject(["\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background-color: var(--color-white);\n border: 2px solid var(--shades-of-grey-80);\n cursor: pointer;\n border-radius: var(--padding-s);\n padding: ",";\n position: relative;\n font-size: ",";\n overflow: hidden;\n color: var(--shades-of-grey-100);\n font-weight: var(--font-bold);\n transition: border var(--transition-speed),\n background-color var(--transition-speed);\n width: 100%;\n\n &::placeholder {\n color: var(--shades-of-grey-80);\n }\n\n &:focus,\n &:active {\n outline: none;\n background-color: transparent;\n border: 2px solid var(--color-orange);\n }\n\n ",";\n\n &:disabled {\n &::placeholder {\n color: var(--shades-of-grey-60);\n }\n background-color: var(--shades-of-grey-40);\n border: 2px solid var(--shades-of-grey-60);\n }\n"],["\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background-color: var(--color-white);\n border: 2px solid var(--shades-of-grey-80);\n cursor: pointer;\n border-radius: var(--padding-s);\n padding: ",";\n position: relative;\n font-size: ",";\n overflow: hidden;\n color: var(--shades-of-grey-100);\n font-weight: var(--font-bold);\n transition: border var(--transition-speed),\n background-color var(--transition-speed);\n width: 100%;\n\n &::placeholder {\n color: var(--shades-of-grey-80);\n }\n\n &:focus,\n &:active {\n outline: none;\n background-color: transparent;\n border: 2px solid var(--color-orange);\n }\n\n ",";\n\n &:disabled {\n &::placeholder {\n color: var(--shades-of-grey-60);\n }\n background-color: var(--shades-of-grey-40);\n border: 2px solid var(--shades-of-grey-60);\n }\n"]),function(n){return fieldSizeVariants[n.sizeVariant].padding},function(n){return fieldSizeVariants[n.sizeVariant].font},function(n){return getValidationTypeProps(n.validationType)}),sizeVariant$1=(Select.displayName="Select",!function(n){n.xl="xl",n.l="l",n.m="m",n.s="s"}(Size=Size||{}),{xl:{size:"30px",border:"4px",gap:"10px",fontSize:"20px",lineHeight:"30px",checkmarkBefore:{width:"3px",height:"16px",left:"11px",top:"2px"},checkmarkAfter:{width:"6px",height:"3px",left:"6px",top:"15px"}},l:{size:"24px",border:"3px",gap:"8px",fontSize:"16px",lineHeight:"24px",checkmarkBefore:{width:"3px",height:"12px",left:"10px",top:"2px"},checkmarkAfter:{width:"5px",height:"3px",left:"5px",top:"11px"}},m:{size:"18px",border:"2.5px",gap:"6px",fontSize:"12px",lineHeight:"18px",checkmarkBefore:{width:"2px",height:"10px",left:"7px",top:"0px"},checkmarkAfter:{width:"5px",height:"2px",left:"4px",top:"9px"}},s:{size:"12px",border:"2px",gap:"4px",fontSize:"8px",lineHeight:"12px",checkmarkBefore:{width:"1px",height:"6px",left:"4px",top:"1px"},checkmarkAfter:{width:"2px",height:"1px",left:"2px",top:"6px"}}}),Radio=React__default.default.forwardRef(function(n,e){var t=n.size,t=void 0===t?Size.m:t,r=n.label,r=void 0===r?"":r,n=__rest(n,["size","label"]);return jsxRuntime.jsx(FieldLabel,__assign({sizeVariant:t,position:"inline",disabled:n.disabled},{children:jsxRuntime.jsxs(Label,__assign({size:t,text:r},{children:[jsxRuntime.jsx(Input,__assign({ref:e,type:"radio",sizeVariant:t},n)),jsxRuntime.jsx(Checkmark,{"data-testid":"checkmark",sizeVariant:t})]}))}))}),Input=styled__default.default.input(templateObject_1$5=templateObject_1$5||__makeTemplateObject(["\n position: absolute;\n opacity: 0;\n cursor: pointer;\n width: 0;\n height: 0;\n"],["\n position: absolute;\n opacity: 0;\n cursor: pointer;\n width: 0;\n height: 0;\n"])),Checkmark=(Input.displayName="Input",styled__default.default.span(templateObject_2$2=templateObject_2$2||__makeTemplateObject(["\n width: min-content;\n background-color: var(--color-white);\n border-radius: 50%;\n transform: rotate(45deg);\n\n ",'\n\n &:before {\n display: none;\n content: "";\n position: absolute;\n background-color: var(--color-white);\n\n ','\n }\n\n &:after {\n display: none;\n content: "";\n position: absolute;\n background-color: var(--color-white);\n ',"\n }\n\n ",":disabled ~ & {\n opacity: 0.5;\n }\n\n // not checked\n ",":not(:checked):not([disabled]):hover ~ & {\n border-color: var(--shades-of-grey-60);\n }\n\n ",":not(:checked):not([disabled]):active ~ & {\n border-color: var(--shades-of-grey-60);\n background-color: var(--shades-of-grey-60);\n }\n\n // checked\n ",":checked ~ & {\n background-color: var(--color-orange);\n border-color: var(--color-orange);\n }\n\n ",":checked:hover ~ & {\n opacity: 0.8;\n }\n\n ",":checked:not([disabled]):active ~ & {\n opacity: 0.65;\n }\n\n ",":checked ~ &:before {\n display: block;\n }\n\n ",":checked ~ &:after {\n display: block;\n }\n"],["\n width: min-content;\n background-color: var(--color-white);\n border-radius: 50%;\n transform: rotate(45deg);\n\n ",'\n\n &:before {\n display: none;\n content: "";\n position: absolute;\n background-color: var(--color-white);\n\n ','\n }\n\n &:after {\n display: none;\n content: "";\n position: absolute;\n background-color: var(--color-white);\n ',"\n }\n\n ",":disabled ~ & {\n opacity: 0.5;\n }\n\n // not checked\n ",":not(:checked):not([disabled]):hover ~ & {\n border-color: var(--shades-of-grey-60);\n }\n\n ",":not(:checked):not([disabled]):active ~ & {\n border-color: var(--shades-of-grey-60);\n background-color: var(--shades-of-grey-60);\n }\n\n // checked\n ",":checked ~ & {\n background-color: var(--color-orange);\n border-color: var(--color-orange);\n }\n\n ",":checked:hover ~ & {\n opacity: 0.8;\n }\n\n ",":checked:not([disabled]):active ~ & {\n opacity: 0.65;\n }\n\n ",":checked ~ &:before {\n display: block;\n }\n\n ",":checked ~ &:after {\n display: block;\n }\n"]),function(n){return"\n border: ".concat(sizeVariant$1[n.sizeVariant].border," solid var(--shades-of-grey-40);\n width: ").concat(sizeVariant$1[n.sizeVariant].size,";\n height: ").concat(sizeVariant$1[n.sizeVariant].size,";\n ")},function(n){return"\n width: ".concat(sizeVariant$1[n.sizeVariant].checkmarkBefore.width,";\n height: ").concat(sizeVariant$1[n.sizeVariant].checkmarkBefore.height,";\n left: ").concat(sizeVariant$1[n.sizeVariant].checkmarkBefore.left,";\n top: ").concat(sizeVariant$1[n.sizeVariant].checkmarkBefore.top,";\n ")},function(n){return"\n width: ".concat(sizeVariant$1[n.sizeVariant].checkmarkAfter.width,";\n height: ").concat(sizeVariant$1[n.sizeVariant].checkmarkAfter.height,";\n left: ").concat(sizeVariant$1[n.sizeVariant].checkmarkAfter.left,";\n top: ").concat(sizeVariant$1[n.sizeVariant].checkmarkAfter.top,";\n ")},Input,Input,Input,Input,Input,Input,Input,Input)),sizeVariant=(Checkmark.displayName="Checkmark",{s:20,m:32,l:53,xl:64,xxl:94}),colorVariant=[exports.Color.Green,exports.Color.Navy,exports.Color.Orange,exports.Color.Grey60],Initials=function(n){var e=n.text,n=n.size;return jsxRuntime.jsx(Root$4,__assign({size:sizeVariant[void 0===n?"m":n],color:colorVariant[e.charCodeAt(0)%4]},{children:e}))},Root$4=styled__default.default.div(templateObject_1$4=templateObject_1$4||__makeTemplateObject(["\n background-color: ",";\n color: var(--color-white);\n display: flex;\n align-items: center;\n justify-content: center;\n text-transform: uppercase;\n width: ","px;\n height: ","px;\n border-radius: ","px;\n"],["\n background-color: ",";\n color: var(--color-white);\n display: flex;\n align-items: center;\n justify-content: center;\n text-transform: uppercase;\n width: ","px;\n height: ","px;\n border-radius: ","px;\n"]),function(n){return n.color},function(n){return n.size},function(n){return n.size},function(n){return n.size/2}),Hero=Typography.Hero,getInitials=function(n){return n.split(" ").map(function(n){return n[0]}).slice(0,2).join("")},Profile=function(n){var e=n.src,t=n.alt,r=n.size,o=n.name,n=n.children;return jsxRuntime.jsxs(Root$3,{children:[e?jsxRuntime.jsx(Avatar,{src:e,alt:t||o,size:r}):jsxRuntime.jsx(Initials,{text:getInitials(o),size:r}),jsxRuntime.jsxs(Details,{children:[jsxRuntime.jsx(Name,__assign({as:"span"},{children:o})),n]})]})},Root$3=styled__default.default.div(templateObject_1$3=templateObject_1$3||__makeTemplateObject(["\n display: flex;\n gap: var(--padding-m);\n align-items: center;\n"],["\n display: flex;\n gap: var(--padding-m);\n align-items: center;\n"])),Name=(Root$3.displayName="Root",styled__default.default(Hero)(templateObject_2$1=templateObject_2$1||__makeTemplateObject(["\n font-weight: var(--font-bold);\n"],["\n font-weight: var(--font-bold);\n"]))),Details=(Name.displayName="Name",styled__default.default.div(templateObject_3$1=templateObject_3$1||__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"]))),MenuItem=(Details.displayName="Details",function(n){var e=n.active,t=n.label,n=n.icon;return jsxRuntime.jsxs(Root$2,__assign({active:e},{children:[jsxRuntime.jsx(Icon,{type:n}),t]}))}),Root$2=styled__default.default.div(templateObject_1$2=templateObject_1$2||__makeTemplateObject(["\n align-items: center;\n border-radius: 24px;\n border: 1px solid transparent;\n cursor: pointer;\n display: flex;\n gap: 10px;\n font-weight: var(--font-bold);\n text-align: left;\n padding: 12px 18px;\n transition: border-color var(--transition-speed),\n background-color var(--transition-speed), color var(--transition-speed);\n\n & svg {\n transition: fill var(--transition-speed);\n }\n\n &:hover {\n border-color: ",";\n }\n\n &:focus {\n background-color: var(--color-ecru);\n color: var(--color-orange);\n\n & svg {\n fill: var(--color-orange);\n }\n }\n\n ","\n"],["\n align-items: center;\n border-radius: 24px;\n border: 1px solid transparent;\n cursor: pointer;\n display: flex;\n gap: 10px;\n font-weight: var(--font-bold);\n text-align: left;\n padding: 12px 18px;\n transition: border-color var(--transition-speed),\n background-color var(--transition-speed), color var(--transition-speed);\n\n & svg {\n transition: fill var(--transition-speed);\n }\n\n &:hover {\n border-color: ",";\n }\n\n &:focus {\n background-color: var(--color-ecru);\n color: var(--color-orange);\n\n & svg {\n fill: var(--color-orange);\n }\n }\n\n ","\n"]),function(n){return n.active?"transparent":"var(--color-navy)"},function(n){return n.active&&"\n color: var(--color-white);\n background-color: var(--color-orange);\n box-shadow: 0 0 10px 0 var(--shades-of-grey-40);\n\n &:not(:focus) svg {\n fill: var(--color-white);\n }\n "}),Menu=function(n){n=n.children;return jsxRuntime.jsx(Root$1,{children:n})},MenuWithStatic=Object.assign(Menu,{Item:MenuItem}),Root$1=styled__default.default.nav(templateObject_1$1=templateObject_1$1||__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: var(--padding-s);\n"],["\n display: flex;\n flex-direction: column;\n gap: var(--padding-s);\n"])),Body=Typography.Body,Setting=function(n){var e=n.icon,t=n.title,r=n.subtitle,o=n.trigger,a=n.children,n=n.className,i=React.useState(!1),s=i[0],l=i[1];return jsxRuntime.jsxs("div",__assign({className:n},{children:[jsxRuntime.jsxs(Root,__assign({active:s,onClick:function(){l(function(n){return!n})}},{children:[jsxRuntime.jsxs(LeftHandSide,{children:[e&&jsxRuntime.jsx(Icon,{size:{width:24,height:24},type:e}),jsxRuntime.jsxs(Content,{children:[jsxRuntime.jsx(Body,__assign({bold:!0},{children:t})),jsxRuntime.jsx(Body,__assign({bold:!0,size:"s"},{children:r}))]})]}),jsxRuntime.jsxs(Trigger,__assign({active:s},{children:[jsxRuntime.jsx(Icon,{type:"angle-down",size:{width:16,height:16}}),jsxRuntime.jsx(Body,__assign({bold:!0,as:"span"},{children:o}))]}))]})),s&&jsxRuntime.jsx(ExpandedBody,{children:a})]}))},Root=styled__default.default.div(templateObject_1=templateObject_1||__makeTemplateObject(["\n align-items: center;\n background-color: var(--color-white);\n border: 1px solid\n ",";\n border-radius: 5px;\n display: flex;\n justify-content: space-between;\n padding: var(--padding-m) var(--padding-l);\n transition: border var(--transition-speed);\n cursor: pointer;\n"],["\n align-items: center;\n background-color: var(--color-white);\n border: 1px solid\n ",";\n border-radius: 5px;\n display: flex;\n justify-content: space-between;\n padding: var(--padding-m) var(--padding-l);\n transition: border var(--transition-speed);\n cursor: pointer;\n"]),function(n){return n.active?"var(--color-orange)":"var(--shades-of-grey-40)"}),Content=styled__default.default.div(templateObject_2=templateObject_2||__makeTemplateObject(["\n & > * {\n margin: 0;\n }\n"],["\n & > * {\n margin: 0;\n }\n"])),LeftHandSide=styled__default.default.div(templateObject_3=templateObject_3||__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: var(--padding-m);\n"],["\n display: flex;\n align-items: center;\n gap: var(--padding-m);\n"])),Trigger=styled__default.default.div(templateObject_4=templateObject_4||__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: var(--padding-s);\n\n & svg {\n transform: ",";\n transition: transform var(--transition-speed);\n }\n"],["\n display: flex;\n align-items: center;\n gap: var(--padding-s);\n\n & svg {\n transform: ",";\n transition: transform var(--transition-speed);\n }\n"]),function(n){return n.active?"rotate(180deg)":"rotate(0)"}),ExpandedBody=styled__default.default.div(templateObject_5=templateObject_5||__makeTemplateObject(["\n background-color: var(--shades-of-grey-20);\n padding: var(--padding-m) var(--padding-l);\n margin-top: var(--padding-s);\n"],["\n background-color: var(--shades-of-grey-20);\n padding: var(--padding-m) var(--padding-l);\n margin-top: var(--padding-s);\n"]));exports.Alert=Alert,exports.Avatar=Avatar,exports.Button=Button,exports.Card=Card,exports.Checkbox=Checkbox,exports.Chip=Chip,exports.Divider=Divider,exports.Dot=Dot,exports.Dropdown=DropdownWithStatic,exports.Icon=Icon,exports.InfoCard=InfoCard,exports.Input=Input$2,exports.IntegrigoUI=GlobalStyles,exports.Menu=MenuWithStatic,exports.Nav=Nav,exports.Pill=Pill,exports.Profile=Profile,exports.Radio=Radio,exports.Setting=Setting,exports.Spinner=Spinner,exports.TextArea=TextArea,exports.Typography=Typography;
2
2
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://npm.pkg.github.com/integrigo"
5
5
  },
6
- "version": "1.6.14a",
6
+ "version": "1.6.14b",
7
7
  "main": "lib/index.js",
8
8
  "module": "lib/index.esm.js",
9
9
  "types": "lib/index.d.ts",
package/src/components/atoms/Icon/Icon.tsx CHANGED
@@ -76,7 +76,11 @@ export const Icon: React.FCS<IconProps> = ({
76
76
  size = "ultra-small",
77
77
  ...props
78
78
  }) => {
79
- const Component = React.lazy(() => import("./icons/" + iconHashMap[type]));
79
+ console.log(__dirname);
80
+ const Component = React.lazy(
81
+ () =>
82
+ import(__dirname + "/icons/" + iconHashMap[type])
83
+ );
80
84
  const sizes = typeof size === "string" ? sizeHashMap[size] : size;
81
85
 
82
86
  return (