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

package/dist/cjs/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/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.js

@@ -1,4 +1,4 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("@emotion/styled"));const i=t.default.div`
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("styled-components"));const i=t.default.div`
 	width: ${e=>e.isLooseFit?"100%":"fit-content"};
 	.top-container {
 		display: flex;
@@ -40,16 +40,16 @@
 	height: 12px;
 	border-radius: 2px;
 	background-color: ${e=>e.color};
-`,r=t.default.div`
+`,n=t.default.div`
 	display: flex;
 	align-items: center;
 	gap: 4px;
-`,a=t.default.div`
+`,r=t.default.div`
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	gap: 2px;
-`,n=t.default.div`
+`,a=t.default.div`
 	text-align: end;
 	width: 100%;
 	margin-left: 10px;
@@ -59,4 +59,4 @@
 	gap: 4px;
 `,x=t.default.div`
 	color: #666;
-`;exports.HeatBox=o,exports.HeatBoxLegend=d,exports.HeatBoxStyled=i,exports.LegendCaption=x,exports.LegendContainer=r,exports.LegendItem=a,exports.LegendLabels=l,exports.LegendValue=n;
+`;exports.HeatBox=o,exports.HeatBoxLegend=d,exports.HeatBoxStyled=i,exports.LegendCaption=x,exports.LegendContainer=n,exports.LegendItem=r,exports.LegendLabels=l,exports.LegendValue=a;

package/dist/cjs/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/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js

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

package/dist/cjs/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/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),i=require("../../../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=t(e);const d=r.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),i=require("../../../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=t(e);const d=r.default.div`
 	width: 100%;
 	display: flex;
 	flex-direction: column;
@@ -11,7 +11,7 @@
 `,l=r.default.div`
 	display: flex;
 	flex-direction: column;
-`,a=r.default.div`
+`,n=r.default.div`
 	padding-top: 8px;
 	padding-bottom: 8px;
 	border-radius: 4px;
@@ -28,4 +28,4 @@
 	display: flex;
 	flex-direction: row;
 	overflow: hidden;
-`,exports.Column=l,exports.Container=d,exports.Row=o,exports.StyledChip=a;
+`,exports.Column=l,exports.Container=d,exports.Row=o,exports.StyledChip=n;

package/dist/cjs/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/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.js

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),i=require("../../../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=t(e);const r=d.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=i(e);const r=d.default.div`
 	width: 100%;
 	display: flex;
 	flex-direction: column;
 	padding: 16px 24px;
 	border-right: ${e=>e.separator?1:0}px solid
-		${i.COLORS.stroke.primary};
+		${t.COLORS.stroke.primary};
 `,o=d.default.div`
 	display: flex;
 	flex-direction: row;
@@ -22,13 +22,13 @@
 	align-items: center;
 	flex: 1;
 	gap: 8px;
-	background: ${e=>"positive"===e.type?i.COLORS.background.positive.light:"negative"===e.type?i.COLORS.background.negative.light:i.COLORS.background.warning.light};
-`,l=d.default.div`
+	background: ${e=>"positive"===e.type?t.COLORS.background.positive.light:"negative"===e.type?t.COLORS.background.negative.light:t.COLORS.background.warning.light};
+`,n=d.default.div`
 	border-radius: 4px;
 	width: 100%;
 	height: 8px;
-	background-color: ${i.COLORS.surface.hovered};
+	background-color: ${t.COLORS.surface.hovered};
 	display: flex;
 	flex-direction: row;
 	overflow: hidden;
-`;exports.Container=r,exports.Row=o,exports.StyledBarContainer=l,exports.StyledChip=a;
+`;exports.Container=r,exports.Row=o,exports.StyledBarContainer=n,exports.StyledChip=a;

package/dist/cjs/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/cjs/components/banner/Banner.styled.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),X=require("../../constants/Theme.js");function G(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var d=G(c);const b=styled.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(e);const p=a.default.div`
 	border: 1px solid #e0e0e0;
 	border-radius: 8px;
 	background: rgba(239, 230, 249, 0.2);
@@ -6,18 +6,18 @@
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
-`,l=styled.div`
+`,d=a.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
-`,x=styled.div`
+`,i=a.default.div`
 	display: flex;
 	gap: 8px;
-`,Z=styled.div`
+`,o=a.default.div`
 	display: flex;
 	gap: 8px;
 	margin-top: 16px;
-`,e=styled.div`
+`,n=a.default.div`
 	width: 40px;
 	aspect-ratio: 1;
 	overflow: hidden;
@@ -27,16 +27,16 @@
 		height: auto;
 		border-radius: 8px;
 	}
