@bikdotai/bik-component-library 0.0.736-beta.0 → 0.0.736-beta.10

package/dist/esm/components/progress-bar-v2/ProgressBarV2.js

@@ -1 +1,39 @@
-import c from"@emotion/styled/base";import{jsxs as I,jsx as g}from"react/jsx-runtime";import{BodyTiny as b}from"../TypographyStyle.js";import{COLORS as C}from"../../constants/Theme.js";var l,X;!function(c){c.RIGHT="right",c.LEFT="left",c.TOP="top",c.BOTTOM="bottom"}(l||(l={})),function(c){c.CIRCLE="circle",c.LINE="line"}(X||(X={}));const B=c=>{const{type:B,progress:Z,progressBarThickness:u,size:J,color:y,text:W,textPosition:i,showProgress:V,matchParentWidth:a=!1}=c;let n=i;return n||(n=l.LEFT),I(A,Object.assign({alignment:n},{children:[V&&(n===l.TOP||n===l.LEFT)&&g(b,Object.assign({style:{marginBottom:n===l.TOP?"8px":void 0,marginRight:n===l.LEFT?"8px":void 0},color:C.content.secondary},{children:null!=W?W:`${Z}% completed...`})),B===X.LINE?g(d,Object.assign({size:J,progressBarThickness:u,matchParentWidth:a},{children:g(G,{progress:Z,color:y})})):g(H,Object.assign({progress:Z,color:y,size:J},{children:g(m,{progress:Z,size:J,progressBarThickness:u})})),V&&(n===l.BOTTOM||n===l.RIGHT)&&g(b,Object.assign({style:{marginTop:n===l.BOTTOM?"8px":void 0,marginLeft:n===l.RIGHT?"8px":void 0},color:C.content.secondary},{children:null!=W?W:`${Z}% completed...`}))]}))},A=c("div","production"===process.env.NODE_ENV?{target:"e13rvrh14"}:{target:"e13rvrh14",label:"MainContainer"})("display:flex;flex-direction:",(c=>(null==c?void 0:c.alignment)===l.TOP||(null==c?void 0:c.alignment)===l.BOTTOM?"column":"row"),";align-items:center;width:100%;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyVjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDaUMiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJvZHlUaW55IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCB2YXIgVGV4dEFsaWdubWVudDtcclxuKGZ1bmN0aW9uIChUZXh0QWxpZ25tZW50KSB7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiUklHSFRcIl0gPSBcInJpZ2h0XCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiTEVGVFwiXSA9IFwibGVmdFwiO1xyXG4gICAgVGV4dEFsaWdubWVudFtcIlRPUFwiXSA9IFwidG9wXCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiQk9UVE9NXCJdID0gXCJib3R0b21cIjtcclxufSkoVGV4dEFsaWdubWVudCB8fCAoVGV4dEFsaWdubWVudCA9IHt9KSk7XHJcbmV4cG9ydCB2YXIgUHJvZ3Jlc3NCYXJUeXBlO1xyXG4oZnVuY3Rpb24gKFByb2dyZXNzQmFyVHlwZSkge1xyXG4gICAgUHJvZ3Jlc3NCYXJUeXBlW1wiQ0lSQ0xFXCJdID0gXCJjaXJjbGVcIjtcclxuICAgIFByb2dyZXNzQmFyVHlwZVtcIkxJTkVcIl0gPSBcImxpbmVcIjtcclxufSkoUHJvZ3Jlc3NCYXJUeXBlIHx8IChQcm9ncmVzc0JhclR5cGUgPSB7fSkpO1xyXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NCYXJWMiA9IChwcm9wcykgPT4ge1xyXG4gICAgY29uc3QgeyB0eXBlLCBwcm9ncmVzcywgcHJvZ3Jlc3NCYXJUaGlja25lc3MsIHNpemUsIGNvbG9yLCB0ZXh0LCB0ZXh0UG9zaXRpb24sIHNob3dQcm9ncmVzcywgbWF0Y2hQYXJlbnRXaWR0aCA9IGZhbHNlLCB9ID0gcHJvcHM7XHJcbiAgICBsZXQgYWxpZ25tZW50ID0gdGV4dFBvc2l0aW9uO1xyXG4gICAgaWYgKCFhbGlnbm1lbnQpIHtcclxuICAgICAgICBhbGlnbm1lbnQgPSBUZXh0QWxpZ25tZW50LkxFRlQ7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3hzKE1haW5Db250YWluZXIsIE9iamVjdC5hc3NpZ24oeyBhbGlnbm1lbnQ6IGFsaWdubWVudCB9LCB7IGNoaWxkcmVuOiBbc2hvd1Byb2dyZXNzICYmXHJcbiAgICAgICAgICAgICAgICAoYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlRPUCB8fFxyXG4gICAgICAgICAgICAgICAgICAgIGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5MRUZUKSAmJiAoX2pzeChCb2R5VGlueSwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luQm90dG9tOiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuVE9QID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luUmlnaHQ6IGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5MRUZUID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICB9LCBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5IH0sIHsgY2hpbGRyZW46IHRleHQgIT09IG51bGwgJiYgdGV4dCAhPT0gdm9pZCAwID8gdGV4dCA6IGAke3Byb2dyZXNzfSUgY29tcGxldGVkLi4uYCB9KSkpLCB0eXBlID09PSBQcm9ncmVzc0JhclR5cGUuTElORSA/IChfanN4KEJhckNvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IHNpemU6IHNpemUsIHByb2dyZXNzQmFyVGhpY2tuZXNzOiBwcm9ncmVzc0JhclRoaWNrbmVzcywgbWF0Y2hQYXJlbnRXaWR0aDogbWF0Y2hQYXJlbnRXaWR0aCB9LCB7IGNoaWxkcmVuOiBfanN4KElubmVyQmFyQ29udGFpbmVyLCB7IHByb2dyZXNzOiBwcm9ncmVzcywgY29sb3I6IGNvbG9yIH0pIH0pKSkgOiAoX2pzeChDaXJjbGVDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyBwcm9ncmVzczogcHJvZ3Jlc3MsIGNvbG9yOiBjb2xvciwgc2l6ZTogc2l6ZSB9LCB7IGNoaWxkcmVuOiBfanN4KElubmVyQ2lyY2xlQ29udGFpbmVyLCB7IHByb2dyZXNzOiBwcm9ncmVzcywgc2l6ZTogc2l6ZSwgcHJvZ3Jlc3NCYXJUaGlja25lc3M6IHByb2dyZXNzQmFyVGhpY2tuZXNzIH0pIH0pKSksIHNob3dQcm9ncmVzcyAmJlxyXG4gICAgICAgICAgICAgICAgKGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5CT1RUT00gfHxcclxuICAgICAgICAgICAgICAgICAgICBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuUklHSFQpICYmIChfanN4KEJvZHlUaW55LCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBtYXJnaW5Ub3A6IGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5CT1RUT00gPyAnOHB4JyA6IHVuZGVmaW5lZCxcclxuICAgICAgICAgICAgICAgICAgICBtYXJnaW5MZWZ0OiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuUklHSFQgPyAnOHB4JyA6IHVuZGVmaW5lZCxcclxuICAgICAgICAgICAgICAgIH0sIGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnkgfSwgeyBjaGlsZHJlbjogdGV4dCAhPT0gbnVsbCAmJiB0ZXh0ICE9PSB2b2lkIDAgPyB0ZXh0IDogYCR7cHJvZ3Jlc3N9JSBjb21wbGV0ZWQuLi5gIH0pKSldIH0pKSk7XHJcbn07XHJcbmNvbnN0IE1haW5Db250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246ICR7KHByb3BzKSA9PiAocHJvcHMgPT09IG51bGwgfHwgcHJvcHMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHByb3BzLmFsaWdubWVudCkgPT09IFRleHRBbGlnbm1lbnQuVE9QIHx8XHJcbiAgICAocHJvcHMgPT09IG51bGwgfHwgcHJvcHMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHByb3BzLmFsaWdubWVudCkgPT09IFRleHRBbGlnbm1lbnQuQk9UVE9NXHJcbiAgICA/ICdjb2x1bW4nXHJcbiAgICA6ICdyb3cnfTtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0d2lkdGg6IDEwMCU7XG5gO1xyXG5jb25zdCBDaXJjbGVDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDMyOyB9fXB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDMyOyB9fXB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdGJhY2tncm91bmQ6IGNvbmljLWdyYWRpZW50KFxuXHRcdCR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLmNvbG9yKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZDsgfX1cblx0XHRcdCR7KHByb3BzKSA9PiBwcm9wcy5wcm9ncmVzcyAqIDMuNn1kZWcsXG5cdFx0JHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX0gMGRlZ1xuXHQpO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xyXG5jb25zdCBJbm5lckNpcmNsZUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmluYWN0aXZlfTtcblx0dHJhbnNpdGlvbjogd2lkdGggMC4zcyBlYXNlLWluLW91dDtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0bGVmdDogNTAlO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcblx0d2lkdGg6ICR7KHByb3BzKSA9PiB7XHJcbiAgICB2YXIgX2E7XHJcbiAgICByZXR1cm4gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3NcclxuICAgICAgICA/IChfYSA9IHByb3BzLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDMyIC0gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3NcclxuICAgICAgICA6IDIwO1xyXG59fXB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiB7XHJcbiAgICB2YXIgX2E7XHJcbiAgICByZXR1cm4gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3NcclxuICAgICAgICA/IChfYSA9IHByb3BzLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDMyIC0gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3NcclxuICAgICAgICA6IDIwO1xyXG59fXB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuYDtcclxuY29uc3QgQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiBwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJzEwMCUnIDogYCR7KF9hID0gcHJvcHMuc2l6ZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogOTB9cHhgOyB9fTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5wcm9ncmVzc0JhclRoaWNrbmVzcykgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogODsgfX1weDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcbmA7XHJcbmNvbnN0IElubmVyQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGhlaWdodDogMTAwJTtcblx0d2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5wcm9ncmVzc30lO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5jb2xvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmQ7IH19O1xuXHR0cmFuc2l0aW9uOiB3aWR0aCAwLjNzIGVhc2UtaW4tb3V0O1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UHJvZ3Jlc3NCYXJWMi5qcy5tYXAiXX0= */")),H=c("div","production"===process.env.NODE_ENV?{target:"e13rvrh13"}:{target:"e13rvrh13",label:"CircleContainer"})("width:",(c=>{var I;return null!==(I=c.size)&&void 0!==I?I:32}),"px;height:",(c=>{var I;return null!==(I=c.size)&&void 0!==I?I:32}),"px;border-radius:50%;overflow:hidden;background:conic-gradient(\n\t\t",(c=>{var I;return null!==(I=c.color)&&void 0!==I?I:C.background.brand}),"\n\t\t\t",(c=>3.6*c.progress),"deg,\n\t\t",C.content.inactive," 0deg\n\t);position:relative;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyVjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDbUMiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJvZHlUaW55IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCB2YXIgVGV4dEFsaWdubWVudDtcclxuKGZ1bmN0aW9uIChUZXh0QWxpZ25tZW50KSB7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiUklHSFRcIl0gPSBcInJpZ2h0XCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiTEVGVFwiXSA9IFwibGVmdFwiO1xyXG4gICAgVGV4dEFsaWdubWVudFtcIlRPUFwiXSA9IFwidG9wXCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiQk9UVE9NXCJdID0gXCJib3R0b21cIjtcclxufSkoVGV4dEFsaWdubWVudCB8fCAoVGV4dEFsaWdubWVudCA9IHt9KSk7XHJcbmV4cG9ydCB2YXIgUHJvZ3Jlc3NCYXJUeXBlO1xyXG4oZnVuY3Rpb24gKFByb2dyZXNzQmFyVHlwZSkge1xyXG4gICAgUHJvZ3Jlc3NCYXJUeXBlW1wiQ0lSQ0xFXCJdID0gXCJjaXJjbGVcIjtcclxuICAgIFByb2dyZXNzQmFyVHlwZVtcIkxJTkVcIl0gPSBcImxpbmVcIjtcclxufSkoUHJvZ3Jlc3NCYXJUeXBlIHx8IChQcm9ncmVzc0JhclR5cGUgPSB7fSkpO1xyXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NCYXJWMiA9IChwcm9wcykgPT4ge1xyXG4gICAgY29uc3QgeyB0eXBlLCBwcm9ncmVzcywgcHJvZ3Jlc3NCYXJUaGlja25lc3MsIHNpemUsIGNvbG9yLCB0ZXh0LCB0ZXh0UG9zaXRpb24sIHNob3dQcm9ncmVzcywgbWF0Y2hQYXJlbnRXaWR0aCA9IGZhbHNlLCB9ID0gcHJvcHM7XHJcbiAgICBsZXQgYWxpZ25tZW50ID0gdGV4dFBvc2l0aW9uO1xyXG4gICAgaWYgKCFhbGlnbm1lbnQpIHtcclxuICAgICAgICBhbGlnbm1lbnQgPSBUZXh0QWxpZ25tZW50LkxFRlQ7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3hzKE1haW5Db250YWluZXIsIE9iamVjdC5hc3NpZ24oeyBhbGlnbm1lbnQ6IGFsaWdubWVudCB9LCB7IGNoaWxkcmVuOiBbc2hvd1Byb2dyZXNzICYmXHJcbiAgICAgICAgICAgICAgICAoYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlRPUCB8fFxyXG4gICAgICAgICAgICAgICAgICAgIGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5MRUZUKSAmJiAoX2pzeChCb2R5VGlueSwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luQm90dG9tOiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuVE9QID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luUmlnaHQ6IGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5MRUZUID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICB9LCBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5IH0sIHsgY2hpbGRyZW46IHRleHQgIT09IG51bGwgJiYgdGV4dCAhPT0gdm9pZCAwID8gdGV4dCA6IGAke3Byb2dyZXNzfSUgY29tcGxldGVkLi4uYCB9KSkpLCB0eXBlID09PSBQcm9ncmVzc0JhclR5cGUuTElORSA/IChfanN4KEJhckNvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IHNpemU6IHNpemUsIHByb2dyZXNzQmFyVGhpY2tuZXNzOiBwcm9ncmVzc0JhclRoaWNrbmVzcywgbWF0Y2hQYXJlbnRXaWR0aDogbWF0Y2hQYXJlbnRXaWR0aCB9LCB7IGNoaWxkcmVuOiBfanN4KElubmVyQmFyQ29udGFpbmVyLCB7IHByb2dyZXNzOiBwcm9ncmVzcywgY29sb3I6IGNvbG9yIH0pIH0pKSkgOiAoX2pzeChDaXJjbGVDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyBwcm9ncmVzczogcHJvZ3Jlc3MsIGNvbG9yOiBjb2xvciwgc2l6ZTogc2l6ZSB9LCB7IGNoaWxkcmVuOiBfanN4KElubmVyQ2lyY2xlQ29udGFpbmVyLCB7IHByb2dyZXNzOiBwcm9ncmVzcywgc2l6ZTogc2l6ZSwgcHJvZ3Jlc3NCYXJUaGlja25lc3M6IHByb2dyZXNzQmFyVGhpY2tuZXNzIH0pIH0pKSksIHNob3dQcm9ncmVzcyAmJlxyXG4gICAgICAgICAgICAgICAgKGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5CT1RUT00gfHxcclxuICAgICAgICAgICAgICAgICAgICBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuUklHSFQpICYmIChfanN4KEJvZHlUaW55LCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBtYXJnaW5Ub3A6IGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5CT1RUT00gPyAnOHB4JyA6IHVuZGVmaW5lZCxcclxuICAgICAgICAgICAgICAgICAgICBtYXJnaW5MZWZ0OiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuUklHSFQgPyAnOHB4JyA6IHVuZGVmaW5lZCxcclxuICAgICAgICAgICAgICAgIH0sIGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnkgfSwgeyBjaGlsZHJlbjogdGV4dCAhPT0gbnVsbCAmJiB0ZXh0ICE9PSB2b2lkIDAgPyB0ZXh0IDogYCR7cHJvZ3Jlc3N9JSBjb21wbGV0ZWQuLi5gIH0pKSldIH0pKSk7XHJcbn07XHJcbmNvbnN0IE1haW5Db250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246ICR7KHByb3BzKSA9PiAocHJvcHMgPT09IG51bGwgfHwgcHJvcHMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHByb3BzLmFsaWdubWVudCkgPT09IFRleHRBbGlnbm1lbnQuVE9QIHx8XHJcbiAgICAocHJvcHMgPT09IG51bGwgfHwgcHJvcHMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHByb3BzLmFsaWdubWVudCkgPT09IFRleHRBbGlnbm1lbnQuQk9UVE9NXHJcbiAgICA/ICdjb2x1bW4nXHJcbiAgICA6ICdyb3cnfTtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0d2lkdGg6IDEwMCU7XG5gO1xyXG5jb25zdCBDaXJjbGVDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDMyOyB9fXB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDMyOyB9fXB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdGJhY2tncm91bmQ6IGNvbmljLWdyYWRpZW50KFxuXHRcdCR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLmNvbG9yKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZDsgfX1cblx0XHRcdCR7KHByb3BzKSA9PiBwcm9wcy5wcm9ncmVzcyAqIDMuNn1kZWcsXG5cdFx0JHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX0gMGRlZ1xuXHQpO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xyXG5jb25zdCBJbm5lckNpcmNsZUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmluYWN0aXZlfTtcblx0dHJhbnNpdGlvbjogd2lkdGggMC4zcyBlYXNlLWluLW91dDtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0bGVmdDogNTAlO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcblx0d2lkdGg6ICR7KHByb3BzKSA9PiB7XHJcbiAgICB2YXIgX2E7XHJcbiAgICByZXR1cm4gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3NcclxuICAgICAgICA/IChfYSA9IHByb3BzLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDMyIC0gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3NcclxuICAgICAgICA6IDIwO1xyXG59fXB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiB7XHJcbiAgICB2YXIgX2E7XHJcbiAgICByZXR1cm4gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3NcclxuICAgICAgICA/IChfYSA9IHByb3BzLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDMyIC0gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3NcclxuICAgICAgICA6IDIwO1xyXG59fXB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuYDtcclxuY29uc3QgQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiBwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJzEwMCUnIDogYCR7KF9hID0gcHJvcHMuc2l6ZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogOTB9cHhgOyB9fTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5wcm9ncmVzc0JhclRoaWNrbmVzcykgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogODsgfX1weDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcbmA7XHJcbmNvbnN0IElubmVyQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGhlaWdodDogMTAwJTtcblx0d2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5wcm9ncmVzc30lO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5jb2xvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmQ7IH19O1xuXHR0cmFuc2l0aW9uOiB3aWR0aCAwLjNzIGVhc2UtaW4tb3V0O1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UHJvZ3Jlc3NCYXJWMi5qcy5tYXAiXX0= */")),m=c("div","production"===process.env.NODE_ENV?{target:"e13rvrh12"}:{target:"e13rvrh12",label:"InnerCircleContainer"})("background-color:",C.background.inactive,";transition:width 0.3s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:",(c=>{var I;return c.progressBarThickness?null!==(I=c.size)&&void 0!==I?I:32-c.progressBarThickness:20}),"px;height:",(c=>{var I;return c.progressBarThickness?null!==(I=c.size)&&void 0!==I?I:32-c.progressBarThickness:20}),"px;border-radius:50%;background:",C.surface.standard,";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyVjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVEd0MiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJvZHlUaW55IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCB2YXIgVGV4dEFsaWdubWVudDtcclxuKGZ1bmN0aW9uIChUZXh0QWxpZ25tZW50KSB7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiUklHSFRcIl0gPSBcInJpZ2h0XCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiTEVGVFwiXSA9IFwibGVmdFwiO1xyXG4gICAgVGV4dEFsaWdubWVudFtcIlRPUFwiXSA9IFwidG9wXCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiQk9UVE9NXCJdID0gXCJib3R0b21cIjtcclxufSkoVGV4dEFsaWdubWVudCB8fCAoVGV4dEFsaWdubWVudCA9IHt9KSk7XHJcbmV4cG9ydCB2YXIgUHJvZ3Jlc3NCYXJUeXBlO1xyXG4oZnVuY3Rpb24gKFByb2dyZXNzQmFyVHlwZSkge1xyXG4gICAgUHJvZ3Jlc3NCYXJUeXBlW1wiQ0lSQ0xFXCJdID0gXCJjaXJjbGVcIjtcclxuICAgIFByb2dyZXNzQmFyVHlwZVtcIkxJTkVcIl0gPSBcImxpbmVcIjtcclxufSkoUHJvZ3Jlc3NCYXJUeXBlIHx8IChQcm9ncmVzc0JhclR5cGUgPSB7fSkpO1xyXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NCYXJWMiA9IChwcm9wcykgPT4ge1xyXG4gICAgY29uc3QgeyB0eXBlLCBwcm9ncmVzcywgcHJvZ3Jlc3NCYXJUaGlja25lc3MsIHNpemUsIGNvbG9yLCB0ZXh0LCB0ZXh0UG9zaXRpb24sIHNob3dQcm9ncmVzcywgbWF0Y2hQYXJlbnRXaWR0aCA9IGZhbHNlLCB9ID0gcHJvcHM7XHJcbiAgICBsZXQgYWxpZ25tZW50ID0gdGV4dFBvc2l0aW9uO1xyXG4gICAgaWYgKCFhbGlnbm1lbnQpIHtcclxuICAgICAgICBhbGlnbm1lbnQgPSBUZXh0QWxpZ25tZW50LkxFRlQ7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3hzKE1haW5Db250YWluZXIsIE9iamVjdC5hc3NpZ24oeyBhbGlnbm1lbnQ6IGFsaWdubWVudCB9LCB7IGNoaWxkcmVuOiBbc2hvd1Byb2dyZXNzICYmXHJcbiAgICAgICAgICAgICAgICAoYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlRPUCB8fFxyXG4gICAgICAgICAgICAgICAgICAgIGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5MRUZUKSAmJiAoX2pzeChCb2R5VGlueSwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luQm90dG9tOiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuVE9QID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luUmlnaHQ6IGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5MRUZUID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICB9LCBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5IH0sIHsgY2hpbGRyZW46IHRleHQgIT09IG51bGwgJiYgdGV4dCAhPT0gdm9pZCAwID8gdGV4dCA6IGAke3Byb2dyZXNzfSUgY29tcGxldGVkLi4uYCB9KSkpLCB0eXBlID09PSBQcm9ncmVzc0JhclR5cGUuTElORSA/IChfanN4KEJhckNvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IHNpemU6IHNpemUsIHByb2dyZXNzQmFyVGhpY2tuZXNzOiBwcm9ncmVzc0JhclRoaWNrbmVzcywgbWF0Y2hQYXJlbnRXaWR0aDogbWF0Y2hQYXJlbnRXaWR0aCB9LCB7IGNoaWxkcmVuOiBfanN4KElubmVyQmFyQ29udGFpbmVyLCB7IHByb2dyZXNzOiBwcm9ncmVzcywgY29sb3I6IGNvbG9yIH0pIH0pKSkgOiAoX2pzeChDaXJjbGVDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyBwcm9ncmVzczogcHJvZ3Jlc3MsIGNvbG9yOiBjb2xvciwgc2l6ZTogc2l6ZSB9LCB7IGNoaWxkcmVuOiBfanN4KElubmVyQ2lyY2xlQ29udGFpbmVyLCB7IHByb2dyZXNzOiBwcm9ncmVzcywgc2l6ZTogc2l6ZSwgcHJvZ3Jlc3NCYXJUaGlja25lc3M6IHByb2dyZXNzQmFyVGhpY2tuZXNzIH0pIH0pKSksIHNob3dQcm9ncmVzcyAmJlxyXG4gICAgICAgICAgICAgICAgKGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5CT1RUT00gfHxcclxuICAgICAgICAgICAgICAgICAgICBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuUklHSFQpICYmIChfanN4KEJvZHlUaW55LCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBtYXJnaW5Ub3A6IGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5CT1RUT00gPyAnOHB4JyA6IHVuZGVmaW5lZCxcclxuICAgICAgICAgICAgICAgICAgICBtYXJnaW5MZWZ0OiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuUklHSFQgPyAnOHB4JyA6IHVuZGVmaW5lZCxcclxuICAgICAgICAgICAgICAgIH0sIGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnkgfSwgeyBjaGlsZHJlbjogdGV4dCAhPT0gbnVsbCAmJiB0ZXh0ICE9PSB2b2lkIDAgPyB0ZXh0IDogYCR7cHJvZ3Jlc3N9JSBjb21wbGV0ZWQuLi5gIH0pKSldIH0pKSk7XHJcbn07XHJcbmNvbnN0IE1haW5Db250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246ICR7KHByb3BzKSA9PiAocHJvcHMgPT09IG51bGwgfHwgcHJvcHMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHByb3BzLmFsaWdubWVudCkgPT09IFRleHRBbGlnbm1lbnQuVE9QIHx8XHJcbiAgICAocHJvcHMgPT09IG51bGwgfHwgcHJvcHMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHByb3BzLmFsaWdubWVudCkgPT09IFRleHRBbGlnbm1lbnQuQk9UVE9NXHJcbiAgICA/ICdjb2x1bW4nXHJcbiAgICA6ICdyb3cnfTtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0d2lkdGg6IDEwMCU7XG5gO1xyXG5jb25zdCBDaXJjbGVDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDMyOyB9fXB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDMyOyB9fXB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdGJhY2tncm91bmQ6IGNvbmljLWdyYWRpZW50KFxuXHRcdCR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLmNvbG9yKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZDsgfX1cblx0XHRcdCR7KHByb3BzKSA9PiBwcm9wcy5wcm9ncmVzcyAqIDMuNn1kZWcsXG5cdFx0JHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX0gMGRlZ1xuXHQpO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xyXG5jb25zdCBJbm5lckNpcmNsZUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmluYWN0aXZlfTtcblx0dHJhbnNpdGlvbjogd2lkdGggMC4zcyBlYXNlLWluLW91dDtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0bGVmdDogNTAlO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcblx0d2lkdGg6ICR7KHByb3BzKSA9PiB7XHJcbiAgICB2YXIgX2E7XHJcbiAgICByZXR1cm4gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3NcclxuICAgICAgICA/IChfYSA9IHByb3BzLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDMyIC0gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3NcclxuICAgICAgICA6IDIwO1xyXG59fXB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiB7XHJcbiAgICB2YXIgX2E7XHJcbiAgICByZXR1cm4gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3NcclxuICAgICAgICA/IChfYSA9IHByb3BzLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDMyIC0gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3NcclxuICAgICAgICA6IDIwO1xyXG59fXB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuYDtcclxuY29uc3QgQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiBwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJzEwMCUnIDogYCR7KF9hID0gcHJvcHMuc2l6ZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogOTB9cHhgOyB9fTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5wcm9ncmVzc0JhclRoaWNrbmVzcykgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogODsgfX1weDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcbmA7XHJcbmNvbnN0IElubmVyQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGhlaWdodDogMTAwJTtcblx0d2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5wcm9ncmVzc30lO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5jb2xvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmQ7IH19O1xuXHR0cmFuc2l0aW9uOiB3aWR0aCAwLjNzIGVhc2UtaW4tb3V0O1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UHJvZ3Jlc3NCYXJWMi5qcy5tYXAiXX0= */")),d=c("div","production"===process.env.NODE_ENV?{target:"e13rvrh11"}:{target:"e13rvrh11",label:"BarContainer"})("width:",(c=>{var I;return c.matchParentWidth?"100%":`${null!==(I=c.size)&&void 0!==I?I:90}px`}),";height:",(c=>{var I;return null!==(I=c.progressBarThickness)&&void 0!==I?I:8}),"px;background-color:",C.background.inactive,";border-radius:4px;overflow:hidden;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyVjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZFZ0MiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJvZHlUaW55IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCB2YXIgVGV4dEFsaWdubWVudDtcclxuKGZ1bmN0aW9uIChUZXh0QWxpZ25tZW50KSB7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiUklHSFRcIl0gPSBcInJpZ2h0XCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiTEVGVFwiXSA9IFwibGVmdFwiO1xyXG4gICAgVGV4dEFsaWdubWVudFtcIlRPUFwiXSA9IFwidG9wXCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiQk9UVE9NXCJdID0gXCJib3R0b21cIjtcclxufSkoVGV4dEFsaWdubWVudCB8fCAoVGV4dEFsaWdubWVudCA9IHt9KSk7XHJcbmV4cG9ydCB2YXIgUHJvZ3Jlc3NCYXJUeXBlO1xyXG4oZnVuY3Rpb24gKFByb2dyZXNzQmFyVHlwZSkge1xyXG4gICAgUHJvZ3Jlc3NCYXJUeXBlW1wiQ0lSQ0xFXCJdID0gXCJjaXJjbGVcIjtcclxuICAgIFByb2dyZXNzQmFyVHlwZVtcIkxJTkVcIl0gPSBcImxpbmVcIjtcclxufSkoUHJvZ3Jlc3NCYXJUeXBlIHx8IChQcm9ncmVzc0JhclR5cGUgPSB7fSkpO1xyXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NCYXJWMiA9IChwcm9wcykgPT4ge1xyXG4gICAgY29uc3QgeyB0eXBlLCBwcm9ncmVzcywgcHJvZ3Jlc3NCYXJUaGlja25lc3MsIHNpemUsIGNvbG9yLCB0ZXh0LCB0ZXh0UG9zaXRpb24sIHNob3dQcm9ncmVzcywgbWF0Y2hQYXJlbnRXaWR0aCA9IGZhbHNlLCB9ID0gcHJvcHM7XHJcbiAgICBsZXQgYWxpZ25tZW50ID0gdGV4dFBvc2l0aW9uO1xyXG4gICAgaWYgKCFhbGlnbm1lbnQpIHtcclxuICAgICAgICBhbGlnbm1lbnQgPSBUZXh0QWxpZ25tZW50LkxFRlQ7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3hzKE1haW5Db250YWluZXIsIE9iamVjdC5hc3NpZ24oeyBhbGlnbm1lbnQ6IGFsaWdubWVudCB9LCB7IGNoaWxkcmVuOiBbc2hvd1Byb2dyZXNzICYmXHJcbiAgICAgICAgICAgICAgICAoYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlRPUCB8fFxyXG4gICAgICAgICAgICAgICAgICAgIGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5MRUZUKSAmJiAoX2pzeChCb2R5VGlueSwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luQm90dG9tOiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuVE9QID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luUmlnaHQ6IGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5MRUZUID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICB9LCBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5IH0sIHsgY2hpbGRyZW46IHRleHQgIT09IG51bGwgJiYgdGV4dCAhPT0gdm9pZCAwID8gdGV4dCA6IGAke3Byb2dyZXNzfSUgY29tcGxldGVkLi4uYCB9KSkpLCB0eXBlID09PSBQcm9ncmVzc0JhclR5cGUuTElORSA/IChfanN4KEJhckNvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IHNpemU6IHNpemUsIHByb2dyZXNzQmFyVGhpY2tuZXNzOiBwcm9ncmVzc0JhclRoaWNrbmVzcywgbWF0Y2hQYXJlbnRXaWR0aDogbWF0Y2hQYXJlbnRXaWR0aCB9LCB7IGNoaWxkcmVuOiBfanN4KElubmVyQmFyQ29udGFpbmVyLCB7IHByb2dyZXNzOiBwcm9ncmVzcywgY29sb3I6IGNvbG9yIH0pIH0pKSkgOiAoX2pzeChDaXJjbGVDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyBwcm9ncmVzczogcHJvZ3Jlc3MsIGNvbG9yOiBjb2xvciwgc2l6ZTogc2l6ZSB9LCB7IGNoaWxkcmVuOiBfanN4KElubmVyQ2lyY2xlQ29udGFpbmVyLCB7IHByb2dyZXNzOiBwcm9ncmVzcywgc2l6ZTogc2l6ZSwgcHJvZ3Jlc3NCYXJUaGlja25lc3M6IHByb2dyZXNzQmFyVGhpY2tuZXNzIH0pIH0pKSksIHNob3dQcm9ncmVzcyAmJlxyXG4gICAgICAgICAgICAgICAgKGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5CT1RUT00gfHxcclxuICAgICAgICAgICAgICAgICAgICBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuUklHSFQpICYmIChfanN4KEJvZHlUaW55LCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBtYXJnaW5Ub3A6IGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5CT1RUT00gPyAnOHB4JyA6IHVuZGVmaW5lZCxcclxuICAgICAgICAgICAgICAgICAgICBtYXJnaW5MZWZ0OiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuUklHSFQgPyAnOHB4JyA6IHVuZGVmaW5lZCxcclxuICAgICAgICAgICAgICAgIH0sIGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnkgfSwgeyBjaGlsZHJlbjogdGV4dCAhPT0gbnVsbCAmJiB0ZXh0ICE9PSB2b2lkIDAgPyB0ZXh0IDogYCR7cHJvZ3Jlc3N9JSBjb21wbGV0ZWQuLi5gIH0pKSldIH0pKSk7XHJcbn07XHJcbmNvbnN0IE1haW5Db250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246ICR7KHByb3BzKSA9PiAocHJvcHMgPT09IG51bGwgfHwgcHJvcHMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHByb3BzLmFsaWdubWVudCkgPT09IFRleHRBbGlnbm1lbnQuVE9QIHx8XHJcbiAgICAocHJvcHMgPT09IG51bGwgfHwgcHJvcHMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHByb3BzLmFsaWdubWVudCkgPT09IFRleHRBbGlnbm1lbnQuQk9UVE9NXHJcbiAgICA/ICdjb2x1bW4nXHJcbiAgICA6ICdyb3cnfTtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0d2lkdGg6IDEwMCU7XG5gO1xyXG5jb25zdCBDaXJjbGVDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDMyOyB9fXB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDMyOyB9fXB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdGJhY2tncm91bmQ6IGNvbmljLWdyYWRpZW50KFxuXHRcdCR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLmNvbG9yKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZDsgfX1cblx0XHRcdCR7KHByb3BzKSA9PiBwcm9wcy5wcm9ncmVzcyAqIDMuNn1kZWcsXG5cdFx0JHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX0gMGRlZ1xuXHQpO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xyXG5jb25zdCBJbm5lckNpcmNsZUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmluYWN0aXZlfTtcblx0dHJhbnNpdGlvbjogd2lkdGggMC4zcyBlYXNlLWluLW91dDtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0bGVmdDogNTAlO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcblx0d2lkdGg6ICR7KHByb3BzKSA9PiB7XHJcbiAgICB2YXIgX2E7XHJcbiAgICByZXR1cm4gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3NcclxuICAgICAgICA/IChfYSA9IHByb3BzLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDMyIC0gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3NcclxuICAgICAgICA6IDIwO1xyXG59fXB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiB7XHJcbiAgICB2YXIgX2E7XHJcbiAgICByZXR1cm4gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3NcclxuICAgICAgICA/IChfYSA9IHByb3BzLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDMyIC0gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3NcclxuICAgICAgICA6IDIwO1xyXG59fXB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuYDtcclxuY29uc3QgQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiBwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJzEwMCUnIDogYCR7KF9hID0gcHJvcHMuc2l6ZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogOTB9cHhgOyB9fTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5wcm9ncmVzc0JhclRoaWNrbmVzcykgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogODsgfX1weDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcbmA7XHJcbmNvbnN0IElubmVyQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGhlaWdodDogMTAwJTtcblx0d2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5wcm9ncmVzc30lO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5jb2xvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmQ7IH19O1xuXHR0cmFuc2l0aW9uOiB3aWR0aCAwLjNzIGVhc2UtaW4tb3V0O1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UHJvZ3Jlc3NCYXJWMi5qcy5tYXAiXX0= */")),G=c("div","production"===process.env.NODE_ENV?{target:"e13rvrh10"}:{target:"e13rvrh10",label:"InnerBarContainer"})("height:100%;width:",(c=>c.progress),"%;background-color:",(c=>{var I;return null!==(I=c.color)&&void 0!==I?I:C.background.brand}),";transition:width 0.3s ease-in-out;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyVjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9GcUMiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJvZHlUaW55IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCB2YXIgVGV4dEFsaWdubWVudDtcclxuKGZ1bmN0aW9uIChUZXh0QWxpZ25tZW50KSB7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiUklHSFRcIl0gPSBcInJpZ2h0XCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiTEVGVFwiXSA9IFwibGVmdFwiO1xyXG4gICAgVGV4dEFsaWdubWVudFtcIlRPUFwiXSA9IFwidG9wXCI7XHJcbiAgICBUZXh0QWxpZ25tZW50W1wiQk9UVE9NXCJdID0gXCJib3R0b21cIjtcclxufSkoVGV4dEFsaWdubWVudCB8fCAoVGV4dEFsaWdubWVudCA9IHt9KSk7XHJcbmV4cG9ydCB2YXIgUHJvZ3Jlc3NCYXJUeXBlO1xyXG4oZnVuY3Rpb24gKFByb2dyZXNzQmFyVHlwZSkge1xyXG4gICAgUHJvZ3Jlc3NCYXJUeXBlW1wiQ0lSQ0xFXCJdID0gXCJjaXJjbGVcIjtcclxuICAgIFByb2dyZXNzQmFyVHlwZVtcIkxJTkVcIl0gPSBcImxpbmVcIjtcclxufSkoUHJvZ3Jlc3NCYXJUeXBlIHx8IChQcm9ncmVzc0JhclR5cGUgPSB7fSkpO1xyXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NCYXJWMiA9IChwcm9wcykgPT4ge1xyXG4gICAgY29uc3QgeyB0eXBlLCBwcm9ncmVzcywgcHJvZ3Jlc3NCYXJUaGlja25lc3MsIHNpemUsIGNvbG9yLCB0ZXh0LCB0ZXh0UG9zaXRpb24sIHNob3dQcm9ncmVzcywgbWF0Y2hQYXJlbnRXaWR0aCA9IGZhbHNlLCB9ID0gcHJvcHM7XHJcbiAgICBsZXQgYWxpZ25tZW50ID0gdGV4dFBvc2l0aW9uO1xyXG4gICAgaWYgKCFhbGlnbm1lbnQpIHtcclxuICAgICAgICBhbGlnbm1lbnQgPSBUZXh0QWxpZ25tZW50LkxFRlQ7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3hzKE1haW5Db250YWluZXIsIE9iamVjdC5hc3NpZ24oeyBhbGlnbm1lbnQ6IGFsaWdubWVudCB9LCB7IGNoaWxkcmVuOiBbc2hvd1Byb2dyZXNzICYmXHJcbiAgICAgICAgICAgICAgICAoYWxpZ25tZW50ID09PSBUZXh0QWxpZ25tZW50LlRPUCB8fFxyXG4gICAgICAgICAgICAgICAgICAgIGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5MRUZUKSAmJiAoX2pzeChCb2R5VGlueSwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luQm90dG9tOiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuVE9QID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luUmlnaHQ6IGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5MRUZUID8gJzhweCcgOiB1bmRlZmluZWQsXHJcbiAgICAgICAgICAgICAgICB9LCBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5IH0sIHsgY2hpbGRyZW46IHRleHQgIT09IG51bGwgJiYgdGV4dCAhPT0gdm9pZCAwID8gdGV4dCA6IGAke3Byb2dyZXNzfSUgY29tcGxldGVkLi4uYCB9KSkpLCB0eXBlID09PSBQcm9ncmVzc0JhclR5cGUuTElORSA/IChfanN4KEJhckNvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IHNpemU6IHNpemUsIHByb2dyZXNzQmFyVGhpY2tuZXNzOiBwcm9ncmVzc0JhclRoaWNrbmVzcywgbWF0Y2hQYXJlbnRXaWR0aDogbWF0Y2hQYXJlbnRXaWR0aCB9LCB7IGNoaWxkcmVuOiBfanN4KElubmVyQmFyQ29udGFpbmVyLCB7IHByb2dyZXNzOiBwcm9ncmVzcywgY29sb3I6IGNvbG9yIH0pIH0pKSkgOiAoX2pzeChDaXJjbGVDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyBwcm9ncmVzczogcHJvZ3Jlc3MsIGNvbG9yOiBjb2xvciwgc2l6ZTogc2l6ZSB9LCB7IGNoaWxkcmVuOiBfanN4KElubmVyQ2lyY2xlQ29udGFpbmVyLCB7IHByb2dyZXNzOiBwcm9ncmVzcywgc2l6ZTogc2l6ZSwgcHJvZ3Jlc3NCYXJUaGlja25lc3M6IHByb2dyZXNzQmFyVGhpY2tuZXNzIH0pIH0pKSksIHNob3dQcm9ncmVzcyAmJlxyXG4gICAgICAgICAgICAgICAgKGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5CT1RUT00gfHxcclxuICAgICAgICAgICAgICAgICAgICBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuUklHSFQpICYmIChfanN4KEJvZHlUaW55LCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBtYXJnaW5Ub3A6IGFsaWdubWVudCA9PT0gVGV4dEFsaWdubWVudC5CT1RUT00gPyAnOHB4JyA6IHVuZGVmaW5lZCxcclxuICAgICAgICAgICAgICAgICAgICBtYXJnaW5MZWZ0OiBhbGlnbm1lbnQgPT09IFRleHRBbGlnbm1lbnQuUklHSFQgPyAnOHB4JyA6IHVuZGVmaW5lZCxcclxuICAgICAgICAgICAgICAgIH0sIGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnkgfSwgeyBjaGlsZHJlbjogdGV4dCAhPT0gbnVsbCAmJiB0ZXh0ICE9PSB2b2lkIDAgPyB0ZXh0IDogYCR7cHJvZ3Jlc3N9JSBjb21wbGV0ZWQuLi5gIH0pKSldIH0pKSk7XHJcbn07XHJcbmNvbnN0IE1haW5Db250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246ICR7KHByb3BzKSA9PiAocHJvcHMgPT09IG51bGwgfHwgcHJvcHMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHByb3BzLmFsaWdubWVudCkgPT09IFRleHRBbGlnbm1lbnQuVE9QIHx8XHJcbiAgICAocHJvcHMgPT09IG51bGwgfHwgcHJvcHMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHByb3BzLmFsaWdubWVudCkgPT09IFRleHRBbGlnbm1lbnQuQk9UVE9NXHJcbiAgICA/ICdjb2x1bW4nXHJcbiAgICA6ICdyb3cnfTtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0d2lkdGg6IDEwMCU7XG5gO1xyXG5jb25zdCBDaXJjbGVDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDMyOyB9fXB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDMyOyB9fXB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdGJhY2tncm91bmQ6IGNvbmljLWdyYWRpZW50KFxuXHRcdCR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLmNvbG9yKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZDsgfX1cblx0XHRcdCR7KHByb3BzKSA9PiBwcm9wcy5wcm9ncmVzcyAqIDMuNn1kZWcsXG5cdFx0JHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX0gMGRlZ1xuXHQpO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xyXG5jb25zdCBJbm5lckNpcmNsZUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmluYWN0aXZlfTtcblx0dHJhbnNpdGlvbjogd2lkdGggMC4zcyBlYXNlLWluLW91dDtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0bGVmdDogNTAlO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcblx0d2lkdGg6ICR7KHByb3BzKSA9PiB7XHJcbiAgICB2YXIgX2E7XHJcbiAgICByZXR1cm4gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3NcclxuICAgICAgICA/IChfYSA9IHByb3BzLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDMyIC0gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3NcclxuICAgICAgICA6IDIwO1xyXG59fXB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiB7XHJcbiAgICB2YXIgX2E7XHJcbiAgICByZXR1cm4gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3NcclxuICAgICAgICA/IChfYSA9IHByb3BzLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IDMyIC0gcHJvcHMucHJvZ3Jlc3NCYXJUaGlja25lc3NcclxuICAgICAgICA6IDIwO1xyXG59fXB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuYDtcclxuY29uc3QgQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiBwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJzEwMCUnIDogYCR7KF9hID0gcHJvcHMuc2l6ZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogOTB9cHhgOyB9fTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5wcm9ncmVzc0JhclRoaWNrbmVzcykgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogODsgfX1weDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcbmA7XHJcbmNvbnN0IElubmVyQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGhlaWdodDogMTAwJTtcblx0d2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5wcm9ncmVzc30lO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBwcm9wcy5jb2xvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmQ7IH19O1xuXHR0cmFuc2l0aW9uOiB3aWR0aCAwLjNzIGVhc2UtaW4tb3V0O1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UHJvZ3Jlc3NCYXJWMi5qcy5tYXAiXX0= */"));export{X as ProgressBarType,B as ProgressBarV2,l as TextAlignment};
+import{jsxs as r,jsx as o}from"react/jsx-runtime";import e from"styled-components";import{BodyTiny as i}from"../TypographyStyle.js";import{COLORS as n}from"../../constants/Theme.js";var t,s;!function(r){r.RIGHT="right",r.LEFT="left",r.TOP="top",r.BOTTOM="bottom"}(t||(t={})),function(r){r.CIRCLE="circle",r.LINE="line"}(s||(s={}));const a=e=>{const{type:a,progress:h,progressBarThickness:u,size:v,color:T,text:m,textPosition:$,showProgress:k,matchParentWidth:x=!1}=e;let b=$;return b||(b=t.LEFT),r(d,{alignment:b,children:[k&&(b===t.TOP||b===t.LEFT)&&o(i,{style:{marginBottom:b===t.TOP?"8px":void 0,marginRight:b===t.LEFT?"8px":void 0},color:n.content.secondary,children:null!=m?m:`${h}% completed...`}),a===s.LINE?o(g,{size:v,progressBarThickness:u,matchParentWidth:x,children:o(p,{progress:h,color:T})}):o(l,{progress:h,color:T,size:v,children:o(c,{progress:h,size:v,progressBarThickness:u})}),k&&(b===t.BOTTOM||b===t.RIGHT)&&o(i,{style:{marginTop:b===t.BOTTOM?"8px":void 0,marginLeft:b===t.RIGHT?"8px":void 0},color:n.content.secondary,children:null!=m?m:`${h}% completed...`})]})},d=e.div`
+	display: flex;
+	flex-direction: ${r=>(null==r?void 0:r.alignment)===t.TOP||(null==r?void 0:r.alignment)===t.BOTTOM?"column":"row"};
+	align-items: center;
+	width: 100%;
+`,l=e.div`
+	width: ${r=>{var o;return null!==(o=r.size)&&void 0!==o?o:32}}px;
+	height: ${r=>{var o;return null!==(o=r.size)&&void 0!==o?o:32}}px;
+	border-radius: 50%;
+	overflow: hidden;
+	background: conic-gradient(
+		${r=>{var o;return null!==(o=r.color)&&void 0!==o?o:n.background.brand}}
+			${r=>3.6*r.progress}deg,
+		${n.content.inactive} 0deg
+	);
+	position: relative;
+`,c=e.div`
+	background-color: ${n.background.inactive};
+	transition: width 0.3s ease-in-out;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	width: ${r=>{var o;return r.progressBarThickness?null!==(o=r.size)&&void 0!==o?o:32-r.progressBarThickness:20}}px;
+	height: ${r=>{var o;return r.progressBarThickness?null!==(o=r.size)&&void 0!==o?o:32-r.progressBarThickness:20}}px;
+	border-radius: 50%;
+	background: ${n.surface.standard};
+`,g=e.div`
+	width: ${r=>{var o;return r.matchParentWidth?"100%":`${null!==(o=r.size)&&void 0!==o?o:90}px`}};
+	height: ${r=>{var o;return null!==(o=r.progressBarThickness)&&void 0!==o?o:8}}px;
+	background-color: ${n.background.inactive};
+	border-radius: 4px;
+	overflow: hidden;
+`,p=e.div`
+	height: 100%;
+	width: ${r=>r.progress}%;
+	background-color: ${r=>{var o;return null!==(o=r.color)&&void 0!==o?o:n.background.brand}};
+	transition: width 0.3s ease-in-out;
+`;export{s as ProgressBarType,a as ProgressBarV2,t as TextAlignment};

