@bikdotai/bik-component-library 0.0.738-0 → 0.0.738-1

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ChipProps } from './types';
+export declare const Chip: React.FC<ChipProps>;

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../TypographyStyle.js"),t=require("../../../../constants/Theme.js"),i=require("../../../../assets/icons/arrow_down.svg.js"),n=require("../../../../assets/icons/arrow_up.svg.js"),r=require("../../../../assets/icons/expressionless_emoji.svg.js"),o=require("../../../../assets/icons/sad_emoji.svg.js"),a=require("../../../../assets/icons/smiley_emoji.svg.js"),l=require("./ScoreBlock.styled.js");const c=(e,s)=>`${e} ${s}${e>1?"s":""}`;exports.Chip=d=>{let{type:u,text:j,value:p,formatVal:g,progress:h,durationValue:O,durationUnit:y,plainText:m,showEmojiIcon:v,customTrailingIcon:x,CustomStyledChip:C=l.StyledChip}=d;const S="positive"===u?t.COLORS.content.positive:"negative"===u?t.COLORS.content.negative:t.COLORS.content.warning,b=h&&h<0?i.default:n.default,f="positive"===u?a.default:"neutral"===u?r.default:o.default,q=h&&h<0?t.COLORS.content.negative:h&&h>0?t.COLORS.content.positive:t.COLORS.content.placeholder;return e.jsxs(C,Object.assign({type:u},{children:[e.jsx(s.BodyCaption,Object.assign({color:S},{children:j})),e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[e.jsx(s.TitleMedium,Object.assign({color:m?t.COLORS.content.primary:S},{children:g?new Intl.NumberFormat("en-IN",{}).format(p):p})),x||(v?e.jsx(f,{width:22,height:22}):null)]})),e.jsxs("div",Object.assign({style:{display:"flex",gap:4}},{children:[O&&y?e.jsx(b,{color:q,height:16,width:16,style:{marginRight:2}}):null,O&&y?e.jsxs(e.Fragment,{children:[e.jsxs(s.BodyCaption,Object.assign({color:q},{children:[Math.abs(h||0),"%"]})),e.jsxs(s.BodyCaption,Object.assign({color:t.COLORS.content.placeholder},{children:["vs last ",c(O,y)]}))]}):null]}))]}))};

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { HorizontalBarProps } from './types';
+export declare const HorinzontalBar: React.FC<HorizontalBarProps>;

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../TypographyStyle.js"),i=require("../../../../constants/Theme.js"),n=require("../utils/calcPercentage.js"),s=require("./ScoreBlock.styled.js");exports.HorinzontalBar=r=>{let{showPercentage:c,positive:l,negative:a,neutral:d}=r;const[o,j,g]=n.calculatePercentage(l,d,a),h={height:"100%",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"};return e.jsxs("div",{children:[e.jsxs(s.StyledBarContainer,{children:[e.jsx("div",{style:Object.assign(Object.assign({},h),{width:`${o}%`,backgroundColor:i.COLORS.background.positive.vibrant})}),e.jsx("div",{style:Object.assign(Object.assign({},h),{width:`${j}%`,backgroundColor:i.COLORS.background.warning.vibrant})}),e.jsx("div",{style:Object.assign(Object.assign({},h),{width:`${g}%`,backgroundColor:i.COLORS.background.negative.vibrant})})]}),c&&e.jsx("div",Object.assign({style:{display:"flex",width:"100%"}},{children:e.jsx("div",Object.assign({style:{display:"flex",width:"100%",marginTop:8}},{children:0===o&&0===j&&0===g?e.jsx("div",Object.assign({style:{width:"100%",textAlign:"left"}},{children:e.jsx(t.BodyTiny,Object.assign({color:i.COLORS.content.placeholder},{children:"0%"}))})):e.jsxs(e.Fragment,{children:[e.jsx("div",Object.assign({style:{width:`${o}%`,textAlign:"center"}},{children:e.jsx(t.BodyTiny,Object.assign({color:i.COLORS.content.placeholder},{children:o>0&&`${Math.round(o)}%`}))})),e.jsx("div",Object.assign({style:{width:`${j}%`,textAlign:"center"}},{children:e.jsx(t.BodyTiny,Object.assign({color:i.COLORS.content.placeholder},{children:j>0&&`${Math.round(j)}%`}))})),e.jsx("div",Object.assign({style:{width:`${g}%`,textAlign:"center"}},{children:e.jsx(t.BodyTiny,Object.assign({color:i.COLORS.content.placeholder},{children:g>0&&`${Math.round(g)}%`}))}))]})}))}))]})};

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import 'react-bootstrap';
+import { ScoreBlockProps } from './types';
+export declare const ScoreBlock: React.FC<ScoreBlockProps>;

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react-bootstrap");var t=require("./Chip.js"),i=require("./HorizontalBar.js"),a=require("./ScoreBlock.styled.js");exports.ScoreBlock=r=>{let{customTrailingIcon:o,showEmojiIcon:n,plainText:s,showPercentage:l,separator:u,CustomStyledChip:p,chipValues:c,formatVal:v}=r;return e.jsxs(a.Container,Object.assign({separator:u},{children:[e.jsxs(a.Row,Object.assign({style:{marginTop:8,gap:16}},{children:[e.jsx(t.Chip,{formatVal:v,type:"positive",text:c.positive.text,value:c.positive.val,durationValue:c.positive.durationValue,durationUnit:c.positive.durationUnit,progress:c.positive.progress,plainText:s,showEmojiIcon:n,CustomStyledChip:p,customTrailingIcon:o}),e.jsx(t.Chip,{formatVal:v,type:"neutral",text:c.neutral.text,value:c.neutral.val,durationValue:c.neutral.durationValue,durationUnit:c.neutral.durationUnit,progress:c.neutral.progress,plainText:s,showEmojiIcon:n,CustomStyledChip:p,customTrailingIcon:o}),e.jsx(t.Chip,{formatVal:v,type:"negative",text:c.negative.text,value:c.negative.val,durationValue:c.negative.durationValue,durationUnit:c.negative.durationUnit,progress:c.negative.progress,plainText:s,showEmojiIcon:n,CustomStyledChip:p,customTrailingIcon:o})]})),e.jsx("div",Object.assign({style:{marginTop:24,width:"100%"}},{children:e.jsx(i.HorinzontalBar,{showPercentage:l,positive:c.positive.val,neutral:c.neutral.val,negative:c.negative.val})}))]}))};

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    separator?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Row: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Column: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledChip: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    type: 'positive' | 'neutral' | 'negative';
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledBarContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),b=require("../../../../constants/Theme.js");function l(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var G=l(c);function d(){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)."}const X=G.default("div","production"===process.env.NODE_ENV?{target:"e1u3eaax4"}:{target:"e1u3eaax4",label:"Container"})("width:100%;display:flex;flex-direction:column;padding:16px 24px;border-right:",(c=>c.separator?1:0),"px solid ",b.COLORS.stroke.primary,";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNjb3JlQmxvY2suc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVvQyIsImZpbGUiOiJTY29yZUJsb2NrLnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRwYWRkaW5nOiAxNnB4IDI0cHg7XG5cdGJvcmRlci1yaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5zZXBhcmF0b3IgPyAxIDogMCl9cHggc29saWRcblx0XHQke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5gO1xyXG5leHBvcnQgY29uc3QgUm93ID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5gO1xyXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hpcCA9IHN0eWxlZC5kaXYgYFxuXHRwYWRkaW5nLXRvcDogMTJweDtcblx0cGFkZGluZy1yaWdodDogOHB4O1xuXHRwYWRkaW5nLWJvdHRvbTogMTJweDtcblx0cGFkZGluZy1sZWZ0OiA4cHg7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0ZmxleDogMTtcblx0Z2FwOiA4cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy50eXBlID09PSAncG9zaXRpdmUnXHJcbiAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0XHJcbiAgICA6IHByb3BzLnR5cGUgPT09ICduZWdhdGl2ZSdcclxuICAgICAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0XHJcbiAgICAgICAgOiBDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLmxpZ2h0fTtcbmA7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWRCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1TY29yZUJsb2NrLnN0eWxlZC5qcy5tYXAiXX0= */")),Z=G.default("div","production"===process.env.NODE_ENV?{target:"e1u3eaax3"}:{target:"e1u3eaax3",label:"Row"})("production"===process.env.NODE_ENV?{name:"ho1qnd",styles:"display:flex;flex-direction:row"}:{name:"ho1qnd",styles:"display:flex;flex-direction:row",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNjb3JlQmxvY2suc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVU4QiIsImZpbGUiOiJTY29yZUJsb2NrLnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRwYWRkaW5nOiAxNnB4IDI0cHg7XG5cdGJvcmRlci1yaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5zZXBhcmF0b3IgPyAxIDogMCl9cHggc29saWRcblx0XHQke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5gO1xyXG5leHBvcnQgY29uc3QgUm93ID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5gO1xyXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hpcCA9IHN0eWxlZC5kaXYgYFxuXHRwYWRkaW5nLXRvcDogMTJweDtcblx0cGFkZGluZy1yaWdodDogOHB4O1xuXHRwYWRkaW5nLWJvdHRvbTogMTJweDtcblx0cGFkZGluZy1sZWZ0OiA4cHg7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0ZmxleDogMTtcblx0Z2FwOiA4cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy50eXBlID09PSAncG9zaXRpdmUnXHJcbiAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0XHJcbiAgICA6IHByb3BzLnR5cGUgPT09ICduZWdhdGl2ZSdcclxuICAgICAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0XHJcbiAgICAgICAgOiBDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLmxpZ2h0fTtcbmA7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWRCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1TY29yZUJsb2NrLnN0eWxlZC5qcy5tYXAiXX0= */",toString:d});process.env.NODE_ENV;const u=G.default("div","production"===process.env.NODE_ENV?{target:"e1u3eaax1"}:{target:"e1u3eaax1",label:"StyledChip"})("padding-top:12px;padding-right:8px;padding-bottom:12px;padding-left:8px;border-radius:4px;display:flex;flex-direction:column;align-items:center;flex:1;gap:8px;background:",(c=>"positive"===c.type?b.COLORS.background.positive.light:"negative"===c.type?b.COLORS.background.negative.light:b.COLORS.background.warning.light),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNjb3JlQmxvY2suc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCcUMiLCJmaWxlIjoiU2NvcmVCbG9jay5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTAwJTtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0cGFkZGluZzogMTZweCAyNHB4O1xuXHRib3JkZXItcmlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2VwYXJhdG9yID8gMSA6IDApfXB4IHNvbGlkXG5cdFx0JHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFJvdyA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuYDtcclxuZXhwb3J0IGNvbnN0IENvbHVtbiA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaXAgPSBzdHlsZWQuZGl2IGBcblx0cGFkZGluZy10b3A6IDEycHg7XG5cdHBhZGRpbmctcmlnaHQ6IDhweDtcblx0cGFkZGluZy1ib3R0b206IDEycHg7XG5cdHBhZGRpbmctbGVmdDogOHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGZsZXg6IDE7XG5cdGdhcDogOHB4O1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudHlwZSA9PT0gJ3Bvc2l0aXZlJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodFxyXG4gICAgOiBwcm9wcy50eXBlID09PSAnbmVnYXRpdmUnXHJcbiAgICAgICAgPyBDT0xPUlMuYmFja2dyb3VuZC5uZWdhdGl2ZS5saWdodFxyXG4gICAgICAgIDogQ09MT1JTLmJhY2tncm91bmQud2FybmluZy5saWdodH07XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogOHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U2NvcmVCbG9jay5zdHlsZWQuanMubWFwIl19 */")),g=G.default("div","production"===process.env.NODE_ENV?{target:"e1u3eaax0"}:{target:"e1u3eaax0",label:"StyledBarContainer"})("border-radius:4px;width:100%;height:8px;background-color:",b.COLORS.surface.hovered,";display:flex;flex-direction:row;overflow:hidden;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNjb3JlQmxvY2suc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DNkMiLCJmaWxlIjoiU2NvcmVCbG9jay5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTAwJTtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0cGFkZGluZzogMTZweCAyNHB4O1xuXHRib3JkZXItcmlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2VwYXJhdG9yID8gMSA6IDApfXB4IHNvbGlkXG5cdFx0JHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFJvdyA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuYDtcclxuZXhwb3J0IGNvbnN0IENvbHVtbiA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaXAgPSBzdHlsZWQuZGl2IGBcblx0cGFkZGluZy10b3A6IDEycHg7XG5cdHBhZGRpbmctcmlnaHQ6IDhweDtcblx0cGFkZGluZy1ib3R0b206IDEycHg7XG5cdHBhZGRpbmctbGVmdDogOHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGZsZXg6IDE7XG5cdGdhcDogOHB4O1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudHlwZSA9PT0gJ3Bvc2l0aXZlJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodFxyXG4gICAgOiBwcm9wcy50eXBlID09PSAnbmVnYXRpdmUnXHJcbiAgICAgICAgPyBDT0xPUlMuYmFja2dyb3VuZC5uZWdhdGl2ZS5saWdodFxyXG4gICAgICAgIDogQ09MT1JTLmJhY2tncm91bmQud2FybmluZy5saWdodH07XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogOHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U2NvcmVCbG9jay5zdHlsZWQuanMubWFwIl19 */"));exports.Container=X,exports.Row=Z,exports.StyledBarContainer=g,exports.StyledChip=u;

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/index.d.ts

@@ -0,0 +1 @@
+export * from './ScoreBlock';

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/types.d.ts

@@ -0,0 +1,57 @@
+/// <reference types="react" />
+import { StyledChip as DefaultStyledChip } from './ScoreBlock.styled';
+export declare enum DurationUnit {
+    DAY = "day",
+    WEEK = "week"
+}
+export interface ScoreBlockProps {
+    plainText?: boolean;
+    formatVal?: boolean;
+    showPercentage?: boolean;
+    showEmojiIcon?: boolean;
+    separator?: boolean;
+    CustomStyledChip?: typeof DefaultStyledChip;
+    customTrailingIcon?: React.ReactNode;
+    chipValues: {
+        positive: {
+            text: string;
+            val: number;
+            progress?: number;
+            durationValue?: number;
+            durationUnit?: DurationUnit;
+        };
+        neutral: {
+            text: string;
+            val: number;
+            progress?: number;
+            durationValue?: number;
+            durationUnit?: DurationUnit;
+        };
+        negative: {
+            text: string;
+            val: number;
+            progress?: number;
+            durationValue?: number;
+            durationUnit?: DurationUnit;
+        };
+    };
+}
+export interface ChipProps {
+    type: 'positive' | 'neutral' | 'negative';
+    text: string;
+    value: number;
+    formatVal?: boolean;
+    progress?: number;
+    durationValue?: number;
+    durationUnit?: DurationUnit;
+    plainText?: boolean;
+    showEmojiIcon?: boolean;
+    CustomStyledChip?: typeof DefaultStyledChip;
+    customTrailingIcon?: React.ReactNode;
+}
+export interface HorizontalBarProps {
+    showPercentage?: boolean;
+    positive: number;
+    neutral: number;
+    negative: number;
+}

package/dist/cjs/components/analytics-chips-and-dropdowns/index.d.ts

@@ -5,6 +5,7 @@ export * from './AnalyticsMetric';
 export * from './AnalyticsTrend';
 export * from './chart/LineChart/LineChart';
 export * from './chart/linearChipGroupedChart';
+export * from './chart/scoreBlock';
 export * from './chart/Pie/PieChartAnalytics';
 export * from './chart/Pie/PieChart';
 export * from './chart/HorizontalBarGraph/HorizontalGraph';

package/dist/cjs/components/avatar/Avatar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),s=require("react"),t=require("./Avatar.styled.js"),i=require("./AvatarHelper.js"),r=require("../TypographyStyle.js"),a=require("../../constants/Theme.js"),o=require("../../assets/icons/bik_livechat.svg.js"),n=require("../../assets/icons/email-channel.svg.js"),A=require("../../assets/icons/facebook_channel.svg.js"),E=require("../../assets/icons/gmail.svg.js"),S=require("../../assets/icons/instagram-channel.svg.js"),c=require("../../assets/icons/task.svg.js"),u=require("../../assets/icons/whatsapp_color.svg.js");const l={[i.SIZE.SMALL]:16,[i.SIZE.MEDIUM]:20,[i.SIZE.INBOX]:24,[i.SIZE.LARGE]:32},x={[i.AVATAR_BACKGROUND.LIGHT]:a.COLORS.content.secondary,[i.AVATAR_BACKGROUND.WHITE]:a.COLORS.content.secondary,[i.AVATAR_BACKGROUND.DARK]:a.COLORS.surface.standard};var d;exports.MESSAGE_CHANNELS=void 0,(d=exports.MESSAGE_CHANNELS||(exports.MESSAGE_CHANNELS={})).INSTAGRAM="instagram",d.MESSENGER="messenger",d.WHATSAPP="whatsapp",d.GMAIL="gmail",d.LIVECHAT="livechat",d.GOOGLE_BUSINESS_CHAT="gbm",d.SHOPIFY="shopify",d.FACEBOOK="facebook",d.EMAIL="email",d.SMTP="smtp",d.FACEBOOK_CATALOG="facebook-catalog",d.TASKS="tasks",d.BIK_LIVECHAT="livechat";exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=l,exports.Avatar=d=>{const[p,j]=s.useState(!1),h=()=>{const s=(d.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return d.size===i.SIZE.SMALL?e.jsxRuntimeExports.jsx(r.BodyTiny,Object.assign({style:{color:x[d.background]}},{children:s})):d.size===i.SIZE.MEDIUM||d.size===i.SIZE.INBOX?e.jsxRuntimeExports.jsx(r.TitleSmall,Object.assign({style:{color:x[d.background]}},{children:s})):d.size===i.SIZE.LARGE?e.jsxRuntimeExports.jsx(r.TitleMedium,Object.assign({style:{color:x[d.background]}},{children:s})):void 0};return e.jsxRuntimeExports.jsxs("div",Object.assign({style:{position:"relative"}},{children:[e.jsxRuntimeExports.jsxs(t.AvatarStyle,Object.assign({type:d.type===i.AVATAR_TYPES.IMAGE&&p&&d.useNameFallback&&d.name?i.AVATAR_TYPES.INITIALS:d.type,size:d.size,background:d.background},{children:[d.type===i.AVATAR_TYPES.IMAGE&&(d.useNameFallback&&!p?e.jsxRuntimeExports.jsx("img",{alt:"",width:i.AVATAR_SIZE_MAP[d.size],height:i.AVATAR_SIZE_MAP[d.size],style:{borderRadius:(null==d?void 0:d.borderRadius)||"50%",objectFit:"contain"},src:d.photoUrl,onError:()=>{j(!0)}}):d.useNameFallback&&p&&d.name?e.jsxRuntimeExports.jsx("div",{children:h()}):e.jsxRuntimeExports.jsx("img",{alt:"",width:i.AVATAR_SIZE_MAP[d.size],height:i.AVATAR_SIZE_MAP[d.size],style:{borderRadius:(null==d?void 0:d.borderRadius)||"50%",objectFit:"contain"},src:d.photoUrl})),d.type===i.AVATAR_TYPES.INITIALS&&e.jsxRuntimeExports.jsx("div",{children:h()}),d.type===i.AVATAR_TYPES.ICON&&d.icon&&e.jsxRuntimeExports.jsx(d.icon,{width:l[d.size],height:l[d.size],color:x[d.background]})]})),d.inboxSettings&&e.jsxRuntimeExports.jsx("div",Object.assign({style:{position:"absolute",left:l[d.size]+"px",top:l[d.size]+"px",width:14,height:14,borderRadius:(null==d?void 0:d.borderRadius)||"50%",display:"flex",justifyContent:"center",backgroundColor:d.inboxSettings.isSelected?d.inboxSettings.isComments?a.COLORS.content.primary:a.COLORS.background.brandLight:d.inboxSettings.isComments?a.COLORS.content.primary:a.COLORS.surface.standard,alignItems:"center"}},{children:(()=>{switch(d.channelName){case exports.MESSAGE_CHANNELS.EMAIL:case exports.MESSAGE_CHANNELS.SMTP:return e.jsxRuntimeExports.jsx(n.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.FACEBOOK:case exports.MESSAGE_CHANNELS.FACEBOOK_CATALOG:case exports.MESSAGE_CHANNELS.MESSENGER:return e.jsxRuntimeExports.jsx(A.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.INSTAGRAM:return e.jsxRuntimeExports.jsx(S.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.WHATSAPP:return e.jsxRuntimeExports.jsx(u.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.GMAIL:return e.jsxRuntimeExports.jsx(E.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.TASKS:return e.jsxRuntimeExports.jsx(c.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.BIK_LIVECHAT:return e.jsxRuntimeExports.jsx(o.default,{width:11,height:11})}})()})),d.status&&e.jsxRuntimeExports.jsx("div",Object.assign({style:{position:"absolute",left:l[d.size]+"px",top:l[d.size]+"px",width:11,height:11,borderRadius:"50%",display:"flex",justifyContent:"center",backgroundColor:a.COLORS.surface.standard,alignItems:"center"}},{children:d.status?e.jsxRuntimeExports.jsx("div",{style:{backgroundColor:"ONLINE"===d.status?a.COLORS.special.whatsapp.brand:a.COLORS.content.inactive,width:"8px",height:"8px",borderRadius:"50%"}}):null}))]}))},exports.BACKGROUND_VS_TEXT_COLOR_MAP=x;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("./Avatar.styled.js"),i=require("./AvatarHelper.js"),r=require("../TypographyStyle.js"),a=require("../../constants/Theme.js"),o=require("../../assets/icons/bik_livechat.svg.js"),n=require("../../assets/icons/email-channel.svg.js"),A=require("../../assets/icons/facebook_channel.svg.js"),S=require("../../assets/icons/gmail.svg.js"),c=require("../../assets/icons/instagram-channel.svg.js"),l=require("../../assets/icons/task.svg.js"),E=require("../../assets/icons/whatsapp_color.svg.js");const d={[i.SIZE.SMALL]:16,[i.SIZE.MEDIUM]:20,[i.SIZE.INBOX]:24,[i.SIZE.LARGE]:32},u={[i.AVATAR_BACKGROUND.LIGHT]:a.COLORS.content.secondary,[i.AVATAR_BACKGROUND.WHITE]:a.COLORS.content.secondary,[i.AVATAR_BACKGROUND.DARK]:a.COLORS.surface.standard};var h;exports.MESSAGE_CHANNELS=void 0,(h=exports.MESSAGE_CHANNELS||(exports.MESSAGE_CHANNELS={})).INSTAGRAM="instagram",h.MESSENGER="messenger",h.WHATSAPP="whatsapp",h.GMAIL="gmail",h.LIVECHAT="livechat",h.GOOGLE_BUSINESS_CHAT="gbm",h.SHOPIFY="shopify",h.FACEBOOK="facebook",h.EMAIL="email",h.SMTP="smtp",h.FACEBOOK_CATALOG="facebook-catalog",h.TASKS="tasks",h.BIK_LIVECHAT="livechat";exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=d,exports.Avatar=h=>{const[p,g]=s.useState(!1),O=()=>{const s=(h.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return h.size===i.SIZE.SMALL?e.jsx(r.BodyTiny,Object.assign({style:{color:u[h.background]}},{children:s})):h.size===i.SIZE.MEDIUM||h.size===i.SIZE.INBOX?e.jsx(r.TitleSmall,Object.assign({style:{color:u[h.background]}},{children:s})):h.size===i.SIZE.LARGE?e.jsx(r.TitleMedium,Object.assign({style:{color:u[h.background]}},{children:s})):void 0};return e.jsxs("div",Object.assign({style:{position:"relative"}},{children:[e.jsxs(t.AvatarStyle,Object.assign({type:h.type===i.AVATAR_TYPES.IMAGE&&p&&h.useNameFallback&&h.name?i.AVATAR_TYPES.INITIALS:h.type,size:h.size,background:h.background},{children:[h.type===i.AVATAR_TYPES.IMAGE&&(h.useNameFallback&&!p?e.jsx("img",{alt:"",width:i.AVATAR_SIZE_MAP[h.size],height:i.AVATAR_SIZE_MAP[h.size],style:{borderRadius:(null==h?void 0:h.borderRadius)||"50%",objectFit:"contain"},src:h.photoUrl,onError:()=>{g(!0)}}):h.useNameFallback&&p&&h.name?e.jsx("div",{children:O()}):e.jsx("img",{alt:"",width:i.AVATAR_SIZE_MAP[h.size],height:i.AVATAR_SIZE_MAP[h.size],style:{borderRadius:(null==h?void 0:h.borderRadius)||"50%",objectFit:"contain"},src:h.photoUrl})),h.type===i.AVATAR_TYPES.INITIALS&&e.jsx("div",{children:O()}),h.type===i.AVATAR_TYPES.ICON&&h.icon&&e.jsx(h.icon,{width:d[h.size],height:d[h.size],color:u[h.background]})]})),h.inboxSettings&&e.jsx("div",Object.assign({style:{position:"absolute",left:d[h.size]+"px",top:d[h.size]+"px",width:14,height:14,borderRadius:(null==h?void 0:h.borderRadius)||"50%",display:"flex",justifyContent:"center",backgroundColor:h.inboxSettings.isSelected?h.inboxSettings.isComments?a.COLORS.content.primary:a.COLORS.background.brandLight:h.inboxSettings.isComments?a.COLORS.content.primary:a.COLORS.surface.standard,alignItems:"center"}},{children:(()=>{switch(h.channelName){case exports.MESSAGE_CHANNELS.EMAIL:case exports.MESSAGE_CHANNELS.SMTP:return e.jsx(n.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.FACEBOOK:case exports.MESSAGE_CHANNELS.FACEBOOK_CATALOG:case exports.MESSAGE_CHANNELS.MESSENGER:return e.jsx(A.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.INSTAGRAM:return e.jsx(c.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.WHATSAPP:return e.jsx(E.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.GMAIL:return e.jsx(S.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.TASKS:return e.jsx(l.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.BIK_LIVECHAT:return e.jsx(o.default,{width:11,height:11})}})()})),h.status&&e.jsx("div",Object.assign({style:{position:"absolute",left:d[h.size]+"px",top:d[h.size]+"px",width:11,height:11,borderRadius:"50%",display:"flex",justifyContent:"center",backgroundColor:a.COLORS.surface.standard,alignItems:"center"}},{children:h.status?e.jsx("div",{style:{backgroundColor:"ONLINE"===h.status?a.COLORS.special.whatsapp.brand:a.COLORS.content.inactive,width:"8px",height:"8px",borderRadius:"50%"}}):null}))]}))},exports.BACKGROUND_VS_TEXT_COLOR_MAP=u;

package/dist/cjs/components/banner/AdBanner.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),r=require("./BannerInline.js"),s=require("./BannerWithImage.js"),n=require("./CardBanner.js"),t=require("./CardBannerWithImage.js"),a=require("./model.js");exports.default=u=>{switch(u.bannerType){case a.BannerType.CARD_BANNER:return e.jsxRuntimeExports.jsx(n.default,Object.assign({},u));case a.BannerType.CARD_BANNER_WITH_IMAGE:return e.jsxRuntimeExports.jsx(t.default,Object.assign({},u));case a.BannerType.BANNER_INLINE:return e.jsxRuntimeExports.jsx(r.default,Object.assign({},u));case a.BannerType.BANNER_WITH_IMAGE:return e.jsxRuntimeExports.jsx(s.default,Object.assign({},u));default:return null}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("./BannerInline.js"),n=require("./BannerWithImage.js"),a=require("./CardBanner.js"),s=require("./CardBannerWithImage.js"),t=require("./model.js");exports.default=u=>{switch(u.bannerType){case t.BannerType.CARD_BANNER:return e.jsx(a.default,Object.assign({},u));case t.BannerType.CARD_BANNER_WITH_IMAGE:return e.jsx(s.default,Object.assign({},u));case t.BannerType.BANNER_INLINE:return e.jsx(r.default,Object.assign({},u));case t.BannerType.BANNER_WITH_IMAGE:return e.jsx(n.default,Object.assign({},u));default:return null}};

package/dist/cjs/components/banner/Banner.styled.d.ts

@@ -1,87 +1,87 @@
 /// <reference types="react" />
 export declare const CardBannerWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CardBannerContent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CardBannerIconsWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CardBannerButtonWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CompanyImageWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ButtonWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ImageWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CardWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CardFooterWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CardImageWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const CardButtonWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const BannerContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const MainContentWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TextWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TagWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const BottomButtonWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const BannerWithImageContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const BannerImageWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const BannerWithImageButtonWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;