@bikdotai/bik-component-library 0.0.736-beta.1 → 0.0.736-beta.2

package/dist/esm/components/analytics-chips-and-dropdowns/chart/Legend/Legend.js

@@ -1,4 +1,4 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import t from"@emotion/styled";import{BodyPrimary as o}from"../../../TypographyStyle.js";const i=t.div`
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import t from"styled-components";import{BodyPrimary as o}from"../../../TypographyStyle.js";const l=t.div`
 	display: flex;
 	align-items: center;
 	flex-direction: row;
@@ -16,4 +16,4 @@ import{jsxs as r,jsx as e}from"react/jsx-runtime";import t from"@emotion/styled"
 		margin-right: 12px;
 		flex: 1;
 	}
-`,l=t=>{let{color:l,text:a}=t;return r(i,{children:[e("div",{className:"color",style:{backgroundColor:l}}),e(o,{className:"title",children:(c=a,c.charAt(0).toUpperCase()+c.slice(1))})]});var c};export{l as Legend};
+`,i=t=>{let{color:i,text:c}=t;return r(l,{children:[e("div",{className:"color",style:{backgroundColor:i}}),e(o,{className:"title",children:(a=c,a.charAt(0).toUpperCase()+a.slice(1))})]});var a};export{i as Legend};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.styled.d.ts

@@ -1,18 +1,9 @@
-export declare const LegendContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const LegendColor: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+export declare const LegendContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LegendColor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     color: string;
     newStyle?: boolean;
     square?: boolean;
-}, JSX.IntrinsicElements, {}>;
-export declare const LegendWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+}>> & string;
+export declare const LegendWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     position?: string;
-}, JSX.IntrinsicElements, {}>;
+}>> & string;

package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.styled.js

@@ -1,4 +1,4 @@
-import e from"@emotion/styled";const i=e.div`
+import e from"styled-components";const i=e.div`
 	display: flex;
 	flex-direction: row;
 	gap: 8px;

package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js

@@ -1,5 +1,5 @@
-import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import r from"@emotion/styled";import l from"../../../../assets/icons/ChartBar.svg.js";import o from"../../../../assets/icons/maximize.svg.js";import{Chart as a,ArcElement as s,Legend as n}from"chart.js";import d,{useState as c,useEffect as h,Suspense as m}from"react";import{Doughnut as p}from"react-chartjs-2";import{IconButton as u}from"../../../icon-button/IconButton.js";import{StyledModal as g}from"../../../modals/styledModal.js";import{TitleMedium as b}from"../../../TypographyStyle.js";import f from"../../../../utils/StringUtils.js";import{COLORS as y}from"../../../../constants/Theme.js";import{truncateValueForInternationalStore as v,truncateValueForIndianStore as C}from"../utils/calcPercentage.js";import{PieChart as w}from"./PieChart.js";const x=d.lazy((()=>import("../VerticalBarGraph/VerticalGraph.js").then((e=>({default:e.VerticalGraph})))));a.register(s,n);const j=e=>({plugins:{legend:{display:!1},tooltip:{enabled:!0,callbacks:{label:t=>{var i;if(!t.label)return" 0%";const r=t.dataset.data.reduce(((e,t)=>e+t),0),l=parseFloat((t.raw/r*100).toFixed(1)),{label:o,raw:a}=t,s=null!==(i=null==e?void 0:e.symbol)&&void 0!==i?i:"",n=null==e?void 0:e.isInternationalStore;return[` ${o}`,` ${s}${void 0!==n?n?v(a):C(a):a} (${l}% of ${s}${void 0!==n?n?v(r):C(r):r})`]}}}}}),A=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],k=r.div`
+import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import r from"../../../../assets/icons/ChartBar.svg.js";import l from"../../../../assets/icons/maximize.svg.js";import{Chart as o,ArcElement as a,Legend as s}from"chart.js";import n,{useState as d,useEffect as c,Suspense as h}from"react";import{Doughnut as p}from"react-chartjs-2";import m from"styled-components";import{IconButton as u}from"../../../icon-button/IconButton.js";import{StyledModal as g}from"../../../modals/styledModal.js";import{TitleMedium as b}from"../../../TypographyStyle.js";import f from"../../../../utils/StringUtils.js";import{COLORS as y}from"../../../../constants/Theme.js";import{truncateValueForInternationalStore as v,truncateValueForIndianStore as C}from"../utils/calcPercentage.js";import{PieChart as w}from"./PieChart.js";const x=n.lazy((()=>import("../VerticalBarGraph/VerticalGraph.js").then((e=>({default:e.VerticalGraph})))));o.register(a,s);const j=e=>({plugins:{legend:{display:!1},tooltip:{enabled:!0,callbacks:{label:t=>{var i;if(!t.label)return" 0%";const r=t.dataset.data.reduce(((e,t)=>e+t),0),l=parseFloat((t.raw/r*100).toFixed(1)),{label:o,raw:a}=t,s=null!==(i=null==e?void 0:e.symbol)&&void 0!==i?i:"",n=null==e?void 0:e.isInternationalStore;return[` ${o}`,` ${s}${void 0!==n?n?v(a):C(a):a} (${l}% of ${s}${void 0!==n?n?v(r):C(r):r})`]}}}}}),A=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],k=m.div`
 	background: ${e=>y.surface.standard};
 	border: 1px solid ${e=>y.stroke.primary};
 	border-radius: 4px;