package/dist/esm/components/radioButton/RadioButton.js

@@ -1 +1 @@
-import{jsxs as i,jsx as e,Fragment as s}from"react/jsx-runtime";import{useState as l,useEffect as t,useMemo as a}from"react";import{RadioButtonContainer as o,RadioButtonIcon as c}from"./RadioButton.styled.js";import{BodyCaption as r,TitleSmall as n,BodySecondary as d,BodyPrimary as b}from"../TypographyStyle.js";import{COLORS as m}from"../../constants/Theme.js";const v=s=>{const l=a((()=>(null==s?void 0:s.activeColor)||m.background.positive.vibrant),[s.activeColor]),t=a((()=>s.isDisabled?m.content.inactive:s.isActive?l:m.content.primary),[s.isDisabled,s.isActive,l]);return i("svg",Object.assign({width:s.isSmall?"16":"20",height:s.isSmall?"16":"20",viewBox:s.isSmall?"0 0 16 16":"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e("circle",{cx:s.isSmall?"8":"10",cy:s.isSmall?"8":"10",r:s.isSmall?6:9,stroke:t,strokeWidth:s.isSmall?1.5:2}),s.isActive&&e("circle",{cx:s.isSmall?"8":"10",cy:s.isSmall?"8":"10",r:s.isSmall?3:5,fill:s.isDisabled?m.content.inactive:l})]}))},p=a=>{const[p,h]=l(a.isActive||!1),[g,x]=l(!1),[S,y]=l(!1);t((()=>{h(a.isActive)}),[a.isActive]);return i(o,Object.assign({onClick:()=>{var i;if(!a.skipSelectingOff&&!a.isDisabled){const e=!p;h(e),null===(i=a.onValueChange)||void 0===i||i.call(a,e,a.value)}},onMouseEnter:()=>x(!a.skipHoverState),onMouseLeave:()=>x(!1),onMouseDown:()=>y(!a.skipHoverState),onMouseUp:()=>y(!1),style:a.caption?{alignItems:"flex-start"}:{}},{children:[e(c,Object.assign({checked:p,hovered:g,clicked:S,isDisabled:a.isDisabled||!1,size:a.size,style:a.caption?{margin:"2px 0"}:{}},{children:e(v,{isSmall:"SMALL"===a.size,isActive:p,isDisabled:a.isDisabled||!1,activeColor:a.activeColor})})),i("div",{children:[a.label?a.boldOnChecked&&p||a.alwaysBold?e(n,Object.assign({color:a.isDisabled?m.text.disabled:m.text.primary},{children:a.label})):"SMALL"===a.size?e(r,Object.assign({color:a.isDisabled?m.text.disabled:m.text.primary},{children:a.label})):"MEDIUM"===a.labelSize?e(d,Object.assign({color:a.isDisabled?m.text.disabled:m.text.primary},{children:a.label})):e(b,Object.assign({color:a.isDisabled?m.text.disabled:m.text.primary},{children:a.label})):e(s,{}),a.caption&&e(r,Object.assign({color:a.isDisabled?m.text.disabled:m.text.secondary},{children:a.caption}))]})]}))};export{p as RadioButton};
+import{jsxs as i,jsx as e,Fragment as l}from"react/jsx-runtime";import{useState as t,useEffect as s,useMemo as a}from"react";import{RadioButtonContainer as o,RadioButtonIcon as r}from"./RadioButton.styled.js";import{BodyCaption as c,TitleSmall as n,BodySecondary as d,BodyPrimary as m}from"../TypographyStyle.js";import{COLORS as b}from"../../constants/Theme.js";const v=l=>{const t=a(()=>(null==l?void 0:l.activeColor)||b.background.positive.vibrant,[l.activeColor]),s=a(()=>l.isDisabled?b.content.inactive:l.isActive?t:b.content.primary,[l.isDisabled,l.isActive,t]);return i("svg",{width:l.isSmall?"16":"20",height:l.isSmall?"16":"20",viewBox:l.isSmall?"0 0 16 16":"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("circle",{cx:l.isSmall?"8":"10",cy:l.isSmall?"8":"10",r:l.isSmall?6:9,stroke:s,strokeWidth:l.isSmall?1.5:2}),l.isActive&&e("circle",{cx:l.isSmall?"8":"10",cy:l.isSmall?"8":"10",r:l.isSmall?3:5,fill:l.isDisabled?b.content.inactive:t})]})},p=a=>{const[p,h]=t(a.isActive||!1),[x,S]=t(!1),[y,D]=t(!1);s(()=>{h(a.isActive)},[a.isActive]);return i(o,{onClick:()=>{var i;if(!a.skipSelectingOff&&!a.isDisabled){const e=!p;h(e),null===(i=a.onValueChange)||void 0===i||i.call(a,e,a.value)}},onMouseEnter:()=>S(!a.skipHoverState),onMouseLeave:()=>S(!1),onMouseDown:()=>D(!a.skipHoverState),onMouseUp:()=>D(!1),style:a.caption?{alignItems:"flex-start"}:{},children:[e(r,{checked:p,hovered:x,clicked:y,isDisabled:a.isDisabled||!1,size:a.size,style:a.caption?{margin:"2px 0"}:{},children:e(v,{isSmall:"SMALL"===a.size,isActive:p,isDisabled:a.isDisabled||!1,activeColor:a.activeColor})}),i("div",{children:[a.label?a.boldOnChecked&&p||a.alwaysBold?e(n,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):"SMALL"===a.size?e(c,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):"MEDIUM"===a.labelSize?e(d,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):e(m,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):e(l,{}),a.caption&&e(c,{color:a.isDisabled?b.text.disabled:b.text.secondary,children:a.caption})]})]})};export{p as RadioButton};

package/dist/esm/components/radioList/RadioList.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as i,useEffect as s}from"react";import{RadioButton as o}from"../radioButton/RadioButton.js";import{RadioListStyled as n}from"./RadioList.styled.js";import{TitleRegular as l,BodySecondary as r}from"../TypographyStyle.js";import{COLORS as a}from"../../constants/Theme.js";const c=c=>{var m;const[d,h]=i(c.listItems);s((()=>{h(c.listItems)}),[c.listItems]);const u=(t,e)=>{let i;const s=[...d];s.forEach((s=>{s.value===e?(i=s,s.isActive=t):s.isActive=!t})),h(s),c.onChange(i)};return t(n,{children:[(c.title||c.subTitle)&&t("div",Object.assign({className:"title__container"},{children:[c.title&&e(l,{children:c.title}),c.subTitle&&e(r,Object.assign({color:a.text.secondary},{children:c.subTitle}))]})),e("div",Object.assign({style:null!==(m=c.listContainerStyles)&&void 0!==m?m:{},className:"list__container"},{children:d.map((t=>e(o,Object.assign({},t,{onValueChange:u,boldOnChecked:c.boldOnChecked}),t.value)))}))]})};export{c as RadioList};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as i,useEffect as o}from"react";import{RadioButton as s}from"../radioButton/RadioButton.js";import{RadioListStyled as l}from"./RadioList.styled.js";import{TitleRegular as r,BodySecondary as n}from"../TypographyStyle.js";import{COLORS as a}from"../../constants/Theme.js";const c=c=>{var m;const[d,h]=i(c.listItems);o(()=>{h(c.listItems)},[c.listItems]);const u=(t,e)=>{let i;const o=[...d];o.forEach(o=>{o.value===e?(i=o,o.isActive=t):o.isActive=!t}),h(o),c.onChange(i)};return t(l,{children:[(c.title||c.subTitle)&&t("div",{className:"title__container",children:[c.title&&e(r,{children:c.title}),c.subTitle&&e(n,{color:a.text.secondary,children:c.subTitle})]}),e("div",{style:null!==(m=c.listContainerStyles)&&void 0!==m?m:{},className:"list__container",children:d.map(t=>e(s,Object.assign({},t,{onValueChange:u,boldOnChecked:c.boldOnChecked}),t.value))})]})};export{c as RadioList};

package/dist/esm/components/radioList/RadioList.styled.js

@@ -1 +1,10 @@
-import t from"@emotion/styled/base";const e=t("div","production"===process.env.NODE_ENV?{target:"eik8mml0"}:{target:"eik8mml0",label:"RadioListStyled"})("production"===process.env.NODE_ENV?{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}"}:{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvTGlzdC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUMwQyIsImZpbGUiOiJSYWRpb0xpc3Quc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IFJhZGlvTGlzdFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQudGl0bGVfX2NvbnRhaW5lciB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMTJweDtcblx0fVxuXHQubGlzdF9fY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Z2FwOiAxMHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1SYWRpb0xpc3Quc3R5bGVkLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});export{e as RadioListStyled};
+import t from"styled-components";const o=t.div`
+	.title__container {
+		margin-bottom: 12px;
+	}
+	.list__container {
+		display: flex;
+		flex-direction: column;
+		gap: 10px;
+	}
+`;export{o as RadioListStyled};

package/dist/esm/components/resizeImage/index.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useState as e,useEffect as r}from"react";import{BikShimmer as m}from"../shimmer/ShimmerComponent/BikShimmer.js";import{resizeImage as i}from"../../utils/resizeImage.js";const o=o=>{let{imageUrl:s,targetSize:h,alt:p,style:a}=o;const[n,c]=e("");return r((()=>{i(s,h).then((t=>{c(t)})).catch((t=>{c(s)}))}),[s,h]),n?t("img",{alt:p,src:n,height:h,width:h,style:a}):t(m,{boxes:[{marginTop:"0px",height:`${h}px`,width:`${h}px`}]})};export{o as ResizableImage};
+import{jsx as t}from"react/jsx-runtime";import{useState as r,useEffect as e}from"react";import{BikShimmer as m}from"../shimmer/ShimmerComponent/BikShimmer.js";import{resizeImage as i}from"../../utils/resizeImage.js";const o=({imageUrl:o,targetSize:s,alt:h,style:p})=>{const[a,n]=r("");return e(()=>{i(o,s).then(t=>{n(t)}).catch(t=>{n(o)})},[o,s]),a?t("img",{alt:h,src:a,height:s,width:s,style:p}):t(m,{boxes:[{marginTop:"0px",height:`${s}px`,width:`${s}px`}]})};export{o as ResizableImage};

package/dist/esm/components/searchBar/searchBar.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{SearchIcon as t}from"../../assets/icons/searchIcon.js";import{useState as o,useEffect as a}from"react";import s from"../../assets/icons/cross.svg.js";import{Input as n}from"../input/Input.js";const r=r=>{const{isEnabled:i,onEnter:c,placeholder:l,width:d,variant:u,validate:h,isActive:v}=r,[f,m]=o("search"),[p,g]=o("default"),[C,b]=o(v?"active":i?"none":"disabled"),[k,x]=o(r.initialValue||r.searchValue||"");a((()=>{var e,t,o;x(null!==(e=r.searchValue)&&void 0!==e?e:""),(null===(o=null===(t=r.searchValue)||void 0===t?void 0:t.trim())||void 0===o?void 0:o.length)?m("cross"):m("search")}),[r.searchValue]),a((()=>{b(v?"active":i?"none":"disabled")}),[i,v]),a((()=>{r.reset&&j()}),[null==r?void 0:r.reset]);const V=e=>{i&&c(e)},j=()=>{m("search"),g("default"),x(""),r.onChange(""),b("none"),c("")};return e(n,{"data-test":r["data-test"],id:"search-bar",validate:h,onFocus:()=>{k.length&&m("cross"),"default"===p&&i&&(g("clicked"),b("active"))},width:d,state:C,leftIcon:"search"===f&&"default"===p?{icon:t}:void 0,rightIcon:"cross"!==f||r.suffixButton?void 0:{icon:s,callback:()=>{j(),r.onClickCross&&r.onClickCross()}},onChangeText:(e,t)=>{r.onChange(e),x(e),"keydown"!==(null==t?void 0:t.type)||13!==t.which&&13!==t.keyCode?e.trim().length?m("cross"):m("search"):V(e)},placeholder:l,variant:u,value:k,onBlur:()=>{k.length||g("default"),b("none")},button:{text:"",buttonProps:r.suffixButton}})};export{r as SearchBar};
+import{jsx as e}from"react/jsx-runtime";import{SearchIcon as t}from"../../assets/icons/searchIcon.js";import{useState as o,useEffect as a}from"react";import s from"../../assets/icons/cross.svg.js";import{Input as n}from"../input/Input.js";const r=r=>{const{isEnabled:i,onEnter:c,placeholder:l,width:d,variant:u,validate:h,isActive:v}=r,[f,m]=o("search"),[p,g]=o("default"),[C,b]=o(v?"active":i?"none":"disabled"),[k,x]=o(r.initialValue||r.searchValue||"");a(()=>{var e,t,o;x(null!==(e=r.searchValue)&&void 0!==e?e:""),(null===(o=null===(t=r.searchValue)||void 0===t?void 0:t.trim())||void 0===o?void 0:o.length)?m("cross"):m("search")},[r.searchValue]),a(()=>{b(v?"active":i?"none":"disabled")},[i,v]),a(()=>{r.reset&&j()},[null==r?void 0:r.reset]);const V=e=>{i&&c(e)},j=()=>{m("search"),g("default"),x(""),r.onChange(""),b("none"),c("")};return e(n,{"data-test":r["data-test"],id:"search-bar",validate:h,onFocus:()=>{k.length&&m("cross"),"default"===p&&i&&(g("clicked"),b("active"))},width:d,state:C,leftIcon:"search"===f&&"default"===p?{icon:t}:void 0,rightIcon:"cross"!==f||r.suffixButton?void 0:{icon:s,callback:()=>{j(),r.onClickCross&&r.onClickCross()}},onChangeText:(e,t)=>{r.onChange(e),x(e),"keydown"!==(null==t?void 0:t.type)||13!==t.which&&13!==t.keyCode?e.trim().length?m("cross"):m("search"):V(e)},placeholder:l,variant:u,value:k,onBlur:()=>{k.length||g("default"),b("none")},button:{text:"",buttonProps:r.suffixButton}})};export{r as SearchBar};

package/dist/esm/components/shimmer/ShimmerComponent/BikShimmer.js

@@ -1 +1 @@
-import{jsx as i}from"react/jsx-runtime";import{ShimmerStyled as r}from"./ShimmerStyled.js";const e=e=>i(r,Object.assign({isBrand:e.isBrand,direction:e.direction,gap:e.gap},{children:e.boxes.map(((r,e)=>i("div",{className:"shine",style:{width:r.width,height:r.height,marginTop:r.marginTop||"16px",borderRadius:r.borderRadius||"4px"}},e)))}));export{e as BikShimmer,e as default};
+import{jsx as i}from"react/jsx-runtime";import{ShimmerStyled as r}from"./ShimmerStyled.js";const e=e=>i(r,{isBrand:e.isBrand,direction:e.direction,gap:e.gap,children:e.boxes.map((r,e)=>i("div",{className:"shine",style:{width:r.width,height:r.height,marginTop:r.marginTop||"16px",borderRadius:r.borderRadius||"4px"}},e))});export{e as BikShimmer,e as default};

package/dist/esm/components/shimmer/ShimmerComponent/ShimmerStyled.js

@@ -1,4 +1,4 @@
-import b from"@emotion/styled/base";import{keyframes as c}from"@emotion/react";const l=c`
+import i,{keyframes as n}from"styled-components";const t=n`
   0% {
     background-position: -468px 0;
   }
@@ -6,4 +6,37 @@ import b from"@emotion/styled/base";import{keyframes as c}from"@emotion/react";c
   100% {
     background-position: 468px 0;
   }
-`,d=b("div","production"===process.env.NODE_ENV?{target:"eh9q9i91"}:{target:"eh9q9i91",label:"ShimmerStyled"})("display:flex;flex-direction:",(b=>b.direction||"column"),";width:100%;height:100%;gap:",(b=>b.gap||"0px"),";.shine{border-radius:4px;background:",(b=>b.isBrand?"linear-gradient(90deg, rgba(255, 255, 255, 0.30) 0%, rgba(224, 224, 224, 0.00) 100%)":"#f6f7f8 linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #F0F0F0 100%) no-repeat"),";background-size:800px 304px;display:inline-block;position:relative;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-name:",l,";-webkit-animation-timing-function:linear;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNoaW1tZXJTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd3QyIsImZpbGUiOiJTaGltbWVyU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5jb25zdCBrZXlmcmFtZXNBbmltYXRpb24gPSBrZXlmcmFtZXMgYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTQ2OHB4IDA7XG4gIH1cblxuICAxMDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiA0NjhweCAwO1xuICB9XG5gO1xyXG5leHBvcnQgY29uc3QgU2hpbW1lclN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogJHsocHJvcHMpID0+IHByb3BzLmRpcmVjdGlvbiB8fCAnY29sdW1uJ307XG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cdGdhcDogJHsocHJvcHMpID0+IHByb3BzLmdhcCB8fCAnMHB4J307XG5cblx0LnNoaW5lIHtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmlzQnJhbmRcclxuICAgID8gJ2xpbmVhci1ncmFkaWVudCg5MGRlZywgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjMwKSAwJSwgcmdiYSgyMjQsIDIyNCwgMjI0LCAwLjAwKSAxMDAlKSdcclxuICAgIDogJyNmNmY3ZjggbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAjZjZmN2Y4IDAlLCAjZWRlZWYxIDIwJSwgI2Y2ZjdmOCA0MCUsICNGMEYwRjAgMTAwJSkgbm8tcmVwZWF0J307XG5cdFx0YmFja2dyb3VuZC1zaXplOiA4MDBweCAzMDRweDtcblx0XHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXG5cdFx0LXdlYmtpdC1hbmltYXRpb24tZHVyYXRpb246IDFzO1xuXHRcdC13ZWJraXQtYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7XG5cdFx0LXdlYmtpdC1hbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTtcblx0XHQtd2Via2l0LWFuaW1hdGlvbi1uYW1lOiAke2tleWZyYW1lc0FuaW1hdGlvbn07XG5cdFx0LXdlYmtpdC1hbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaGltbWVyQ29tcG9uZW50U3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmlzQnJhbmRcclxuICAgID8gJ2xpbmVhci1ncmFkaWVudCg5MGRlZywgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjMwKSAwJSwgcmdiYSgyMjQsIDIyNCwgMjI0LCAwLjAwKSAxMDAlKSdcclxuICAgIDogJyNmNmY3ZjggbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAjZjZmN2Y4IDAlLCAjZWRlZWYxIDIwJSwgI2Y2ZjdmOCA0MCUsICNGMEYwRjAgMTAwJSkgbm8tcmVwZWF0J307XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMud2lkdGh9cHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodH1weDtcblx0bWFyZ2luLXRvcDogJHsocHJvcHMpID0+IHByb3BzLm1hcmdpblRvcCB8fCAwfXB4O1xuXHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0LXdlYmtpdC1hbmltYXRpb24tZHVyYXRpb246IDFzO1xuXHQtd2Via2l0LWFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuXHQtd2Via2l0LWFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IGluZmluaXRlO1xuXHQtd2Via2l0LWFuaW1hdGlvbi1uYW1lOiAke2tleWZyYW1lc0FuaW1hdGlvbn07XG5cdC13ZWJraXQtYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U2hpbW1lclN0eWxlZC5qcy5tYXAiXX0= */")),i=b("div","production"===process.env.NODE_ENV?{target:"eh9q9i90"}:{target:"eh9q9i90",label:"ShimmerComponentStyled"})("border-radius:4px;background:",(b=>b.isBrand?"linear-gradient(90deg, rgba(255, 255, 255, 0.30) 0%, rgba(224, 224, 224, 0.00) 100%)":"#f6f7f8 linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #F0F0F0 100%) no-repeat"),";width:",(b=>b.width),"px;height:",(b=>b.height),"px;margin-top:",(b=>b.marginTop||0),"px;display:inline-block;position:relative;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-name:",l,";-webkit-animation-timing-function:linear;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNoaW1tZXJTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDaUQiLCJmaWxlIjoiU2hpbW1lclN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuY29uc3Qga2V5ZnJhbWVzQW5pbWF0aW9uID0ga2V5ZnJhbWVzIGBcbiAgMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC00NjhweCAwO1xuICB9XG5cbiAgMTAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogNDY4cHggMDtcbiAgfVxuYDtcclxuZXhwb3J0IGNvbnN0IFNoaW1tZXJTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246ICR7KHByb3BzKSA9PiBwcm9wcy5kaXJlY3Rpb24gfHwgJ2NvbHVtbid9O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAxMDAlO1xuXHRnYXA6ICR7KHByb3BzKSA9PiBwcm9wcy5nYXAgfHwgJzBweCd9O1xuXG5cdC5zaGluZSB7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0JyYW5kXHJcbiAgICA/ICdsaW5lYXItZ3JhZGllbnQoOTBkZWcsIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4zMCkgMCUsIHJnYmEoMjI0LCAyMjQsIDIyNCwgMC4wMCkgMTAwJSknXHJcbiAgICA6ICcjZjZmN2Y4IGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgI2Y2ZjdmOCAwJSwgI2VkZWVmMSAyMCUsICNmNmY3ZjggNDAlLCAjRjBGMEYwIDEwMCUpIG5vLXJlcGVhdCd9O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogODAwcHggMzA0cHg7XG5cdFx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuXHRcdC13ZWJraXQtYW5pbWF0aW9uLWR1cmF0aW9uOiAxcztcblx0XHQtd2Via2l0LWFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuXHRcdC13ZWJraXQtYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogaW5maW5pdGU7XG5cdFx0LXdlYmtpdC1hbmltYXRpb24tbmFtZTogJHtrZXlmcmFtZXNBbmltYXRpb259O1xuXHRcdC13ZWJraXQtYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2hpbW1lckNvbXBvbmVudFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0JyYW5kXHJcbiAgICA/ICdsaW5lYXItZ3JhZGllbnQoOTBkZWcsIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4zMCkgMCUsIHJnYmEoMjI0LCAyMjQsIDIyNCwgMC4wMCkgMTAwJSknXHJcbiAgICA6ICcjZjZmN2Y4IGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgI2Y2ZjdmOCAwJSwgI2VkZWVmMSAyMCUsICNmNmY3ZjggNDAlLCAjRjBGMEYwIDEwMCUpIG5vLXJlcGVhdCd9O1xuXHR3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLndpZHRofXB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5oZWlnaHR9cHg7XG5cdG1hcmdpbi10b3A6ICR7KHByb3BzKSA9PiBwcm9wcy5tYXJnaW5Ub3AgfHwgMH1weDtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdC13ZWJraXQtYW5pbWF0aW9uLWR1cmF0aW9uOiAxcztcblx0LXdlYmtpdC1hbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcblx0LXdlYmtpdC1hbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTtcblx0LXdlYmtpdC1hbmltYXRpb24tbmFtZTogJHtrZXlmcmFtZXNBbmltYXRpb259O1xuXHQtd2Via2l0LWFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVNoaW1tZXJTdHlsZWQuanMubWFwIl19 */"));export{i as ShimmerComponentStyled,d as ShimmerStyled};
+`,a=i.div`
+	display: flex;
+	flex-direction: ${i=>i.direction||"column"};
+	width: 100%;
+	height: 100%;
+	gap: ${i=>i.gap||"0px"};
+
+	.shine {
+		border-radius: 4px;
+		background: ${i=>i.isBrand?"linear-gradient(90deg, rgba(255, 255, 255, 0.30) 0%, rgba(224, 224, 224, 0.00) 100%)":"#f6f7f8 linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #F0F0F0 100%) no-repeat"};
+		background-size: 800px 304px;
+		display: inline-block;
+		position: relative;
+
+		-webkit-animation-duration: 1s;
+		-webkit-animation-fill-mode: forwards;
+		-webkit-animation-iteration-count: infinite;
+		-webkit-animation-name: ${t};
+		-webkit-animation-timing-function: linear;
+	}
+`,e=i.div`
+	border-radius: 4px;
+	background: ${i=>i.isBrand?"linear-gradient(90deg, rgba(255, 255, 255, 0.30) 0%, rgba(224, 224, 224, 0.00) 100%)":"#f6f7f8 linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #F0F0F0 100%) no-repeat"};
+	width: ${i=>i.width}px;
+	height: ${i=>i.height}px;
+	margin-top: ${i=>i.marginTop||0}px;
+	display: inline-block;
+	position: relative;
+	-webkit-animation-duration: 1s;
+	-webkit-animation-fill-mode: forwards;
+	-webkit-animation-iteration-count: infinite;
+	-webkit-animation-name: ${t};
+	-webkit-animation-timing-function: linear;
+`;export{e as ShimmerComponentStyled,a as ShimmerStyled};

package/dist/esm/components/shimmer-image/ShimmerImage.js

@@ -1 +1 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as t,useEffect as o}from"react";import{BikShimmer as r}from"../shimmer/ShimmerComponent/BikShimmer.js";const a="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c",s=s=>{let{imageUrl:l,width:n,height:c,borderRadius:m,alt:d,useDynamicInfoImageSize:g,defaultImageUrl:b=a,imagePreviewStyles:h}=s;const[p,u]=t(!0),[f,j]=t(!1);return o((()=>{const e=new Image;return e.src=l,e.onload=()=>{j(!1),u(!1)},e.onerror=()=>{j(!0),u(!1)},()=>{e.onload=null,e.onerror=null}}),[l]),e("div",Object.assign({style:Object.assign(Object.assign({position:"relative",width:g?`min(100%, ${n}px)`:n},g?{aspectRatio:1}:{height:c}),{borderRadius:m})},{children:[p&&i(r,{boxes:[{height:`${c}px`,width:`${n}px`,marginTop:"0px"}]}),i("img",f?{src:b,alt:null!=d?d:"Image",style:{borderRadius:null!=m?m:0,display:"block",width:"100%",height:"100%",objectFit:"cover"}}:{src:l,alt:null!=d?d:"Image",style:Object.assign({borderRadius:null!=m?m:0,display:p?"none":"block",width:"100%",height:"100%",objectFit:"cover"},h)})]}))};export{a as DEFAULT_IMAGE,s as ShimmerImage};
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as t,useEffect as o}from"react";import{BikShimmer as r}from"../shimmer/ShimmerComponent/BikShimmer.js";const a="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c",s=({imageUrl:s,width:l,height:n,borderRadius:m,alt:c,useDynamicInfoImageSize:d,defaultImageUrl:g=a,imagePreviewStyles:h})=>{const[b,p]=t(!0),[u,f]=t(!1);return o(()=>{const e=new Image;return e.src=s,e.onload=()=>{f(!1),p(!1)},e.onerror=()=>{f(!0),p(!1)},()=>{e.onload=null,e.onerror=null}},[s]),e("div",{style:Object.assign(Object.assign({position:"relative",width:d?`min(100%, ${l}px)`:l},d?{aspectRatio:1}:{height:n}),{borderRadius:m}),children:[b&&i(r,{boxes:[{height:`${n}px`,width:`${l}px`,marginTop:"0px"}]}),i("img",u?{src:g,alt:null!=c?c:"Image",style:{borderRadius:null!=m?m:0,display:"block",width:"100%",height:"100%",objectFit:"cover"}}:{src:s,alt:null!=c?c:"Image",style:Object.assign({borderRadius:null!=m?m:0,display:b?"none":"block",width:"100%",height:"100%",objectFit:"cover"},h)})]})};export{a as DEFAULT_IMAGE,s as ShimmerImage};

package/dist/esm/components/side-modal/SideModal.js

@@ -1 +1 @@
-import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import r from"react-dom";import n from"../../assets/icons/cross.svg.js";import{Button as s}from"../button/Button.js";import{TitleMedium as i}from"../TypographyStyle.js";import{SideModalStyle as c,SideModalContainer as d,SideModalHeader as l,SideModalBody as a,SideModalFooter as h,FooterButtonWrapper as m}from"./SideModal.style.js";const p=p=>{var u;return r.createPortal(e(c,Object.assign({zIndex:p.zIndex},{children:o(d,Object.assign({width:p.width},{children:[o(l,Object.assign({headerStyle:Object.assign({},p.headerStyle)},{children:[(null==p?void 0:p.headerCustomComponent)||e(i,{children:p.header}),!p.hideCrossButton&&e(n,{width:24,height:24,onClick:p.onClose})]})),e(a,Object.assign({hideFooter:p.hideFooter,bodyStyle:Object.assign({},p.bodyStyle)},{children:p.children})),!0===p.hideFooter?null:o(h,Object.assign({footerDirection:p.footerDirection,footerStyle:Object.assign({},p.footerStyle)},{children:[(p.saveButtonProps||p.cancelButtonProps)&&o(m,Object.assign({footerDirection:p.footerDirection},{children:[p.saveButtonProps&&e(s,Object.assign({},p.saveButtonProps)),p.cancelButtonProps&&e(s,Object.assign({},p.cancelButtonProps))]})),p.footerCustomComponent?p.footerCustomComponent:e(t,{})]}))]}))})),null!==(u=p.element)&&void 0!==u?u:document.body)};export{p as SideModal};
+import{jsx as o,jsxs as e,Fragment as t}from"react/jsx-runtime";import r from"react-dom";import n from"../../assets/icons/cross.svg.js";import{Button as i}from"../button/Button.js";import{TitleMedium as s}from"../TypographyStyle.js";import{SideModalStyle as c,SideModalContainer as d,SideModalHeader as l,SideModalBody as a,SideModalFooter as h,FooterButtonWrapper as m}from"./SideModal.style.js";const p=p=>{var u;return r.createPortal(o(c,{zIndex:p.zIndex,children:e(d,{width:p.width,children:[e(l,{headerStyle:Object.assign({},p.headerStyle),children:[(null==p?void 0:p.headerCustomComponent)||o(s,{children:p.header}),!p.hideCrossButton&&o(n,{width:24,height:24,onClick:p.onClose})]}),o(a,{hideFooter:p.hideFooter,bodyStyle:Object.assign({},p.bodyStyle),children:p.children}),!0===p.hideFooter?null:e(h,{footerDirection:p.footerDirection,footerStyle:Object.assign({},p.footerStyle),children:[(p.saveButtonProps||p.cancelButtonProps)&&e(m,{footerDirection:p.footerDirection,children:[p.saveButtonProps&&o(i,Object.assign({},p.saveButtonProps)),p.cancelButtonProps&&o(i,Object.assign({},p.cancelButtonProps))]}),p.footerCustomComponent?p.footerCustomComponent:o(t,{})]})]})}),null!==(u=p.element)&&void 0!==u?u:document.body)};export{p as SideModal};

package/dist/esm/components/side-modal/SideModal.style.js

@@ -33,16 +33,16 @@ import e,{css as t}from"styled-components";import{COLORS as o}from"../../constan
 		background: ${o.background.base};
 		border-radius: 4px;
 	}
-	${e=>{let{headerStyle:o}=e;return t`
-		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
-	`}}
+	${({headerStyle:e})=>t`
+		${Object.keys(e).map(t=>`${t}: ${e[t]};`).join("\n")}
+	`}
 `,s=e.div`
 	overflow-y: auto;
 	padding: 24px;
 	height: ${e=>e.hideFooter?"calc(100% - 60px)":"calc(100% - 120px)"};
-	${e=>{let{bodyStyle:o}=e;return t`
-		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
-	`}}
+	${({bodyStyle:e})=>t`
+		${Object.keys(e).map(t=>`${t}: ${e[t]};`).join("\n")}
+	`}
 `,a=e.div`
 	height: 60px;
 	width: 100%;
@@ -55,9 +55,9 @@ import e,{css as t}from"styled-components";import{COLORS as o}from"../../constan
 	background: ${o.surface.standard};
 	border-top: 1px solid ${o.stroke.primary};
 	padding: 0px 24px;
-	${e=>{let{footerStyle:o}=e;return t`
-		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
-	`}}
+	${({footerStyle:e})=>t`
+		${Object.keys(e).map(t=>`${t}: ${e[t]};`).join("\n")}
+	`}
 `,p=e.div`
 	display: flex;
 	flex-direction: ${e=>e.footerDirection||"row"};

package/dist/esm/components/slider/slider.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as n,useRef as a,useEffect as r,useCallback as o}from"react";import{COLORS as s}from"../../constants/Theme.js";const i=i=>{let{min:l=0,max:c=100,defaultValue:u,onChange:b,step:d=1,disabled:m=!1}=i;const g=void 0!==u?u:l,[h,p]=n(g),[x,f]=n(!1),[v,w]=n(!1),[k,j]=n(!1),E=a(null),O=a(null),L=(e=>({container:{position:"relative",marginTop:"30px",height:"8px",width:"100%",cursor:e?"not-allowed":"pointer",opacity:e?.5:1},track:{position:"absolute",top:0,left:0,right:0,height:"8px",backgroundColor:"#E0E0E0",borderRadius:"4px"},filledTrack:{position:"absolute",top:0,left:0,height:"8px",backgroundColor:s.background.brand,borderRadius:"4px",transition:"width 0.1s ease"},thumb:{position:"absolute",top:"50%",width:"24px",height:"24px",backgroundColor:s.background.brand,border:`2px solid ${s.background.brand}`,borderRadius:"50%",transform:"translate(-50%, -50%)",cursor:e?"not-allowed":"grab",transition:"box-shadow 0.2s ease",outline:"none",zIndex:1},thumbDisabled:{cursor:"not-allowed"},valueLabel:{position:"absolute",bottom:"100%",left:"50%",marginBottom:"16px",width:"32px",height:"32px",backgroundColor:s.background.brand,borderRadius:"50% 50% 50% 0",transform:"translate(0, 0) rotate(-45deg) scale(0)",transformOrigin:"bottom left",transition:"transform 0.2s ease",pointerEvents:"none",display:"flex",alignItems:"center",justifyContent:"center"},valueLabelVisible:{transform:"translate(0, 0) rotate(-45deg) scale(1)"},valueLabelText:{transform:"rotate(45deg)",color:"white",fontSize:"12px",lineHeight:1.2,fontWeight:500}}))(m);r((()=>{p(void 0!==u?u:l)}),[u,l]);const M=o((e=>{if(!E.current)return l;const t=E.current.getBoundingClientRect(),n=Math.max(0,Math.min(1,(e-t.left)/t.width)),a=l+n*(c-l),r=Math.round(a/d)*d;return Math.max(l,Math.min(c,r))}),[l,c,d]),y=o((e=>{if(m)return;e.preventDefault(),f(!0),j(!0);const t=M(e.clientX);p(t);const n=new Event("change",{bubbles:!0});b(n,t)}),[m,M,b]),C=o((e=>{if(!x||m)return;const t=M(e.clientX);p(t);const n=new Event("change",{bubbles:!0});b(n,t)}),[x,m,M,b]),D=o((()=>{f(!1),j(!1)}),[]),R=o((e=>{if(m)return;let t=h;switch(e.key){case"ArrowLeft":case"ArrowDown":t=Math.max(l,h-d);break;case"ArrowRight":case"ArrowUp":t=Math.min(c,h+d);break;case"Home":t=l;break;case"End":t=c;break;default:return}e.preventDefault(),p(t);const n=new Event("change",{bubbles:!0});b(n,t)}),[m,h,l,c,d,b]);r((()=>{if(x)return document.addEventListener("mousemove",C),document.addEventListener("mouseup",D),()=>{document.removeEventListener("mousemove",C),document.removeEventListener("mouseup",D)}}),[x,C,D]);const T=(h-l)/(c-l)*100,A=isNaN(T)?0:Math.max(0,Math.min(100,T));return e("div",Object.assign({ref:E,style:L.container,onMouseDown:y,role:"slider","aria-label":"bik slider","aria-valuemin":l,"aria-valuemax":c,"aria-valuenow":h,tabIndex:m?-1:0,onKeyDown:R},{children:[t("div",{style:L.track}),t("div",{style:Object.assign(Object.assign({},L.filledTrack),{width:`${A}%`})}),t("div",Object.assign({ref:O,style:(()=>{const e=Object.assign({},L.thumb);return m?Object.assign(Object.assign({},e),L.thumbDisabled):(x?(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.5)",e.cursor="grabbing"):v&&(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.08)"),e.left=`${A}%`,e)})(),onMouseEnter:()=>!m&&w(!0),onMouseLeave:()=>!m&&w(!1),onFocus:()=>!m&&j(!0),onBlur:()=>!m&&j(!1)},{children:t("div",Object.assign({style:(()=>{const e=Object.assign({},L.valueLabel);return k||v?Object.assign(Object.assign({},e),L.valueLabelVisible):e})()},{children:t("span",Object.assign({style:L.valueLabelText},{children:h}))}))}))]}))};export{i as BikSlider};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as n,useRef as r,useEffect as o,useCallback as a}from"react";import{COLORS as i}from"../../constants/Theme.js";const s=({min:s=0,max:l=100,defaultValue:u,onChange:d,step:c=1,disabled:b=!1})=>{const m=void 0!==u?u:s,[h,p]=n(m),[g,x]=n(!1),[f,v]=n(!1),[w,k]=n(!1),E=r(null),L=r(null),M=(e=>({container:{position:"relative",marginTop:"30px",height:"8px",width:"100%",cursor:e?"not-allowed":"pointer",opacity:e?.5:1},track:{position:"absolute",top:0,left:0,right:0,height:"8px",backgroundColor:"#E0E0E0",borderRadius:"4px"},filledTrack:{position:"absolute",top:0,left:0,height:"8px",backgroundColor:i.background.brand,borderRadius:"4px",transition:"width 0.1s ease"},thumb:{position:"absolute",top:"50%",width:"24px",height:"24px",backgroundColor:i.background.brand,border:`2px solid ${i.background.brand}`,borderRadius:"50%",transform:"translate(-50%, -50%)",cursor:e?"not-allowed":"grab",transition:"box-shadow 0.2s ease",outline:"none",zIndex:1},thumbDisabled:{cursor:"not-allowed"},valueLabel:{position:"absolute",bottom:"100%",left:"50%",marginBottom:"16px",width:"32px",height:"32px",backgroundColor:i.background.brand,borderRadius:"50% 50% 50% 0",transform:"translate(0, 0) rotate(-45deg) scale(0)",transformOrigin:"bottom left",transition:"transform 0.2s ease",pointerEvents:"none",display:"flex",alignItems:"center",justifyContent:"center"},valueLabelVisible:{transform:"translate(0, 0) rotate(-45deg) scale(1)"},valueLabelText:{transform:"rotate(45deg)",color:"white",fontSize:"12px",lineHeight:1.2,fontWeight:500}}))(b);o(()=>{p(void 0!==u?u:s)},[u,s]);const j=a(e=>{if(!E.current)return s;const t=E.current.getBoundingClientRect(),n=Math.max(0,Math.min(1,(e-t.left)/t.width)),r=s+n*(l-s),o=Math.round(r/c)*c;return Math.max(s,Math.min(l,o))},[s,l,c]),y=a(e=>{if(b)return;e.preventDefault(),x(!0),k(!0);const t=j(e.clientX);p(t);const n=new Event("change",{bubbles:!0});d(n,t)},[b,j,d]),O=a(e=>{if(!g||b)return;const t=j(e.clientX);p(t);const n=new Event("change",{bubbles:!0});d(n,t)},[g,b,j,d]),C=a(()=>{x(!1),k(!1)},[]),D=a(e=>{if(b)return;let t=h;switch(e.key){case"ArrowLeft":case"ArrowDown":t=Math.max(s,h-c);break;case"ArrowRight":case"ArrowUp":t=Math.min(l,h+c);break;case"Home":t=s;break;case"End":t=l;break;default:return}e.preventDefault(),p(t);const n=new Event("change",{bubbles:!0});d(n,t)},[b,h,s,l,c,d]);o(()=>{if(g)return document.addEventListener("mousemove",O),document.addEventListener("mouseup",C),()=>{document.removeEventListener("mousemove",O),document.removeEventListener("mouseup",C)}},[g,O,C]);const R=(h-s)/(l-s)*100,T=isNaN(R)?0:Math.max(0,Math.min(100,R));return e("div",{ref:E,style:M.container,onMouseDown:y,role:"slider","aria-label":"bik slider","aria-valuemin":s,"aria-valuemax":l,"aria-valuenow":h,tabIndex:b?-1:0,onKeyDown:D,children:[t("div",{style:M.track}),t("div",{style:Object.assign(Object.assign({},M.filledTrack),{width:`${T}%`})}),t("div",{ref:L,style:(()=>{const e=Object.assign({},M.thumb);return b?Object.assign(Object.assign({},e),M.thumbDisabled):(g?(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.5)",e.cursor="grabbing"):f&&(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.08)"),e.left=`${T}%`,e)})(),onMouseEnter:()=>!b&&v(!0),onMouseLeave:()=>!b&&v(!1),onFocus:()=>!b&&k(!0),onBlur:()=>!b&&k(!1),children:t("div",{style:(()=>{const e=Object.assign({},M.valueLabel);return w||f?Object.assign(Object.assign({},e),M.valueLabelVisible):e})(),children:t("span",{style:M.valueLabelText,children:h})})})]})};export{s as BikSlider};