-`,t=styled.div`
+`,l=a.default.div`
 	width: fit-content;
-`,g=styled.div`
+`,x=a.default.div`
 	width: 100%;
 	height: auto;
 	img {
 		width: 100%;
 		height: auto;
 	}
-`,u=styled.div`
+`,s=a.default.div`
 	width: 100%;
 	height: auto;
 	max-height: 303px;
@@ -45,10 +45,10 @@
 	display: flex;
 	flex-direction: column;
 	align-items: center;
-	border: 1px solid ${X.COLORS.stroke.primary};
+	border: 1px solid ${t.COLORS.stroke.primary};
 	background-color: #fff;
 	overflow: hidden;
-`,n=styled.div`
+`,f=a.default.div`
 	width: 100%;
 	height: 72px;
 	display: flex;
@@ -56,33 +56,33 @@
 	justify-content: space-between;
 	padding: 16px;
 	gap: 16px;
-`,a=d.default(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= */"),i=d.default(t,"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= */"),R=styled.div`
+`,u=a.default(x)``,g=a.default(l)``,c=a.default.div`
 	width: 100%;
 	padding: 16px;
-	border: 1px solid ${X.COLORS.stroke.brandLightAlt};
+	border: 1px solid ${t.COLORS.stroke.brandLightAlt};
 	border-radius: 8px;
 	display: flex;
 	align-items: stretch;
 	gap: 16px;
 	background: linear-gradient(180deg, #f8f6ff 0%, #ffffff 100%);
-`,m=styled.div`
+`,h=a.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 	flex-grow: 1;
-`,W=styled.div`
+`,m=a.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
-`,B=styled.div`
+`,b=a.default.div`
 	display: flex;
 	gap: 8px;
-`,V=styled.div`
+`,v=a.default.div`
 	width: fit-content;
 	display: flex;
 	align-items: flex-end;
 	gap: 8px;
-`,p=styled.div`
+`,y=a.default.div`
 	width: 100%;
 	height: 170px;
 	display: flex;
@@ -90,15 +90,15 @@
 	justify-content: space-between;
 	border: 1px solid #e0e0e0;
 	border-radius: 8px;
-	background-color: ${X.COLORS.background.brandLight};
-`,H=styled.div`
+	background-color: ${t.COLORS.background.brandLight};
+`,W=a.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 24px;
 	flex-grow: 1;
 	padding: 24px;
 	z-index: 1;
-`,I=styled.div`
+`,w=a.default.div`
 	height: 170px;
 	position: relative;
 	img {
@@ -107,4 +107,11 @@
 		bottom: 0;
 		right: 0;
 	}
-`,Y=d.default(t,"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)."}});exports.BannerContainer=R,exports.BannerImageWrapper=I,exports.BannerWithImageButtonWrapper=Y,exports.BannerWithImageContainer=p,exports.BottomButtonWrapper=V,exports.ButtonWrapper=t,exports.CardBannerButtonWrapper=Z,exports.CardBannerContent=l,exports.CardBannerIconsWrapper=x,exports.CardBannerWrapper=b,exports.CardButtonWrapper=i,exports.CardFooterWrapper=n,exports.CardImageWrapper=a,exports.CardWrapper=u,exports.CompanyImageWrapper=e,exports.ContentWrapper=H,exports.ImageWrapper=g,exports.MainContentWrapper=m,exports.TagWrapper=B,exports.TextWrapper=W;
+`,C=a.default(l)`
+	display: flex;
+	justify-content: flex-start;
+	gap: 8px;
+	button {
+		border-radius: 32px;
+	}
+`;exports.BannerContainer=c,exports.BannerImageWrapper=w,exports.BannerWithImageButtonWrapper=C,exports.BannerWithImageContainer=y,exports.BottomButtonWrapper=v,exports.ButtonWrapper=l,exports.CardBannerButtonWrapper=o,exports.CardBannerContent=d,exports.CardBannerIconsWrapper=i,exports.CardBannerWrapper=p,exports.CardButtonWrapper=g,exports.CardFooterWrapper=f,exports.CardImageWrapper=u,exports.CardWrapper=s,exports.CompanyImageWrapper=n,exports.ContentWrapper=W,exports.ImageWrapper=x,exports.MainContentWrapper=h,exports.TagWrapper=b,exports.TextWrapper=m;

package/dist/cjs/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/cjs/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/cjs/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/cjs/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;

package/dist/cjs/components/bik-layout/BikSidebar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../assets/icons/Bik_logo.svg.js"),n=require("../../assets/icons/locked.svg.js"),t=require("react"),o=require("../progress-bar/CircularProgressBar.js"),s=require("../../constants/Theme.js"),l=require("../navigation-hyperlink/NavigationHyperlink.js"),d=require("./SidebarPopup.js"),r=require("./SidebarStyles.js"),a=require("./SimpleSidebar.js");const u=i=>{const{icon:n,isActive:t,activeStateIcon:o,hoverStateIcon:l,isHovered:d}=i,r=n,a=o,u=l;return e.jsx(e.Fragment,{children:t?e.jsx(a,{width:20,height:20}):d?e.jsx(u,{width:20,height:20,color:s.COLORS.surface.standard}):e.jsx(r,{width:20,height:20,color:s.COLORS.surface.standard})})},c=i=>{let{option:t,index:o,onClickMainMenuLogic:s,setHandleHoverForFullLayout:l,isDisabled:d,setHoveredComp:a,setPopupMenu:c,mainActiveMenu:v,hoveredComp:p,popupMenu:m}=i;var h,g,y,k,S,j;return e.jsx(r.SibeBarMenuItem,{children:e.jsxs("div",{id:(null===(g=null===(h=t.displayName)||void 0===h?void 0:h.split(" "))||void 0===g?void 0:g.join(""))||t.key.toString(),className:"main--sidebar",onClick:()=>s(t),onMouseEnter:()=>{!d&&l(t)},onMouseOver:()=>{!d&&l(t)},onMouseLeave:()=>{var e;(null===(e=null==t?void 0:t.children)||void 0===e?void 0:e.length)||(a(void 0),c(void 0))},onFocus:()=>{},"aria-hidden":"true",children:[t.isNew&&e.jsx("div",{className:"new-tag "+(t.isLastSticky?"tag-sticky":""),children:"NEW"}),t.isLocked&&e.jsx("div",{className:`locked--channel ${t.isLastSticky?"tag-sticky":""}  ${t.is2ndLastSticky?"tag-sticky-2":""}`,children:e.jsx(n.default,{height:16,width:16})}),e.jsxs("div",{id:(null===(k=null===(y=t.displayName)||void 0===y?void 0:y.split(" "))||void 0===k?void 0:k.join(""))+"_sub"||t.key.toString()+"_sub",className:`sidebar-menu-item \n\t\t\t\t\t${(null==v?void 0:v.key)===t.key?"main-menu-active-class":""} \n\t\t\t\t\t${t.isLastSticky?"sticky-menu-int":""} \n\t\t\t\t\t${t.is2ndLastSticky?"sticky-menu":""} \n\t\t\t\t\t${t.key===(null==p?void 0:p.key)?"sidebar-menu-item-hover":""} \n\t\t\t\t\t${t.isNew?"new-menu-item":""}`,children:[e.jsx(u,{icon:t.icon,isActive:t.key==(null==v?void 0:v.key),activeStateIcon:null!==(S=t.activeIcon)&&void 0!==S?S:{},hoverStateIcon:null!==(j=t.hoverIcon)&&void 0!==j?j:{},isHovered:t.key==(null==p?void 0:p.key)||t.key==(null==m?void 0:m.key)}),e.jsx("div",{className:"menu-item-container",children:e.jsx("p",{className:"menu-item-text "+((null==t?void 0:t.key)===(null==v?void 0:v.key)?"active-menu-item-text":""),children:t.displayName})})]},o)]},o)})};exports.BikSidebar=n=>{const{logoSvg:s,allMenuList:u,activeMainMenu:v,activeSubMenu:p,router:m,onClickingMainMenu:h,onClickingSubMenu:g,onClickingAccessUpgradePanel:y,onClickingPopupMenuItem:k,popupMinHeight:S,isNewSidebar:j,menuStyle:M}=n,[b,x]=t.useState(v),[w,C]=t.useState(),[f,L]=t.useState(p),[N,H]=t.useState(!1),[P,B]=t.useState(),[E,I]=t.useState(),[q,F]=t.useState(),[_,A]=t.useState(null),O=t.useMemo((()=>u.filter((e=>e.is2ndLastSticky||e.isLastSticky)).length),[u]);t.useEffect((()=>{x(v)}),[v]),t.useEffect((()=>{L(p)}),[p]);const $=t.useCallback((e=>{var i;"popup"!==(null==e?void 0:e.layout)&&(B(void 0),C(void 0),H(!0),x(e),e.path||h(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?L(null==e?void 0:e.children[0]):L({}),C(void 0),setTimeout((()=>{H(!1)}),1e3))}),[h]),R=t.useCallback((e=>{var i,n;if(W(),C(void 0),B(void 0),"popup"==(null==e?void 0:e.layout)){const i=U();i&&I(i),B(e)}else{const t=document.getElementById((null===(n=null===(i=e.displayName)||void 0===i?void 0:i.split(" "))||void 0===n?void 0:n.join(""))||e.key.toString());if(t){const e=D(t);F(e)}C(e),z()}}),[]),D=e=>{const i=e.getBoundingClientRect();let n=i.top;const t=e.querySelectorAll("div");let o=null;if(window.innerHeight<=768)return n;if(t.forEach((e=>{e.className.includes("sticky")&&(o=e)})),o){const e=window.innerHeight-i.bottom;n=i.top+e-200}return n};t.useEffect((()=>{const e=()=>{const e=U();e&&I(e),T()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const T=()=>{const e=document.getElementById("_sub-menu"),i=null==e?void 0:e.getBoundingClientRect().height;i&&F(window.innerHeight-i)},U=()=>{var e,i;if(P){const n=(null===(i=null===(e=P.displayName)||void 0===e?void 0:e.split(" "))||void 0===i?void 0:i.join(""))+"_sub"||P.key.toString()+"_sub",t=document.getElementById(n);if(t){const e=t.getBoundingClientRect();let i=e.top;const n=null!=S?S:320;return e.bottom+n>window.innerHeight&&(i-=e.bottom+n-window.innerHeight),i}return null}},z=()=>{W();const e=setTimeout((()=>C(void 0)),1e4);A(e)},W=()=>{clearTimeout(_)};return e.jsxs(r.SideBarContainer,{children:[e.jsx("div",{className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true",children:s||e.jsx(i.default,{})}),e.jsxs(r.MainSideBarMenuWrapper,{style:M,children:[null==u?void 0:u.map(((i,n)=>{var o,s;return e.jsxs(t.Fragment,{children:[i.path?e.jsx(l.NavigationHyperlink,{href:i.path,router:m,children:e.jsx(c,{option:i,index:n,onClickMainMenuLogic:$,setHandleHoverForFullLayout:R,isDisabled:N,setHoveredComp:C,setPopupMenu:B,mainActiveMenu:b,hoveredComp:w,popupMenu:P})}):e.jsx(c,{option:i,index:n,onClickMainMenuLogic:$,setHandleHoverForFullLayout:R,isDisabled:N,setHoveredComp:C,setPopupMenu:B,mainActiveMenu:b,hoveredComp:w,popupMenu:P}),e.jsxs(e.Fragment,{children:["popup"===i.layout&&(null===(o=null==P?void 0:P.children)||void 0===o?void 0:o.length)&&e.jsx(d.SidebarPopup,{top:null!=E?E:void 0,menuList:null==P?void 0:P.children,onClickingPopupMenu:e=>{k&&k(e),B(void 0)},onMouseLeaveOnMenu:()=>B(void 0)}),(null===(s=null==w?void 0:w.children)||void 0===s?void 0:s.length)&&e.jsx(a.SimpleSidebar,{menuList:null==w?void 0:w.children,activeMenu:f,onMouseEnterOnMenu:()=>W(),onMouseLeaveOnMenu:()=>{W(),C(void 0)},left:j?92:88,postion:"fixed",header:w.displayName,theme:"brand",router:m,showAccessUpgradePanel:w.showAccessUpgradePanel,onMenuClick:(e,i)=>{L(e),x(w),C(void 0),B(void 0),i&&g(e)},onUpgrade:y,top:j&&q||0,isNewSidebar:j})]})]},n)})),"number"==typeof n.onboardingPercentage&&e.jsx(r.SibeBarMenuItem,{children:e.jsx("div",{className:"main--sidebar",children:e.jsx("div",{id:"bik-onboarding__checklist",className:"sidebar-menu-item "+(0===O?"sticky-menu":1===O?"sticky-menu-int":"sticky-menu-three"),children:e.jsx(o.default,{percentage:n.onboardingPercentage,width:48})})})})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../assets/icons/Bik_logo.svg.js"),n=require("../../assets/icons/locked.svg.js"),t=require("react"),o=require("../progress-bar/CircularProgressBar.js"),s=require("../../constants/Theme.js"),l=require("../navigation-hyperlink/NavigationHyperlink.js"),d=require("./SidebarPopup.js"),r=require("./SidebarStyles.js"),u=require("./SimpleSidebar.js");const a=i=>{const{icon:n,isActive:t,activeStateIcon:o,hoverStateIcon:l,isHovered:d}=i,r=n,u=o,a=l;return e.jsx(e.Fragment,{children:t?e.jsx(u,{width:20,height:20}):d?e.jsx(a,{width:20,height:20,color:s.COLORS.surface.standard}):e.jsx(r,{width:20,height:20,color:s.COLORS.surface.standard})})},c=i=>{let{option:t,index:o,onClickMainMenuLogic:s,setHandleHoverForFullLayout:l,isDisabled:d,setHoveredComp:u,setPopupMenu:c,mainActiveMenu:v,hoveredComp:p,popupMenu:m}=i;var h,g,y,k,S,j;return e.jsx(r.SibeBarMenuItem,{children:e.jsxs("div",{id:(null===(g=null===(h=t.displayName)||void 0===h?void 0:h.split(" "))||void 0===g?void 0:g.join(""))||t.key.toString(),className:"main--sidebar",onClick:()=>s(t),onMouseEnter:()=>{!d&&l(t)},onMouseOver:()=>{!d&&l(t)},onMouseLeave:()=>{var e;(null===(e=null==t?void 0:t.children)||void 0===e?void 0:e.length)||(u(void 0),c(void 0))},onFocus:()=>null,"aria-hidden":"true",children:[t.isNew&&e.jsx("div",{className:"new-tag "+(t.isLastSticky?"tag-sticky":""),children:"NEW"}),t.isLocked&&e.jsx("div",{className:`locked--channel ${t.isLastSticky?"tag-sticky":""}  ${t.is2ndLastSticky?"tag-sticky-2":""}`,children:e.jsx(n.default,{height:16,width:16})}),e.jsxs("div",{id:(null===(k=null===(y=t.displayName)||void 0===y?void 0:y.split(" "))||void 0===k?void 0:k.join(""))+"_sub"||t.key.toString()+"_sub",className:`sidebar-menu-item \n\t\t\t\t\t${(null==v?void 0:v.key)===t.key?"main-menu-active-class":""} \n\t\t\t\t\t${t.isLastSticky?"sticky-menu-int":""} \n\t\t\t\t\t${t.is2ndLastSticky?"sticky-menu":""} \n\t\t\t\t\t${t.key===(null==p?void 0:p.key)?"sidebar-menu-item-hover":""} \n\t\t\t\t\t${t.isNew?"new-menu-item":""}`,children:[e.jsx(a,{icon:t.icon,isActive:t.key==(null==v?void 0:v.key),activeStateIcon:null!==(S=t.activeIcon)&&void 0!==S?S:{},hoverStateIcon:null!==(j=t.hoverIcon)&&void 0!==j?j:{},isHovered:t.key==(null==p?void 0:p.key)||t.key==(null==m?void 0:m.key)}),e.jsx("div",{className:"menu-item-container",children:e.jsx("p",{className:"menu-item-text "+((null==t?void 0:t.key)===(null==v?void 0:v.key)?"active-menu-item-text":""),children:t.displayName})})]},o)]},o)})};exports.BikSidebar=n=>{const{logoSvg:s,allMenuList:a,activeMainMenu:v,activeSubMenu:p,router:m,onClickingMainMenu:h,onClickingSubMenu:g,onClickingAccessUpgradePanel:y,onClickingPopupMenuItem:k,popupMinHeight:S,isNewSidebar:j,menuStyle:M}=n,[b,x]=t.useState(v),[w,C]=t.useState(),[f,L]=t.useState(p),[N,H]=t.useState(!1),[P,B]=t.useState(),[E,I]=t.useState(),[q,F]=t.useState(),[_,A]=t.useState(null),O=t.useMemo((()=>a.filter((e=>e.is2ndLastSticky||e.isLastSticky)).length),[a]);t.useEffect((()=>{x(v)}),[v]),t.useEffect((()=>{L(p)}),[p]);const $=t.useCallback((e=>{var i;"popup"!==(null==e?void 0:e.layout)&&(B(void 0),C(void 0),H(!0),x(e),e.path||h(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?L(null==e?void 0:e.children[0]):L({}),C(void 0),setTimeout((()=>{H(!1)}),1e3))}),[h]),R=t.useCallback((e=>{var i,n;if(W(),C(void 0),B(void 0),"popup"==(null==e?void 0:e.layout)){const i=U();i&&I(i),B(e)}else{const t=document.getElementById((null===(n=null===(i=e.displayName)||void 0===i?void 0:i.split(" "))||void 0===n?void 0:n.join(""))||e.key.toString());if(t){const e=D(t);F(e)}C(e),z()}}),[]),D=e=>{const i=e.getBoundingClientRect();let n=i.top;const t=e.querySelectorAll("div");let o=null;if(window.innerHeight<=768)return n;if(t.forEach((e=>{e.className.includes("sticky")&&(o=e)})),o){const e=window.innerHeight-i.bottom;n=i.top+e-200}return n};t.useEffect((()=>{const e=()=>{const e=U();e&&I(e),T()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const T=()=>{const e=document.getElementById("_sub-menu"),i=null==e?void 0:e.getBoundingClientRect().height;i&&F(window.innerHeight-i)},U=()=>{var e,i;if(P){const n=(null===(i=null===(e=P.displayName)||void 0===e?void 0:e.split(" "))||void 0===i?void 0:i.join(""))+"_sub"||P.key.toString()+"_sub",t=document.getElementById(n);if(t){const e=t.getBoundingClientRect();let i=e.top;const n=null!=S?S:320;return e.bottom+n>window.innerHeight&&(i-=e.bottom+n-window.innerHeight),i}return null}},z=()=>{W();const e=setTimeout((()=>C(void 0)),1e4);A(e)},W=()=>{clearTimeout(_)};return e.jsxs(r.SideBarContainer,{children:[e.jsx("div",{className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true",children:s||e.jsx(i.default,{})}),e.jsxs(r.MainSideBarMenuWrapper,{style:M,children:[null==a?void 0:a.map(((i,n)=>{var o,s;return e.jsxs(t.Fragment,{children:[i.path?e.jsx(l.NavigationHyperlink,{href:i.path,router:m,children:e.jsx(c,{option:i,index:n,onClickMainMenuLogic:$,setHandleHoverForFullLayout:R,isDisabled:N,setHoveredComp:C,setPopupMenu:B,mainActiveMenu:b,hoveredComp:w,popupMenu:P})}):e.jsx(c,{option:i,index:n,onClickMainMenuLogic:$,setHandleHoverForFullLayout:R,isDisabled:N,setHoveredComp:C,setPopupMenu:B,mainActiveMenu:b,hoveredComp:w,popupMenu:P}),e.jsxs(e.Fragment,{children:["popup"===i.layout&&(null===(o=null==P?void 0:P.children)||void 0===o?void 0:o.length)&&e.jsx(d.SidebarPopup,{top:null!=E?E:void 0,menuList:null==P?void 0:P.children,onClickingPopupMenu:e=>{k&&k(e),B(void 0)},onMouseLeaveOnMenu:()=>B(void 0)}),(null===(s=null==w?void 0:w.children)||void 0===s?void 0:s.length)&&e.jsx(u.SimpleSidebar,{menuList:null==w?void 0:w.children,activeMenu:f,onMouseEnterOnMenu:()=>W(),onMouseLeaveOnMenu:()=>{W(),C(void 0)},left:j?92:88,postion:"fixed",header:w.displayName,theme:"brand",router:m,showAccessUpgradePanel:w.showAccessUpgradePanel,onMenuClick:(e,i)=>{L(e),x(w),C(void 0),B(void 0),i&&g(e)},onUpgrade:y,top:j&&q||0,isNewSidebar:j})]})]},n)})),"number"==typeof n.onboardingPercentage&&e.jsx(r.SibeBarMenuItem,{children:e.jsx("div",{className:"main--sidebar",children:e.jsx("div",{id:"bik-onboarding__checklist",className:"sidebar-menu-item "+(0===O?"sticky-menu":1===O?"sticky-menu-int":"sticky-menu-three"),children:e.jsx(o.default,{percentage:n.onboardingPercentage,width:48})})})})]})]})};