-`,O=t=>e(k,{style:{padding:24},children:t.children}),F=r=>{let{title:a,slices:s,size:n,allowChartPopup:d,showConvertToBarChart:y,truncateSlices:v,barChartXAxisTitle:C,barChartYAxisTitle:k,hideTitle:O=!1,currencyProps:F}=r;const[B,T]=c(!1),[$,E]=c(!1),[R,z]=c([]),[G,I]=c(),[D,P]=c(),[S,W]=c([]),[L,N]=c(null);return h((()=>{const e=s.reduce(((e,t)=>e+t.count),0);let t=[];if(t=Object.keys(s).map(((e,t)=>Object.assign({color:A[t%A.length]},s[e]))),z([...t]),0===e){I({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}],labels:[]})}else{const e={labels:s.map((e=>f.capitalizeEachWord(e.name))),datasets:[{data:s.map((e=>e.count)),backgroundColor:s.map(((e,t)=>{var i;return null!==(i=e.color)&&void 0!==i?i:A[t%A.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};I(e)}if(v&&s.length>v){const e=s.slice(0,v),t=s.slice(v).reduce(((e,t)=>e+t.count),0);e.push({name:"Other",count:t});const i={labels:e.map((e=>f.capitalize(e.name))),datasets:[{data:e.map((e=>e.count)),backgroundColor:e.map(((e,t)=>{var i;return null!==(i=e.color)&&void 0!==i?i:A[t%A.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};P(i);const r=e.map(((e,t)=>Object.assign({color:A[t%A.length]},e)));W(r)}y&&N(((e,t,i)=>({xAxis:{data:e.map((e=>e.name)),title:null!=t?t:""},yAxis:{data:e.map((e=>e.count)),title:null!=i?i:""},barColorRGBA:{r:210,g:174,b:255,a:1}}))(s,C,k))}),[s,v]),G?i(t,{children:[i("div",{style:{display:"flex",justifyContent:O||0===(null==a?void 0:a.length)?"flex-end":"space-between"},children:[!O&&a&&e(b,{style:{marginBottom:16},children:a}),i("div",{children:[y&&e(u,{Icon:l,onClick:()=>{E(!0)}}),d&&e(u,{Icon:o,onClick:()=>{T(!0)}})]})]}),i("div",{className:"row",children:[e("div",{className:"col-6 ",style:{display:"flex",alignItems:"center",justifyContent:"center"},children:e("div",{style:{width:n,height:n},children:e(p,{data:v?D:G,options:Object.assign(Object.assign({},j(F)),{maintainAspectRatio:!n})})})}),e("div",{className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"flex-start"},children:e(w,{slices:v?S:R,size:n})})]}),B&&e(g,{open:B,onClose:()=>T(!1),closeOnOutsideClick:!0,headingTitle:a,width:"75%",children:i("div",{style:{padding:24,display:"flex",justifyContent:"space-between",height:"80vh"},children:[e("div",{style:{width:"55%",marginLeft:"4%"},children:e("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:e(p,{data:G,options:Object.assign(Object.assign({},j(F)),{maintainAspectRatio:!n})})})}),e("div",{style:{width:"30%",height:"100%",overflowY:"auto"},children:e(w,{slices:R})})]})}),$&&L&&e(g,{open:$,onClose:()=>E(!1),closeOnOutsideClick:!0,headingTitle:a,width:"85%",children:e("div",{style:{padding:"24px 0"},children:e(m,{fallback:e("div",{children:"Loading..."}),children:e(x,{xAxis:L.xAxis,yAxis:L.yAxis,barColorRGBA:null==L?void 0:L.barColorRGBA})})})})]}):e(t,{})};export{O as Card,F as PieChartAnalytics};
+`,O=t=>e(k,{style:{padding:24},children:t.children}),F=o=>{let{title:a,slices:s,size:n,allowChartPopup:m,showConvertToBarChart:y,truncateSlices:v,barChartXAxisTitle:C,barChartYAxisTitle:k,hideTitle:O=!1,currencyProps:F}=o;const[B,T]=d(!1),[$,E]=d(!1),[R,z]=d([]),[G,I]=d(),[D,P]=d(),[S,W]=d([]),[L,N]=d(null);return c((()=>{const e=s.reduce(((e,t)=>e+t.count),0);let t=[];if(t=Object.keys(s).map(((e,t)=>Object.assign({color:A[t%A.length]},s[e]))),z([...t]),0===e){I({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}],labels:[]})}else{const e={labels:s.map((e=>f.capitalizeEachWord(e.name))),datasets:[{data:s.map((e=>e.count)),backgroundColor:s.map(((e,t)=>{var i;return null!==(i=e.color)&&void 0!==i?i:A[t%A.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};I(e)}if(v&&s.length>v){const e=s.slice(0,v),t=s.slice(v).reduce(((e,t)=>e+t.count),0);e.push({name:"Other",count:t});const i={labels:e.map((e=>f.capitalize(e.name))),datasets:[{data:e.map((e=>e.count)),backgroundColor:e.map(((e,t)=>{var i;return null!==(i=e.color)&&void 0!==i?i:A[t%A.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};P(i);const r=e.map(((e,t)=>Object.assign({color:A[t%A.length]},e)));W(r)}y&&N(((e,t,i)=>({xAxis:{data:e.map((e=>e.name)),title:null!=t?t:""},yAxis:{data:e.map((e=>e.count)),title:null!=i?i:""},barColorRGBA:{r:210,g:174,b:255,a:1}}))(s,C,k))}),[s,v]),G?i(t,{children:[i("div",{style:{display:"flex",justifyContent:O||0===(null==a?void 0:a.length)?"flex-end":"space-between"},children:[!O&&a&&e(b,{style:{marginBottom:16},children:a}),i("div",{children:[y&&e(u,{Icon:r,onClick:()=>{E(!0)}}),m&&e(u,{Icon:l,onClick:()=>{T(!0)}})]})]}),i("div",{className:"row",children:[e("div",{className:"col-6 ",style:{display:"flex",alignItems:"center",justifyContent:"center"},children:e("div",{style:{width:n,height:n},children:e(p,{data:v?D:G,options:Object.assign(Object.assign({},j(F)),{maintainAspectRatio:!n})})})}),e("div",{className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"flex-start"},children:e(w,{slices:v?S:R,size:n})})]}),B&&e(g,{open:B,onClose:()=>T(!1),closeOnOutsideClick:!0,headingTitle:a,width:"75%",children:i("div",{style:{padding:24,display:"flex",justifyContent:"space-between",height:"80vh"},children:[e("div",{style:{width:"55%",marginLeft:"4%"},children:e("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:e(p,{data:G,options:Object.assign(Object.assign({},j(F)),{maintainAspectRatio:!n})})})}),e("div",{style:{width:"30%",height:"100%",overflowY:"auto"},children:e(w,{slices:R})})]})}),$&&L&&e(g,{open:$,onClose:()=>E(!1),closeOnOutsideClick:!0,headingTitle:a,width:"85%",children:e("div",{style:{padding:"24px 0"},children:e(h,{fallback:e("div",{children:"Loading..."}),children:e(x,{xAxis:L.xAxis,yAxis:L.yAxis,barColorRGBA:null==L?void 0:L.barColorRGBA})})})})]}):e(t,{})};export{O as Card,F as PieChartAnalytics};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.d.ts

@@ -1,39 +1,15 @@
-export declare const HeatBoxStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+export declare const HeatBoxStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isLooseFit?: boolean;
-}, JSX.IntrinsicElements, {}>;
-export declare const HeatBox: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+}>> & string;
+export declare const HeatBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     heatBoxHeight?: number;
     heatBoxWidth?: number;
-}, JSX.IntrinsicElements, {}>;
-export declare const HeatBoxLegend: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+}>> & string;
+export declare const HeatBoxLegend: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     color: string;
-}, JSX.IntrinsicElements, {}>;
-export declare const LegendContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const LegendItem: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const LegendValue: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const LegendLabels: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const LegendCaption: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
+}>> & string;
+export declare const LegendContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LegendItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LegendValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LegendLabels: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LegendCaption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.js

@@ -1,4 +1,4 @@
-import e from"@emotion/styled";const i=e.div`
+import e from"styled-components";const i=e.div`
 	width: ${e=>e.isLooseFit?"100%":"fit-content"};
 	.top-container {
 		display: flex;

package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.d.ts

@@ -8,7 +8,4 @@ export interface HeatMapVerticalInputInterface {
     hideXLabels?: boolean;
 }
 export declare const HeatMapVertical: React.FC<HeatMapVerticalInputInterface>;
-export declare const HeatBoxStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
+export declare const HeatBoxStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js

@@ -1,8 +1,8 @@
-import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import r from"@emotion/styled";import{useState as i,useEffect as l}from"react";import{Tooltip as n}from"../../../tooltips/Tooltip.js";import{BodyCaption as c,BodyTiny as a}from"../../../TypographyStyle.js";import{COLORS as d}from"../../../../constants/Theme.js";import{HeatBoxLegend as s}from"./HeatMapStyled.js";var h;!function(e){e[e.LOW=0]="LOW",e[e.MEDIUM=1]="MEDIUM",e[e.HIGH=2]="HIGH",e[e.HIGHEST=3]="HIGHEST"}(h||(h={}));const m={[h.LOW]:"#EBDBFF",[h.MEDIUM]:"#D2AEFF",[h.HIGH]:"#9E77ED",[h.HIGHEST]:"#5E07BB"},p=r=>{let{xLabels:p,yLabels:x,values:H,absolutHeatValues:f}=r;const[v,E]=i();return l((()=>{E(H.map((e=>e.map((e=>((e,t)=>e<=t[0]?h.LOW:e<=t[1]?h.MEDIUM:e<=t[2]?h.HIGH:h.HIGHEST)(e,f||[]))))))}),[H,f]),v?o(y,{children:[e("div",{className:"top-container",children:o("div",{children:[o("div",{className:"top-container__legend",children:[e(s,{color:m[h.LOW]}),e(s,{color:m[h.MEDIUM]}),e(s,{color:m[h.HIGH]}),e(s,{color:m[h.HIGHEST]})]}),o("div",{className:"top-container__legend",children:[e(c,{color:d.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:f[0]}),e(c,{color:d.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:f[1]}),e(c,{color:d.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:f[2]}),e(c,{color:d.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:`${f[2]}+`})]})]})}),o("div",{style:{width:"100%"},children:[x.map(((t,r)=>o("div",{className:"heat-row",children:[e("div",{style:{flex:.5},children:e(a,{style:{color:d.content.secondary,textAlign:"right",marginRight:8},children:t})}),p.map(((t,o)=>e("div",{style:{flex:1},children:e(n,{body:H[r][o].toString(),placement:"bottom",children:e(g,{color:m[v[r][o]]})})},t)))]},t))),o("div",{className:"heat-row",style:{marginTop:12},children:[e("div",{style:{flex:.5}}),p.map((t=>e("div",{style:{flex:1},children:e(a,{style:{color:d.content.secondary,textAlign:"center"},children:t})},t)))]})]})]}):e(t,{})},g=r.div`
+import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import{useState as r,useEffect as i}from"react";import l from"styled-components";import{Tooltip as n}from"../../../tooltips/Tooltip.js";import{BodyCaption as c,BodyTiny as a}from"../../../TypographyStyle.js";import{COLORS as d}from"../../../../constants/Theme.js";import{HeatBoxLegend as s}from"./HeatMapStyled.js";var h;!function(e){e[e.LOW=0]="LOW",e[e.MEDIUM=1]="MEDIUM",e[e.HIGH=2]="HIGH",e[e.HIGHEST=3]="HIGHEST"}(h||(h={}));const m={[h.LOW]:"#EBDBFF",[h.MEDIUM]:"#D2AEFF",[h.HIGH]:"#9E77ED",[h.HIGHEST]:"#5E07BB"},p=l=>{let{xLabels:p,yLabels:x,values:H,absolutHeatValues:f}=l;const[v,E]=r();return i((()=>{E(H.map((e=>e.map((e=>((e,t)=>e<=t[0]?h.LOW:e<=t[1]?h.MEDIUM:e<=t[2]?h.HIGH:h.HIGHEST)(e,f||[]))))))}),[H,f]),v?o(y,{children:[e("div",{className:"top-container",children:o("div",{children:[o("div",{className:"top-container__legend",children:[e(s,{color:m[h.LOW]}),e(s,{color:m[h.MEDIUM]}),e(s,{color:m[h.HIGH]}),e(s,{color:m[h.HIGHEST]})]}),o("div",{className:"top-container__legend",children:[e(c,{color:d.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:f[0]}),e(c,{color:d.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:f[1]}),e(c,{color:d.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:f[2]}),e(c,{color:d.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:`${f[2]}+`})]})]})}),o("div",{style:{width:"100%"},children:[x.map(((t,r)=>o("div",{className:"heat-row",children:[e("div",{style:{flex:.5},children:e(a,{style:{color:d.content.secondary,textAlign:"right",marginRight:8},children:t})}),p.map(((t,o)=>e("div",{style:{flex:1},children:e(n,{body:H[r][o].toString(),placement:"bottom",children:e(g,{color:m[v[r][o]]})})},t)))]},t))),o("div",{className:"heat-row",style:{marginTop:12},children:[e("div",{style:{flex:.5}}),p.map((t=>e("div",{style:{flex:1},children:e(a,{style:{color:d.content.secondary,textAlign:"center"},children:t})},t)))]})]})]}):e(t,{})},g=l.div`
 	height: 7px;
 	border-radius: 1px;
 	background-color: ${e=>e.color};
-`,y=r.div`
+`,y=l.div`
 	width: 100%;
 	.top-container {
 		display: flex;

package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.d.ts

@@ -1,24 +1,9 @@
-export declare const Container: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     separator?: boolean;
-}, JSX.IntrinsicElements, {}>;
-export declare const Row: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const Column: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const StyledChip: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+}>> & string;
+export declare const Row: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Column: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledChip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     type: "positive" | "neutral" | "negative";
-}, JSX.IntrinsicElements, {}>;
-export declare const StyledBarContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
+}>> & string;
+export declare const StyledBarContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js

@@ -1,4 +1,4 @@
-import i from"@emotion/styled";import{COLORS as e}from"../../../../constants/Theme.js";const o=i.div`
+import i from"styled-components";import{COLORS as e}from"../../../../constants/Theme.js";const o=i.div`
 	width: 100%;
 	display: flex;
 	flex-direction: column;

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

@@ -1,24 +1,9 @@
-export declare const Container: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     separator?: boolean;
-}, JSX.IntrinsicElements, {}>;
-export declare const Row: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const Column: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const StyledChip: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+}>> & string;
+export declare const Row: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Column: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledChip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     type: "positive" | "neutral" | "negative";
-}, JSX.IntrinsicElements, {}>;
-export declare const StyledBarContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
+}>> & string;
+export declare const StyledBarContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,4 +1,4 @@
-import i from"@emotion/styled";import{COLORS as e}from"../../../../constants/Theme.js";const d=i.div`
+import i from"styled-components";import{COLORS as e}from"../../../../constants/Theme.js";const d=i.div`
 	width: 100%;
 	display: flex;
 	flex-direction: column;

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

@@ -1,71 +1,20 @@
-export declare const CardBannerWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const CardBannerContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const CardBannerIconsWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const CardBannerButtonWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const CompanyImageWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const ButtonWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const ImageWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const CardWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const CardFooterWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const CardImageWrapper: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const CardButtonWrapper: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const BannerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const MainContentWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const TextWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const TagWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const BottomButtonWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const BannerWithImageContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const BannerImageWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const BannerWithImageButtonWrapper: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const CardBannerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CardBannerContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CardBannerIconsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CardBannerButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CompanyImageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ImageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CardWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CardFooterWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CardImageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
+export declare const CardButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
+export declare const BannerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MainContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TextWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TagWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const BottomButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const BannerWithImageContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const BannerImageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const BannerWithImageButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;

package/dist/esm/components/banner/Banner.styled.js

@@ -1,4 +1,4 @@
-import c from"@emotion/styled/base";import{COLORS as X}from"../../constants/Theme.js";const G=styled.div`
+import i from"styled-components";import{COLORS as e}from"../../constants/Theme.js";const d=i.div`
 	border: 1px solid #e0e0e0;
 	border-radius: 8px;
 	background: rgba(239, 230, 249, 0.2);
@@ -6,18 +6,18 @@ import c from"@emotion/styled/base";import{COLORS as X}from"../../constants/Them
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
-`,b=styled.div`
+`,t=i.div`
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
-`,d=styled.div`
+`,p=i.div`
 	display: flex;
 	gap: 8px;
-`,l=styled.div`
+`,o=i.div`
 	display: flex;
 	gap: 8px;
 	margin-top: 16px;
-`,Z=styled.div`
+`,a=i.div`
 	width: 40px;
 	aspect-ratio: 1;
 	overflow: hidden;
@@ -27,16 +27,16 @@ import c from"@emotion/styled/base";import{COLORS as X}from"../../constants/Them
 		height: auto;
 		border-radius: 8px;
 	}
-`,x=styled.div`
+`,r=i.div`
 	width: fit-content;
-`,g=styled.div`
+`,l=i.div`
 	width: 100%;
 	height: auto;
 	img {
 		width: 100%;
 		height: auto;
 	}
-`,u=styled.div`
+`,x=i.div`
 	width: 100%;
 	height: auto;
 	max-height: 303px;
@@ -45,10 +45,10 @@ import c from"@emotion/styled/base";import{COLORS as X}from"../../constants/Them
 	display: flex;
 	flex-direction: column;
 	align-items: center;
-	border: 1px solid ${X.stroke.primary};
+	border: 1px solid ${e.stroke.primary};
 	background-color: #fff;
 	overflow: hidden;
-`,t=styled.div`
+`,n=i.div`
 	width: 100%;
 	height: 72px;
 	display: flex;
@@ -56,33 +56,33 @@ import c from"@emotion/styled/base";import{COLORS as X}from"../../constants/Them
 	justify-content: space-between;
 	padding: 16px;
 	gap: 16px;
-`,i=c(g,"production"===process.env.NODE_ENV?{target:"e1vg61c42"}:{target:"e1vg61c42",label:"CardImageWrapper"})("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhbm5lci5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVFcUQiLCJmaWxlIjoiQmFubmVyLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi9jb25zdGFudHMvVGhlbWUnO1xuZXhwb3J0IGNvbnN0IENhcmRCYW5uZXJXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGJvcmRlcjogMXB4IHNvbGlkICNlMGUwZTA7XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0YmFja2dyb3VuZDogcmdiYSgyMzksIDIzMCwgMjQ5LCAwLjIpO1xuXHRwYWRkaW5nOiAyNHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDEycHg7XG5gO1xuZXhwb3J0IGNvbnN0IENhcmRCYW5uZXJDb250ZW50ID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogOHB4O1xuYDtcbmV4cG9ydCBjb25zdCBDYXJkQmFubmVySWNvbnNXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGdhcDogOHB4O1xuYDtcbmV4cG9ydCBjb25zdCBDYXJkQmFubmVyQnV0dG9uV3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRnYXA6IDhweDtcblx0bWFyZ2luLXRvcDogMTZweDtcbmA7XG4vLyA9PT09PT09PT09PT09PT09PT09PSBDb21tb24gU2hhcmVkIFN0eWxlcyA9PT09PT09PT09PT09PT09PT09PVxuZXhwb3J0IGNvbnN0IENvbXBhbnlJbWFnZVdyYXBwZXIgPSBzdHlsZWRbJ2RpdiddIGBcblx0d2lkdGg6IDQwcHg7XG5cdGFzcGVjdC1yYXRpbzogMTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0ZmxleC1zaHJpbms6IDA7XG5cdGltZyB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuYDtcbmV4cG9ydCBjb25zdCBCdXR0b25XcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdHdpZHRoOiBmaXQtY29udGVudDtcbmA7XG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IGF1dG87XG5cdGltZyB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHR9XG5gO1xuLy8gPT09PT09PT09PT09PT09PT09PT0gQ2FyZEJhbm5lciBTdHlsZXMgPT09PT09PT09PT09PT09PT09PT1cbmV4cG9ydCBjb25zdCBDYXJkV3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiBhdXRvO1xuXHRtYXgtaGVpZ2h0OiAzMDNweDtcblx0bWF4LXdpZHRoOiA0NDBweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xuZXhwb3J0IGNvbnN0IENhcmRGb290ZXJXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDcycHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cGFkZGluZzogMTZweDtcblx0Z2FwOiAxNnB4O1xuYDtcbmV4cG9ydCBjb25zdCBDYXJkSW1hZ2VXcmFwcGVyID0gc3R5bGVkKEltYWdlV3JhcHBlcikgYGA7XG5leHBvcnQgY29uc3QgQ2FyZEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQoQnV0dG9uV3JhcHBlcikgYGA7XG4vLyA9PT09PT09PT09PT09PT09PT09PSBCYW5uZXJJbmxpbmUgU3R5bGVzID09PT09PT09PT09PT09PT09PT09XG5leHBvcnQgY29uc3QgQmFubmVyQ29udGFpbmVyID0gc3R5bGVkWydkaXYnXSBgXG5cdHdpZHRoOiAxMDAlO1xuXHRwYWRkaW5nOiAxNnB4O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UuYnJhbmRMaWdodEFsdH07XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IHN0cmV0Y2g7XG5cdGdhcDogMTZweDtcblx0YmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDE4MGRlZywgI2Y4ZjZmZiAwJSwgI2ZmZmZmZiAxMDAlKTtcbmA7XG5leHBvcnQgY29uc3QgTWFpbkNvbnRlbnRXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTZweDtcblx0ZmxleC1ncm93OiAxO1xuYDtcbmV4cG9ydCBjb25zdCBUZXh0V3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDRweDtcbmA7XG5leHBvcnQgY29uc3QgVGFnV3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRnYXA6IDhweDtcbmA7XG5leHBvcnQgY29uc3QgQm90dG9tQnV0dG9uV3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHR3aWR0aDogZml0LWNvbnRlbnQ7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcblx0Z2FwOiA4cHg7XG5gO1xuLy8gPT09PT09PT09PT09PT09PT09PT0gQmFubmVyV2l0aEltYWdlIFN0eWxlcyA9PT09PT09PT09PT09PT09PT09PVxuZXhwb3J0IGNvbnN0IEJhbm5lcldpdGhJbWFnZUNvbnRhaW5lciA9IHN0eWxlZFsnZGl2J10gYFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAxNzBweDtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRib3JkZXI6IDFweCBzb2xpZCAjZTBlMGUwO1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5gO1xuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMjRweDtcblx0ZmxleC1ncm93OiAxO1xuXHRwYWRkaW5nOiAyNHB4O1xuXHR6LWluZGV4OiAxO1xuYDtcbmV4cG9ydCBjb25zdCBCYW5uZXJJbWFnZVdyYXBwZXIgPSBzdHlsZWRbJ2RpdiddIGBcblx0aGVpZ2h0OiAxNzBweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRpbWcge1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRoZWlnaHQ6IDE3MHB4O1xuXHRcdGJvdHRvbTogMDtcblx0XHRyaWdodDogMDtcblx0fVxuYDtcbmV4cG9ydCBjb25zdCBCYW5uZXJXaXRoSW1hZ2VCdXR0b25XcmFwcGVyID0gc3R5bGVkKEJ1dHRvbldyYXBwZXIpIGBcblx0ZGlzcGxheTogZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRnYXA6IDhweDtcblx0YnV0dG9uIHtcblx0XHRib3JkZXItcmFkaXVzOiAzMnB4O1xuXHR9XG5gO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QmFubmVyLnN0eWxlZC5qcy5tYXAiXX0= */"),R=c(x,"production"===process.env.NODE_ENV?{target:"e1vg61c41"}:{target:"e1vg61c41",label:"CardButtonWrapper"})("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhbm5lci5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFdUQiLCJmaWxlIjoiQmFubmVyLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi9jb25zdGFudHMvVGhlbWUnO1xuZXhwb3J0IGNvbnN0IENhcmRCYW5uZXJXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGJvcmRlcjogMXB4IHNvbGlkICNlMGUwZTA7XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0YmFja2dyb3VuZDogcmdiYSgyMzksIDIzMCwgMjQ5LCAwLjIpO1xuXHRwYWRkaW5nOiAyNHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDEycHg7XG5gO1xuZXhwb3J0IGNvbnN0IENhcmRCYW5uZXJDb250ZW50ID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogOHB4O1xuYDtcbmV4cG9ydCBjb25zdCBDYXJkQmFubmVySWNvbnNXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGdhcDogOHB4O1xuYDtcbmV4cG9ydCBjb25zdCBDYXJkQmFubmVyQnV0dG9uV3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRnYXA6IDhweDtcblx0bWFyZ2luLXRvcDogMTZweDtcbmA7XG4vLyA9PT09PT09PT09PT09PT09PT09PSBDb21tb24gU2hhcmVkIFN0eWxlcyA9PT09PT09PT09PT09PT09PT09PVxuZXhwb3J0IGNvbnN0IENvbXBhbnlJbWFnZVdyYXBwZXIgPSBzdHlsZWRbJ2RpdiddIGBcblx0d2lkdGg6IDQwcHg7XG5cdGFzcGVjdC1yYXRpbzogMTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0ZmxleC1zaHJpbms6IDA7XG5cdGltZyB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuYDtcbmV4cG9ydCBjb25zdCBCdXR0b25XcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdHdpZHRoOiBmaXQtY29udGVudDtcbmA7XG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IGF1dG87XG5cdGltZyB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHR9XG5gO1xuLy8gPT09PT09PT09PT09PT09PT09PT0gQ2FyZEJhbm5lciBTdHlsZXMgPT09PT09PT09PT09PT09PT09PT1cbmV4cG9ydCBjb25zdCBDYXJkV3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiBhdXRvO1xuXHRtYXgtaGVpZ2h0OiAzMDNweDtcblx0bWF4LXdpZHRoOiA0NDBweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xuZXhwb3J0IGNvbnN0IENhcmRGb290ZXJXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDcycHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cGFkZGluZzogMTZweDtcblx0Z2FwOiAxNnB4O1xuYDtcbmV4cG9ydCBjb25zdCBDYXJkSW1hZ2VXcmFwcGVyID0gc3R5bGVkKEltYWdlV3JhcHBlcikgYGA7XG5leHBvcnQgY29uc3QgQ2FyZEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQoQnV0dG9uV3JhcHBlcikgYGA7XG4vLyA9PT09PT09PT09PT09PT09PT09PSBCYW5uZXJJbmxpbmUgU3R5bGVzID09PT09PT09PT09PT09PT09PT09XG5leHBvcnQgY29uc3QgQmFubmVyQ29udGFpbmVyID0gc3R5bGVkWydkaXYnXSBgXG5cdHdpZHRoOiAxMDAlO1xuXHRwYWRkaW5nOiAxNnB4O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UuYnJhbmRMaWdodEFsdH07XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IHN0cmV0Y2g7XG5cdGdhcDogMTZweDtcblx0YmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDE4MGRlZywgI2Y4ZjZmZiAwJSwgI2ZmZmZmZiAxMDAlKTtcbmA7XG5leHBvcnQgY29uc3QgTWFpbkNvbnRlbnRXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTZweDtcblx0ZmxleC1ncm93OiAxO1xuYDtcbmV4cG9ydCBjb25zdCBUZXh0V3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDRweDtcbmA7XG5leHBvcnQgY29uc3QgVGFnV3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRnYXA6IDhweDtcbmA7XG5leHBvcnQgY29uc3QgQm90dG9tQnV0dG9uV3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHR3aWR0aDogZml0LWNvbnRlbnQ7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcblx0Z2FwOiA4cHg7XG5gO1xuLy8gPT09PT09PT09PT09PT09PT09PT0gQmFubmVyV2l0aEltYWdlIFN0eWxlcyA9PT09PT09PT09PT09PT09PT09PVxuZXhwb3J0IGNvbnN0IEJhbm5lcldpdGhJbWFnZUNvbnRhaW5lciA9IHN0eWxlZFsnZGl2J10gYFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAxNzBweDtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRib3JkZXI6IDFweCBzb2xpZCAjZTBlMGUwO1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5gO1xuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMjRweDtcblx0ZmxleC1ncm93OiAxO1xuXHRwYWRkaW5nOiAyNHB4O1xuXHR6LWluZGV4OiAxO1xuYDtcbmV4cG9ydCBjb25zdCBCYW5uZXJJbWFnZVdyYXBwZXIgPSBzdHlsZWRbJ2RpdiddIGBcblx0aGVpZ2h0OiAxNzBweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRpbWcge1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRoZWlnaHQ6IDE3MHB4O1xuXHRcdGJvdHRvbTogMDtcblx0XHRyaWdodDogMDtcblx0fVxuYDtcbmV4cG9ydCBjb25zdCBCYW5uZXJXaXRoSW1hZ2VCdXR0b25XcmFwcGVyID0gc3R5bGVkKEJ1dHRvbldyYXBwZXIpIGBcblx0ZGlzcGxheTogZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRnYXA6IDhweDtcblx0YnV0dG9uIHtcblx0XHRib3JkZXItcmFkaXVzOiAzMnB4O1xuXHR9XG5gO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QmFubmVyLnN0eWxlZC5qcy5tYXAiXX0= */"),e=styled.div`
+`,s=i(l)``,f=i(r)``,g=i.div`
 	width: 100%;
 	padding: 16px;
-	border: 1px solid ${X.stroke.brandLightAlt};
+	border: 1px solid ${e.stroke.brandLightAlt};
 	border-radius: 8px;
 	display: flex;
 	align-items: stretch;
 	gap: 16px;
 	background: linear-gradient(180deg, #f8f6ff 0%, #ffffff 100%);
-`,m=styled.div`
+`,h=i.div`
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 	flex-grow: 1;
-`,n=styled.div`
+`,c=i.div`
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
-`,V=styled.div`
+`,u=i.div`
 	display: flex;
 	gap: 8px;
-`,W=styled.div`
+`,m=i.div`
 	width: fit-content;
 	display: flex;
 	align-items: flex-end;
 	gap: 8px;
-`,B=styled.div`
+`,b=i.div`
 	width: 100%;
 	height: 170px;
 	display: flex;
@@ -90,15 +90,15 @@ import c from"@emotion/styled/base";import{COLORS as X}from"../../constants/Them
 	justify-content: space-between;
 	border: 1px solid #e0e0e0;
 	border-radius: 8px;
-	background-color: ${X.background.brandLight};
-`,a=styled.div`
+	background-color: ${e.background.brandLight};
+`,v=i.div`
 	display: flex;
 	flex-direction: column;
 	gap: 24px;
 	flex-grow: 1;
 	padding: 24px;
 	z-index: 1;
-`,H=styled.div`
+`,y=i.div`
 	height: 170px;
 	position: relative;
 	img {
@@ -107,4 +107,11 @@ import c from"@emotion/styled/base";import{COLORS as X}from"../../constants/Them
 		bottom: 0;
 		right: 0;
 	}
-`,I=c(x,"production"===process.env.NODE_ENV?{target:"e1vg61c40"}:{target:"e1vg61c40",label:"BannerWithImageButtonWrapper"})("production"===process.env.NODE_ENV?{name:"1dvq14a",styles:"display:flex;justify-content:flex-start;gap:8px;button{border-radius:32px;}"}:{name:"1dvq14a",styles:"display:flex;justify-content:flex-start;gap:8px;button{border-radius:32px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhbm5lci5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNJa0UiLCJmaWxlIjoiQmFubmVyLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi9jb25zdGFudHMvVGhlbWUnO1xuZXhwb3J0IGNvbnN0IENhcmRCYW5uZXJXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGJvcmRlcjogMXB4IHNvbGlkICNlMGUwZTA7XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0YmFja2dyb3VuZDogcmdiYSgyMzksIDIzMCwgMjQ5LCAwLjIpO1xuXHRwYWRkaW5nOiAyNHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDEycHg7XG5gO1xuZXhwb3J0IGNvbnN0IENhcmRCYW5uZXJDb250ZW50ID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogOHB4O1xuYDtcbmV4cG9ydCBjb25zdCBDYXJkQmFubmVySWNvbnNXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGdhcDogOHB4O1xuYDtcbmV4cG9ydCBjb25zdCBDYXJkQmFubmVyQnV0dG9uV3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRnYXA6IDhweDtcblx0bWFyZ2luLXRvcDogMTZweDtcbmA7XG4vLyA9PT09PT09PT09PT09PT09PT09PSBDb21tb24gU2hhcmVkIFN0eWxlcyA9PT09PT09PT09PT09PT09PT09PVxuZXhwb3J0IGNvbnN0IENvbXBhbnlJbWFnZVdyYXBwZXIgPSBzdHlsZWRbJ2RpdiddIGBcblx0d2lkdGg6IDQwcHg7XG5cdGFzcGVjdC1yYXRpbzogMTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0ZmxleC1zaHJpbms6IDA7XG5cdGltZyB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuYDtcbmV4cG9ydCBjb25zdCBCdXR0b25XcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdHdpZHRoOiBmaXQtY29udGVudDtcbmA7XG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IGF1dG87XG5cdGltZyB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHR9XG5gO1xuLy8gPT09PT09PT09PT09PT09PT09PT0gQ2FyZEJhbm5lciBTdHlsZXMgPT09PT09PT09PT09PT09PT09PT1cbmV4cG9ydCBjb25zdCBDYXJkV3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiBhdXRvO1xuXHRtYXgtaGVpZ2h0OiAzMDNweDtcblx0bWF4LXdpZHRoOiA0NDBweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xuZXhwb3J0IGNvbnN0IENhcmRGb290ZXJXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDcycHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cGFkZGluZzogMTZweDtcblx0Z2FwOiAxNnB4O1xuYDtcbmV4cG9ydCBjb25zdCBDYXJkSW1hZ2VXcmFwcGVyID0gc3R5bGVkKEltYWdlV3JhcHBlcikgYGA7XG5leHBvcnQgY29uc3QgQ2FyZEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQoQnV0dG9uV3JhcHBlcikgYGA7XG4vLyA9PT09PT09PT09PT09PT09PT09PSBCYW5uZXJJbmxpbmUgU3R5bGVzID09PT09PT09PT09PT09PT09PT09XG5leHBvcnQgY29uc3QgQmFubmVyQ29udGFpbmVyID0gc3R5bGVkWydkaXYnXSBgXG5cdHdpZHRoOiAxMDAlO1xuXHRwYWRkaW5nOiAxNnB4O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UuYnJhbmRMaWdodEFsdH07XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IHN0cmV0Y2g7XG5cdGdhcDogMTZweDtcblx0YmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDE4MGRlZywgI2Y4ZjZmZiAwJSwgI2ZmZmZmZiAxMDAlKTtcbmA7XG5leHBvcnQgY29uc3QgTWFpbkNvbnRlbnRXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTZweDtcblx0ZmxleC1ncm93OiAxO1xuYDtcbmV4cG9ydCBjb25zdCBUZXh0V3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDRweDtcbmA7XG5leHBvcnQgY29uc3QgVGFnV3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRnYXA6IDhweDtcbmA7XG5leHBvcnQgY29uc3QgQm90dG9tQnV0dG9uV3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHR3aWR0aDogZml0LWNvbnRlbnQ7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcblx0Z2FwOiA4cHg7XG5gO1xuLy8gPT09PT09PT09PT09PT09PT09PT0gQmFubmVyV2l0aEltYWdlIFN0eWxlcyA9PT09PT09PT09PT09PT09PT09PVxuZXhwb3J0IGNvbnN0IEJhbm5lcldpdGhJbWFnZUNvbnRhaW5lciA9IHN0eWxlZFsnZGl2J10gYFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAxNzBweDtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRib3JkZXI6IDFweCBzb2xpZCAjZTBlMGUwO1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5gO1xuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMjRweDtcblx0ZmxleC1ncm93OiAxO1xuXHRwYWRkaW5nOiAyNHB4O1xuXHR6LWluZGV4OiAxO1xuYDtcbmV4cG9ydCBjb25zdCBCYW5uZXJJbWFnZVdyYXBwZXIgPSBzdHlsZWRbJ2RpdiddIGBcblx0aGVpZ2h0OiAxNzBweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRpbWcge1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRoZWlnaHQ6IDE3MHB4O1xuXHRcdGJvdHRvbTogMDtcblx0XHRyaWdodDogMDtcblx0fVxuYDtcbmV4cG9ydCBjb25zdCBCYW5uZXJXaXRoSW1hZ2VCdXR0b25XcmFwcGVyID0gc3R5bGVkKEJ1dHRvbldyYXBwZXIpIGBcblx0ZGlzcGxheTogZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRnYXA6IDhweDtcblx0YnV0dG9uIHtcblx0XHRib3JkZXItcmFkaXVzOiAzMnB4O1xuXHR9XG5gO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QmFubmVyLnN0eWxlZC5qcy5tYXAiXX0= */",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 BannerContainer,H as BannerImageWrapper,I as BannerWithImageButtonWrapper,B as BannerWithImageContainer,W as BottomButtonWrapper,x as ButtonWrapper,l as CardBannerButtonWrapper,b as CardBannerContent,d as CardBannerIconsWrapper,G as CardBannerWrapper,R as CardButtonWrapper,t as CardFooterWrapper,i as CardImageWrapper,u as CardWrapper,Z as CompanyImageWrapper,a as ContentWrapper,g as ImageWrapper,m as MainContentWrapper,V as TagWrapper,n as TextWrapper};
+`,w=i(r)`
+	display: flex;
+	justify-content: flex-start;
+	gap: 8px;
+	button {
+		border-radius: 32px;
+	}
+`;export{g as BannerContainer,y as BannerImageWrapper,w as BannerWithImageButtonWrapper,b as BannerWithImageContainer,m as BottomButtonWrapper,r as ButtonWrapper,o as CardBannerButtonWrapper,t as CardBannerContent,p as CardBannerIconsWrapper,d as CardBannerWrapper,f as CardButtonWrapper,n as CardFooterWrapper,s as CardImageWrapper,x as CardWrapper,a as CompanyImageWrapper,v as ContentWrapper,l as ImageWrapper,h as MainContentWrapper,u as TagWrapper,c as TextWrapper};

package/dist/esm/components/bik-layout/BikHeader.d.ts

@@ -4,10 +4,10 @@ export interface HeaderProps {
     header: string;
     subHeader?: string;
     hideBackButton?: boolean;
-    rightActionButton?: JSX.Element;
-    leftLayout?: JSX.Element;
+    rightActionButton?: React.JSX.Element;
+    leftLayout?: React.JSX.Element;
     onClickingBackButton?: () => void;
-    secondaryHeader?: JSX.Element;
+    secondaryHeader?: React.JSX.Element;
     curtainProps?: CurtainProps;
     curtainZIndex?: number;
     headerStyles?: React.CSSProperties;

package/dist/esm/components/bik-layout/BikLayout.d.ts

@@ -1,15 +1,16 @@
+import React from 'react';
 export interface BikLayoutProps {
     isLoading: boolean;
     isFeatureModalEnabled?: boolean;
     isDisabled?: boolean;
     hidePadding?: boolean;
-    loadingAnimation?: JSX.Element;
+    loadingAnimation?: React.JSX.Element;
     height?: string;
     children?: React.ReactNode;
     containerStyles?: React.CSSProperties;
     onClickingCrossOnFeatureModal?: () => void;
     onUpgrade?: () => void;
-    extraContentForModal?: JSX.Element;
+    extraContentForModal?: React.JSX.Element;
     type?: 'overflow-within' | 'overflow-body';
     featureModalProps?: {
         title?: string;

package/dist/esm/components/bik-layout/BikProfile.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export interface BikProfileProps {
     userName: string;
     hideLogout?: boolean;
@@ -6,6 +7,6 @@ export interface BikProfileProps {
     isAvailable?: boolean;
     onProfileClicked?: () => void;
     onLogout?: () => void;
-    extraJSX?: JSX.Element;
+    extraJSX?: React.JSX.Element;
 }
 export declare const BikProfile: React.FC<BikProfileProps>;

package/dist/esm/components/bik-layout/BikSidebar.d.ts

@@ -16,7 +16,7 @@ export interface MenuItem {
     isLocked?: boolean;
 }
 export interface BikSidebarProps {
-    logoSvg?: JSX.Element;
+    logoSvg?: React.JSX.Element;
     allMenuList: MenuItem[];
     activeMainMenu: MenuItem;
     activeSubMenu: Menu;