package/dist/esm/components/spinner/Spinner.js

@@ -1,8 +1,9 @@
-import{jsx as t}from"react/jsx-runtime";import o from"react-lottie";import r from"styled-components";import{COLORS as e}from"../../constants/Theme.js";import*as i from"./lotties/black.json.js";import*as n from"./lotties/brand.json.js";import*as s from"./lotties/red.json.js";import*as a from"./lotties/white.json.js";import{SizeMap as m}from"./themes.js";const l={[e.stroke.brand]:n,[e.content.primary]:i,[e.content.primaryInverse]:a,[e.content.negative]:s},d=r=>{let{size:i,color:n,className:s}=r;const a={loop:!0,autoplay:!0,animationData:l[null!=n?n:e.stroke.brand],rendererSettings:{preserveAspectRatio:"xMidYMid slice"}};return t("div",Object.assign({className:`spinner-container ${s}`},{children:t(o,{options:a,width:m[i],isStopped:!1,isPaused:!1})}))};d.displayName="Spinner";const p=r.div`
-	width: ${t=>t.width};
-	height: ${t=>t.height};
-	border: 5px solid ${t=>{var o;return null!==(o=t.backgroundColor)&&void 0!==o?o:"transparent"}};
-	border-bottom-color: ${t=>{var o;return null!==(o=t.color)&&void 0!==o?o:e.stroke.brand}};
+import{jsx as r}from"react/jsx-runtime";import o from"styled-components";import{COLORS as t}from"../../constants/Theme.js";import{BorderMap as e,SizeMap as i}from"./themes.js";const n=({size:o,color:e,className:n})=>r("div",{className:`spinner-container ${n}`,children:r(s,{width:`${i[o]}px`,height:`${i[o]}px`,size:o,color:null!=e?e:t.stroke.brand})});n.displayName="Spinner";const s=o.div`
+	width: ${r=>r.width};
+	height: ${r=>r.height};
+	border: ${r=>r.size?e[r.size]:5}px solid
+		${r=>{var o;return null!==(o=r.backgroundColor)&&void 0!==o?o:"transparent"}};
+	border-bottom-color: ${r=>{var o;return null!==(o=r.color)&&void 0!==o?o:t.stroke.brand}};
 	border-radius: 50%;
 	display: inline-block;
 	animation: rotation 1s linear infinite;
@@ -15,4 +16,4 @@ import{jsx as t}from"react/jsx-runtime";import o from"react-lottie";import r fro
 			transform: rotate(360deg);
 		}
 	}
-`;export{p as PureSpinner,d as Spinner};
+`;export{s as PureSpinner,n as Spinner};

package/dist/esm/components/spinner/themes.js

@@ -1 +1 @@
-const l={small:16,large:40};export{l as SizeMap};
+const l={small:16,large:40},a={small:2,large:4};export{a as BorderMap,l as SizeMap};

package/dist/esm/components/star-rating/Star.js

@@ -1 +1 @@
-import{jsx as o}from"react/jsx-runtime";import e,{useState as r,useEffect as n}from"react";import{COLORS as t}from"../../constants/Theme.js";import s from"../../assets/icons/starEmpty.svg.js";import l from"../../assets/icons/starFilled.svg.js";import i from"../../assets/icons/starFilledV2.svg.js";const c=c=>{let{size:u,filled:a,emptyColor:d,filledColor:m,onClick:v,asHovered:g,onHover:h,mode:p,version:E="v1"}=c;const[f,M]=r(!1);n((()=>{null==h||h(f)}),[f]),n((()=>{g||M(!1)}),[g]);const V=e.useMemo((()=>(o=>"v1"===o?l:i)(E)),[E]);return g?o(V,{onClick:()=>{null==v||v("select")},onMouseEnter:()=>M(!0),onMouseLeave:()=>M(!1),style:{cursor:"pointer"},width:u,height:u,color:null!=m?m:t.background.warning.vibrant}):f?o(V,{onMouseLeave:()=>M(!1),onMouseEnter:()=>M(!0),style:{cursor:"pointer"},onClick:()=>{null==v||v("select")},width:u,height:u,color:null!=m?m:t.background.warning.vibrant}):a?o(V,{onMouseEnter:()=>"VIEW"!==p&&M(!0),onMouseLeave:()=>"VIEW"!==p&&M(!1),style:{cursor:"VIEW"!==p?"pointer":"default"},onClick:()=>{"VIEW"!==p&&(null==v||v("de-select"))},width:u,height:u,color:null!=m?m:t.background.warning.vibrant}):o(s,{onMouseEnter:()=>"VIEW"!==p&&M(!0),onMouseLeave:()=>"VIEW"!==p&&M(!1),style:{cursor:"VIEW"!==p?"pointer":"default"},onClick:()=>{"VIEW"!==p&&(null==v||v("select"))},width:u,height:u,color:null!=d?d:t.surface.standard})};export{c as Star};
+import{jsx as o}from"react/jsx-runtime";import e,{useState as r,useEffect as n}from"react";import{COLORS as s}from"../../constants/Theme.js";import t from"../../assets/icons/starEmpty.svg.js";import l from"../../assets/icons/starFilled.svg.js";import i from"../../assets/icons/starFilledV2.svg.js";const c=({size:c,filled:u,emptyColor:a,filledColor:d,onClick:m,asHovered:v,onHover:g,mode:h,version:p="v1"})=>{const[E,f]=r(!1);n(()=>{null==g||g(E)},[E]),n(()=>{v||f(!1)},[v]);const M=e.useMemo(()=>(o=>"v1"===o?l:i)(p),[p]);return v?o(M,{onClick:()=>{null==m||m("select")},onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1),style:{cursor:"pointer"},width:c,height:c,color:null!=d?d:s.background.warning.vibrant}):E?o(M,{onMouseLeave:()=>f(!1),onMouseEnter:()=>f(!0),style:{cursor:"pointer"},onClick:()=>{null==m||m("select")},width:c,height:c,color:null!=d?d:s.background.warning.vibrant}):u?o(M,{onMouseEnter:()=>"VIEW"!==h&&f(!0),onMouseLeave:()=>"VIEW"!==h&&f(!1),style:{cursor:"VIEW"!==h?"pointer":"default"},onClick:()=>{"VIEW"!==h&&(null==m||m("de-select"))},width:c,height:c,color:null!=d?d:s.background.warning.vibrant}):o(t,{onMouseEnter:()=>"VIEW"!==h&&f(!0),onMouseLeave:()=>"VIEW"!==h&&f(!1),style:{cursor:"VIEW"!==h?"pointer":"default"},onClick:()=>{"VIEW"!==h&&(null==m||m("select"))},width:c,height:c,color:null!=a?a:s.surface.standard})};export{c as Star};

package/dist/esm/components/star-rating/StarRating.js

@@ -1 +1,7 @@
-import I from"@emotion/styled/base";import{jsx as g}from"react/jsx-runtime";import{useState as C,useMemo as A,useEffect as c}from"react";import{Star as l}from"./Star.js";const e=I("div","production"===process.env.NODE_ENV?{target:"e1yh3w250"}:{target:"e1yh3w250",label:"Container"})("production"===process.env.NODE_ENV?{name:"31c8wb",styles:"display:flex;flex-direction:row;gap:12px;justify-content:start;align-items:center"}:{name:"31c8wb",styles:"display:flex;flex-direction:row;gap:12px;justify-content:start;align-items:center",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0YXJSYXRpbmcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUk2QiIsImZpbGUiOiJTdGFyUmF0aW5nLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgU3RhciB9IGZyb20gJy4vU3Rhcic7XHJcbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDEycHg7XG5cdGp1c3RpZnktY29udGVudDogc3RhcnQ7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgU3RhclJhdGluZyA9ICh7IGVtcHR5Q29sb3IsIGZpbGxlZENvbG9yLCBvbkNoYW5nZSwgdmFsdWUsIG1heFZhbHVlLCBzdGFyU2l6ZSwgbW9kZSwgdmVyc2lvbiA9ICd2MScsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzdGFycywgc2V0U3RhcnNdID0gdXNlU3RhdGUodmFsdWUgIT09IG51bGwgJiYgdmFsdWUgIT09IHZvaWQgMCA/IHZhbHVlIDogMCk7XHJcbiAgICBjb25zdCBbbW91bnRlZCwgc2V0TW91bnRlZEZsYWddID0gdXNlU3RhdGUoZmFsc2UpO1xyXG4gICAgY29uc3QgW2hvdmVyZWRTdGFyLCBzZXRIb3ZlcmVkU3Rhcl0gPSB1c2VTdGF0ZSgwKTtcclxuICAgIGNvbnN0IGFyciA9IHVzZU1lbW8oKCkgPT4ge1xyXG4gICAgICAgIGNvbnN0IGxpbWl0ID0gbWF4VmFsdWUgIT09IG51bGwgJiYgbWF4VmFsdWUgIT09IHZvaWQgMCA/IG1heFZhbHVlIDogNTtcclxuICAgICAgICByZXR1cm4gQXJyYXkobGltaXQpXHJcbiAgICAgICAgICAgIC5maWxsKG51bGwpXHJcbiAgICAgICAgICAgIC5tYXAoKF8sIGlkeCkgPT4gaWR4ICsgMSk7XHJcbiAgICB9LCBbbWF4VmFsdWVdKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgaWYgKG1vdW50ZWQpIHtcclxuICAgICAgICAgICAgb25DaGFuZ2Uoc3RhcnMpO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtzdGFyc10pO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBzZXRNb3VudGVkRmxhZyh0cnVlKTtcclxuICAgIH0sIFtdKTtcclxuICAgIHJldHVybiAoX2pzeChDb250YWluZXIsIHsgY2hpbGRyZW46IGFyci5tYXAoKGlkeCkgPT4gKF9qc3goU3RhciwgeyBhc0hvdmVyZWQ6IGhvdmVyZWRTdGFyID8gaWR4IDw9IGhvdmVyZWRTdGFyIDogZmFsc2UsIHNpemU6IHN0YXJTaXplICE9PSBudWxsICYmIHN0YXJTaXplICE9PSB2b2lkIDAgPyBzdGFyU2l6ZSA6IDI0LCBmaWxsZWQ6IGhvdmVyZWRTdGFyID8gdW5kZWZpbmVkIDogaWR4IDw9IHN0YXJzLCBlbXB0eUNvbG9yOiBlbXB0eUNvbG9yLCBmaWxsZWRDb2xvcjogZmlsbGVkQ29sb3IsIG9uQ2xpY2s6IChhY3Rpb24pID0+IHtcclxuICAgICAgICAgICAgICAgIGlmIChhY3Rpb24gPT09ICdkZS1zZWxlY3QnKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgaWYgKGlkeCA8IHN0YXJzKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHNldFN0YXJzKGlkeCk7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBzZXRTdGFycyhpZHggLSAxKTtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgICAgICAgICBzZXRTdGFycyhpZHgpO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9LCBvbkhvdmVyOiAoaG92ZXJlZCkgPT4ge1xyXG4gICAgICAgICAgICAgICAgaWYgKGhvdmVyZWQpXHJcbiAgICAgICAgICAgICAgICAgICAgc2V0SG92ZXJlZFN0YXIoaWR4KTtcclxuICAgICAgICAgICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICAgICAgICAgIHNldEhvdmVyZWRTdGFyKDApO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9LCBtb2RlOiBtb2RlLCB2ZXJzaW9uOiB2ZXJzaW9uIH0sIGlkeCkpKSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVN0YXJSYXRpbmcuanMubWFwIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),b=I=>{let{emptyColor:b,filledColor:t,onChange:d,value:G,maxValue:o,starSize:s,mode:i,version:X="v1"}=I;const[a,n]=C(null!=G?G:0),[y,Z]=C(!1),[W,m]=C(0),p=A((()=>Array(null!=o?o:5).fill(null).map(((I,g)=>g+1))),[o]);return c((()=>{y&&d(a)}),[a]),c((()=>{Z(!0)}),[]),g(e,{children:p.map((I=>g(l,{asHovered:!!W&&I<=W,size:null!=s?s:24,filled:W?void 0:I<=a,emptyColor:b,filledColor:t,onClick:g=>{n("de-select"===g?I<a?I:I-1:I)},onHover:g=>{m(g?I:0)},mode:i,version:X},I)))})};export{b as StarRating};
+import{jsx as e}from"react/jsx-runtime";import{useState as o,useMemo as r,useEffect as l}from"react";import t from"styled-components";import{Star as i}from"./Star.js";const n=t.div`
+	display: flex;
+	flex-direction: row;
+	gap: 12px;
+	justify-content: start;
+	align-items: center;
+`,m=({emptyColor:t,filledColor:m,onChange:a,value:s,maxValue:d,starSize:p,mode:c,version:f="v1"})=>{const[u,v]=o(null!=s?s:0),[x,y]=o(!1),[C,g]=o(0),j=r(()=>Array(null!=d?d:5).fill(null).map((e,o)=>o+1),[d]);return l(()=>{x&&a(u)},[u]),l(()=>{y(!0)},[]),e(n,{children:j.map(o=>e(i,{asHovered:!!C&&o<=C,size:null!=p?p:24,filled:C?void 0:o<=u,emptyColor:t,filledColor:m,onClick:e=>{v("de-select"===e?o<u?o:o-1:o)},onHover:e=>{g(e?o:0)},mode:c,version:f},o))})};export{m as StarRating};

package/dist/esm/components/states/ShopifyScopeWrapper.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as i,Fragment as t}from"react/jsx-runtime";import s,{useCallback as o,useEffect as n}from"react";import{StateComponent as r,StateInterface as a}from"./StateComponent.js";const c=c=>{const[l,m]=s.useState(!1),[u,p]=s.useState(!1),[h,d]=s.useState(""),b=o((()=>c.permissions.join("-")+"-hasPermission"),[c.permissions]),g=o((()=>{const e=b(),i=localStorage.getItem(e);return!!i&&"true"===i}),[b]),f=o((e=>{const i=b();localStorage.setItem(i,e.toString())}),[b]),k=o((()=>{h?window.open(h,"_blank"):c.onPermissionClickCallback&&c.onPermissionClickCallback()}),[c,h]);return n((()=>{e(void 0,void 0,void 0,(function*(){if(c.cacheInLocal&&g())return void m(!0);const{hasPermission:e,urlForPermissions:i}=yield c.permissionEvaluationFunction(c.permissions);m(e),d(i),p(!0),c.cacheInLocal&&e&&f(e)})).then().catch()}),[g,c,f]),u?l?i(t,{children:c.children}):i(r,{states:a.WARNING,heading:c.permissionRequestTitle,subline:c.permissionRequestSubTitle,width:400,isButtonEnabled:!0,buttonText:"Grant permissions",onButtonClick:k}):i(r,{states:a.LOADING,heading:"Checking permissions",subline:"Checking if we have the right shopify scopes approved to access this page.",width:400,isButtonEnabled:!1})};export{c as ShopifyScopeWrapper};
+import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as i,Fragment as t}from"react/jsx-runtime";import s,{useCallback as o,useEffect as n}from"react";import{StateComponent as r,StateInterface as a}from"./StateComponent.js";const c=c=>{const[l,m]=s.useState(!1),[u,p]=s.useState(!1),[h,d]=s.useState(""),b=o(()=>c.permissions.join("-")+"-hasPermission",[c.permissions]),g=o(()=>{const e=b(),i=localStorage.getItem(e);return!!i&&"true"===i},[b]),f=o(e=>{const i=b();localStorage.setItem(i,e.toString())},[b]),k=o(()=>{h?window.open(h,"_blank"):c.onPermissionClickCallback&&c.onPermissionClickCallback()},[c,h]);return n(()=>{e(void 0,void 0,void 0,function*(){if(c.cacheInLocal&&g())return void m(!0);const{hasPermission:e,urlForPermissions:i}=yield c.permissionEvaluationFunction(c.permissions);m(e),d(i),p(!0),c.cacheInLocal&&e&&f(e)}).then().catch()},[g,c,f]),u?l?i(t,{children:c.children}):i(r,{states:a.WARNING,heading:c.permissionRequestTitle,subline:c.permissionRequestSubTitle,width:400,isButtonEnabled:!0,buttonText:"Grant permissions",onButtonClick:k}):i(r,{states:a.LOADING,heading:"Checking permissions",subline:"Checking if we have the right shopify scopes approved to access this page.",width:400,isButtonEnabled:!1})};export{c as ShopifyScopeWrapper};

package/dist/esm/components/states/StateComponent.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e,Fragment as n}from"react/jsx-runtime";import{COLORS as o}from"../../constants/Theme.js";import i from"../../assets/icons/errorIcon.svg.js";import s from"../../assets/icons/retryIcon.svg.js";import r from"../../assets/icons/state_icon.svg.js";import c from"../../assets/icons/successIcon.svg.js";import a from"../../assets/icons/warningIcon.svg.js";import{Button as l}from"../button/Button.js";import{Spinner as d}from"../spinner/Spinner.js";import{TitleRegular as m,TitleMedium as h,BodyPrimary as g,BodySecondary as p}from"../TypographyStyle.js";import{StateComponentContainer as u,StateIcon as y,StateHeading as j,StateSubline as L,ButtonContainer as O}from"./StateComponent.styled.js";var b,E,S;!function(t){t.SUCCESS="success",t.ERROR="error",t.WARNING="warning",t.LOADING="loading",t.RETRY="retry",t.INFO="info"}(b||(b={})),function(t){t.CANCEL="cancel",t.OTHER="other"}(E||(E={})),function(t){t.SINGLE="SINGLE",t.DOUBLE="DOUBLE"}(S||(S={}));const T=T=>{var f;const I=()=>R==b.SUCCESS?e(c,{}):R==b.WARNING?e(a,{}):R==b.ERROR?e(i,{}):R===b.LOADING?e(d,{size:"large"}):R===b.RETRY?e(s,{}):R==b.INFO?e(r,{}):void 0,{states:R,heading:C,subline:N,errorText:v,icon:A=I(),isButtonEnabled:z,type:B,buttonText:x,buttonType:w,onButtonClick:G,leadingIcon:W,width:D,headerImage:U,iconWidth:H,iconHeight:M,closeButtonType:k,secondaryButtonText:F,"data-test":P}=T;return t(u,Object.assign({width:D,"data-test":P},{children:[e(y,Object.assign({iconWidth:H,iconHeight:M},{children:U?e("img",{src:U,width:"100%",height:"auto",alt:""}):A})),t(j,Object.assign({size:T.size},{children:["SMALL"===T.size&&e(m,{children:C}),"SMALL"!==T.size&&e(h,{children:C})]})),t(L,{children:["SMALL"!==T.size&&e(g,Object.assign({color:o.content.secondary},{children:N})),"SMALL"===T.size&&e(p,Object.assign({color:o.content.secondary},{children:N})),v&&e(p,Object.assign({color:o.content.negative,style:{marginTop:8,whiteSpace:"pre-line"}},{children:v}))]}),null!==(f=T.children)&&void 0!==f?f:e(n,{}),z&&e(n,{children:t(O,Object.assign({size:T.size},{children:[B==S.DOUBLE&&e(l,{"data-test":`${P}-cancel`,onClick:()=>G&&G(E.CANCEL),buttonType:k||"secondary",buttonText:F||"Cancel",matchParentWidth:!0}),e(l,{"data-test":`${P}-primary`,onClick:()=>G&&G(E.OTHER),buttonType:null!=w?w:"primary",LeadingIcon:W,buttonText:null!=x?x:"Retry",matchParentWidth:!0})]}))})]}))};export{E as ButtonActions,S as ButtonTypes,T as StateComponent,b as StateInterface};
+import{jsxs as t,jsx as e,Fragment as n}from"react/jsx-runtime";import{COLORS as o}from"../../constants/Theme.js";import i from"../../assets/icons/errorIcon.svg.js";import r from"../../assets/icons/retryIcon.svg.js";import s from"../../assets/icons/state_icon.svg.js";import c from"../../assets/icons/successIcon.svg.js";import a from"../../assets/icons/warningIcon.svg.js";import{Button as l}from"../button/Button.js";import{Spinner as d}from"../spinner/Spinner.js";import{TitleRegular as m,TitleMedium as h,BodyPrimary as p,BodySecondary as u}from"../TypographyStyle.js";import{StateComponentContainer as g,StateIcon as y,StateHeading as L,StateSubline as E,ButtonContainer as S}from"./StateComponent.styled.js";var T,f,I;!function(t){t.SUCCESS="success",t.ERROR="error",t.WARNING="warning",t.LOADING="loading",t.RETRY="retry",t.INFO="info"}(T||(T={})),function(t){t.CANCEL="cancel",t.OTHER="other"}(f||(f={})),function(t){t.SINGLE="SINGLE",t.DOUBLE="DOUBLE"}(I||(I={}));const R=R=>{var C;const N=()=>j==T.SUCCESS?e(c,{}):j==T.WARNING?e(a,{}):j==T.ERROR?e(i,{}):j===T.LOADING?e(d,{size:"large"}):j===T.RETRY?e(r,{}):j==T.INFO?e(s,{}):void 0,{states:j,heading:O,subline:v,errorText:A,icon:b=N(),isButtonEnabled:z,type:B,buttonText:x,buttonType:w,onButtonClick:G,leadingIcon:W,width:D,headerImage:U,iconWidth:H,iconHeight:M,closeButtonType:k,secondaryButtonText:F,"data-test":P}=R;return t(g,{width:D,"data-test":P,children:[e(y,{iconWidth:H,iconHeight:M,children:U?e("img",{src:U,width:"100%",height:"auto",alt:""}):b}),t(L,{size:R.size,children:["SMALL"===R.size&&e(m,{children:O}),"SMALL"!==R.size&&e(h,{children:O})]}),t(E,{children:["SMALL"!==R.size&&e(p,{color:o.content.secondary,children:v}),"SMALL"===R.size&&e(u,{color:o.content.secondary,children:v}),A&&e(u,{color:o.content.negative,style:{marginTop:8,whiteSpace:"pre-line"},children:A})]}),null!==(C=R.children)&&void 0!==C?C:e(n,{}),z&&e(n,{children:t(S,{size:R.size,children:[B==I.DOUBLE&&e(l,{"data-test":`${P}-cancel`,onClick:()=>G&&G(f.CANCEL),buttonType:k||"secondary",buttonText:F||"Cancel",matchParentWidth:!0}),e(l,{"data-test":`${P}-primary`,onClick:()=>G&&G(f.OTHER),buttonType:null!=w?w:"primary",LeadingIcon:W,buttonText:null!=x?x:"Retry",matchParentWidth:!0})]})})]})};export{f as ButtonActions,I as ButtonTypes,R as StateComponent,T as StateInterface};

package/dist/esm/components/states/StateComponent.styled.js

@@ -11,7 +11,7 @@ import i from"styled-components";const t=i.div`
 	height: ${i=>i.iconHeight?i.iconHeight:64}px;
 	display: flex;
 	justify-content: center;
-	align-items: end;
+	align-items: flex-end;
 `,d=i.div`
 	margin-top: ${i=>"SMALL"===i.size?8:16}px;
 	text-align: center;

package/dist/esm/components/states-modal/StateModalComponent.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useState as e}from"react";import{ComponentZindex as n}from"../../constants/zindex.js";import o from"../../assets/icons/errorIcon.svg.js";import s from"../../assets/icons/successIcon.svg.js";import i from"../../assets/icons/warningIcon.svg.js";import{StyledModal as r}from"../modals/styledModal.js";import{Spinner as c}from"../spinner/Spinner.js";import{StateInterface as a,StateComponent as d}from"../states/StateComponent.js";const l=l=>{const m=()=>p==a.SUCCESS?t(s,{}):p==a.WARNING?t(i,{}):p==a.ERROR?t(o,{}):p===a.LOADING?t(c,{size:"large"}):void 0,{states:p,heading:u,subline:g,icon:h=m(),isButtonEnabled:I,type:f,buttonText:C,onButtonClick:j,leadingIcon:x,width:y,zIndex:B,headerImage:O,iconHeight:b,iconWidth:T,closeButtonType:S,secondaryButtonText:A}=l,[E,N]=e(!0);return t(r,Object.assign({"data-test":l["data-test"],open:E,onClose:function(){l.onClose&&l.onClose(),N(!1)},closeOnOutsideClick:!(p===a.LOADING),centralContainerStyles:{display:"flex",alignItems:"center",justifyContent:"center",width:y},hideCrossButton:p===a.LOADING,zIndex:B||n.STATE_MODAL},{children:t(d,Object.assign({states:p,heading:u,subline:g,isButtonEnabled:I,leadingIcon:x,type:f,buttonText:C,onButtonClick:j,icon:h,width:y||400,headerImage:O,iconHeight:b,iconWidth:T,closeButtonType:S,secondaryButtonText:A},{children:l.children}))}))};export{l as StateModalComponent};
+import{jsx as t}from"react/jsx-runtime";import{useState as e}from"react";import{ComponentZindex as n}from"../../constants/zindex.js";import o from"../../assets/icons/errorIcon.svg.js";import s from"../../assets/icons/successIcon.svg.js";import i from"../../assets/icons/warningIcon.svg.js";import{StyledModal as r}from"../modals/styledModal.js";import{Spinner as c}from"../spinner/Spinner.js";import{StateInterface as a,StateComponent as d}from"../states/StateComponent.js";const l=l=>{const m=()=>p==a.SUCCESS?t(s,{}):p==a.WARNING?t(i,{}):p==a.ERROR?t(o,{}):p===a.LOADING?t(c,{size:"large"}):void 0,{states:p,heading:u,subline:h,icon:g=m(),isButtonEnabled:I,type:f,buttonText:C,onButtonClick:x,leadingIcon:y,width:j,zIndex:B,headerImage:T,iconHeight:O,iconWidth:S,closeButtonType:b,secondaryButtonText:A}=l,[E,N]=e(!0);return t(r,{"data-test":l["data-test"],open:E,onClose:function(){l.onClose&&l.onClose(),N(!1)},closeOnOutsideClick:!(p===a.LOADING),centralContainerStyles:{display:"flex",alignItems:"center",justifyContent:"center",width:j},hideCrossButton:p===a.LOADING,zIndex:B||n.STATE_MODAL,children:t(d,{states:p,heading:u,subline:h,isButtonEnabled:I,leadingIcon:y,type:f,buttonText:C,onButtonClick:x,icon:g,width:j||400,headerImage:T,iconHeight:O,iconWidth:S,closeButtonType:b,secondaryButtonText:A,children:l.children})})};export{l as StateModalComponent};

package/dist/esm/components/stepper/Stepper.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as s}from"../../constants/Theme.js";import i from"../../assets/icons/check.svg.js";import o from"../../assets/icons/errorInfo.svg.js";import{BodySecondary as n,BodyPrimary as r}from"../TypographyStyle.js";import{StepperContainer as c,SingleStepperChildContainer as a}from"./Stepper.styled.js";const l=t=>{const{steps:s,activeStep:i,onClickingEachStep:o,hideHoverState:n}=t;return e(c,{children:s.map(((t,r)=>e(p,{stepsCount:s.length,eachStep:t,onClickingStep:e=>{o(e)},isActive:(null==i?void 0:i.stepKey)==(null==t?void 0:t.stepKey),isLastElement:r==s.length-1,index:r,hideHoverState:n},r)))})},p=c=>{const{eachStep:l,isLastElement:p,index:d,isActive:m,onClickingStep:h,hideHoverState:v}=c,{stepName:g,isCompleted:S,isError:j,isInActive:u}=l,b=()=>m?"active":S?"completed":j?"error":u?"inactive":"default";return t(a,Object.assign({stepsCount:c.stepsCount,onClick:()=>{!u&&h(l)},selectedState:b(),isInActive:u||v},{children:[t("div",Object.assign({className:`hover-container ${u?"blocked":"pointer"} `},{children:[e("div",Object.assign({className:"badge"},{children:"completed"==b()?e(i,{height:16,width:16,color:s.content.positive}):"error"==b()?e(o,{height:16,width:16}):e(n,Object.assign({className:"badge-text"},{children:d+1}))})),e(r,Object.assign({className:"step-text",title:g},{children:g}))]})),e("div",{className:p?"":"horizontal-divider"})]}))};export{l as Stepper};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as i}from"../../constants/Theme.js";import s from"../../assets/icons/check.svg.js";import o from"../../assets/icons/errorInfo.svg.js";import{BodySecondary as r,BodyPrimary as n}from"../TypographyStyle.js";import{StepperContainer as c,SingleStepperChildContainer as a}from"./Stepper.styled.js";const l=t=>{const{steps:i,activeStep:s,onClickingEachStep:o,hideHoverState:r}=t;return e(c,{children:i.map((t,n)=>e(p,{stepsCount:i.length,eachStep:t,onClickingStep:e=>{o(e)},isActive:(null==s?void 0:s.stepKey)==(null==t?void 0:t.stepKey),isLastElement:n==i.length-1,index:n,hideHoverState:r},n))})},p=c=>{const{eachStep:l,isLastElement:p,index:d,isActive:m,onClickingStep:h,hideHoverState:v}=c,{stepName:g,isCompleted:S,isError:u,isInActive:f}=l,C=()=>m?"active":S?"completed":u?"error":f?"inactive":"default";return t(a,{stepsCount:c.stepsCount,onClick:()=>{!f&&h(l)},selectedState:C(),isInActive:f||v,children:[t("div",{className:`hover-container ${f?"blocked":"pointer"} `,children:[e("div",{className:"badge",children:"completed"==C()?e(s,{height:16,width:16,color:i.content.positive}):"error"==C()?e(o,{height:16,width:16}):e(r,{className:"badge-text",children:d+1})}),e(n,{className:"step-text",title:g,children:g})]}),e("div",{className:p?"":"horizontal-divider"})]})};export{l as Stepper};