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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react-dom"),s=require("../../constants/Theme.js"),r=require("../../assets/icons/cross.svg.js"),n=require("../button/Button.js"),o=require("../TypographyStyle.js"),i=require("./CommonStyles.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=a(t);exports.FeatureModal=t=>{const{zIndex:a,disableCross:c=!1,otherContent:d,onClickingCross:l,onUpgrade:x,title:j,subTitle:m,showBookADemo:p,demoLink:h,primaryButtonText:b}=t,g=j||"Upgrade to access this feature",y=m||"This feature is not included in the current plan. Upgrade to get access and use this feature.";return u.default.createPortal(e.jsxRuntimeExports.jsxs(i.FeatureModalContainer,Object.assign({zIndex:a},{children:[!c&&e.jsxRuntimeExports.jsx("div",Object.assign({className:"cross-button",onClick:()=>l(),"aria-hidden":"true"},{children:e.jsxRuntimeExports.jsx(r.default,{height:20,width:20,color:s.COLORS.surface.subdued})})),e.jsxRuntimeExports.jsx(i.InnerModalContainer,{children:d?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:d}):e.jsxRuntimeExports.jsxs("div",Object.assign({className:"content-layout"},{children:[e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(o.TitleMedium,Object.assign({className:"title-color"},{children:g})),e.jsxRuntimeExports.jsx(o.BodyPrimary,Object.assign({className:"title-color mt-8"},{children:y}))]}),e.jsxRuntimeExports.jsxs("div",Object.assign({className:"cta-buttons"},{children:[p&&e.jsxRuntimeExports.jsx(n.Button,{buttonText:"Book a demo",buttonType:"secondary",size:"large",inverse:!0,onClick:()=>{window.open(h,"_blank")}}),e.jsxRuntimeExports.jsx(n.Button,{buttonText:b||"Upgrade plan",buttonType:"primary",size:"large",inverse:!0,onClick:()=>x?x():""})]}))]}))})]})),document.body)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react-dom"),s=require("../../constants/Theme.js"),r=require("../../assets/icons/cross.svg.js"),n=require("../button/Button.js"),o=require("../TypographyStyle.js"),i=require("./CommonStyles.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(t);exports.FeatureModal=t=>{const{zIndex:a,disableCross:d=!1,otherContent:l,onClickingCross:u,onUpgrade:j,title:h,subTitle:b,showBookADemo:m,demoLink:x,primaryButtonText:g}=t,p=h||"Upgrade to access this feature",y=b||"This feature is not included in the current plan. Upgrade to get access and use this feature.";return c.default.createPortal(e.jsxs(i.FeatureModalContainer,Object.assign({zIndex:a},{children:[!d&&e.jsx("div",Object.assign({className:"cross-button",onClick:()=>u(),"aria-hidden":"true"},{children:e.jsx(r.default,{height:20,width:20,color:s.COLORS.surface.subdued})})),e.jsx(i.InnerModalContainer,{children:l?e.jsx(e.Fragment,{children:l}):e.jsxs("div",Object.assign({className:"content-layout"},{children:[e.jsxs("div",{children:[e.jsx(o.TitleMedium,Object.assign({className:"title-color"},{children:p})),e.jsx(o.BodyPrimary,Object.assign({className:"title-color mt-8"},{children:y}))]}),e.jsxs("div",Object.assign({className:"cta-buttons"},{children:[m&&e.jsx(n.Button,{buttonText:"Book a demo",buttonType:"secondary",size:"large",inverse:!0,onClick:()=>{window.open(x,"_blank")}}),e.jsx(n.Button,{buttonText:g||"Upgrade plan",buttonType:"primary",size:"large",inverse:!0,onClick:()=>j?j():""})]}))]}))})]})),document.body)};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react"),s=require("react-dom"),r=require("../../constants/Theme.js"),n=require("../button/Button.js"),o=require("../modals/styledModal.js"),a=require("../TypographyStyle.js"),i=require("./CommonStyles.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(s);exports.FeatureModalV2=s=>{const{zIndex:c,otherContent:u,onUpgrade:d,title:x,subTitle:m,primaryButtonText:j,onClose:p,featureImage:b,id:y}=s,g=void 0===x?"Start your 14-day free trial to test your AI assistant on your website":x,h=m||"Test your assistant on your website and unlock many other features for free by starting your trial now. Don't worry, you can cancel anytime before the trial ends and no charges will be deducted.",f=b||"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fb74e0e4c-9b3b-47ca-b0af-704b246e3c54?alt=media&token=bb48a397-1981-4c93-a835-eb4f400d5a60",[R,E]=t.useState(!0);return l.default.createPortal(e.jsxRuntimeExports.jsx(o.StyledModal,Object.assign({zIndex:c,open:R,onClose:function(){p&&p(),E(!1)},closeOnOutsideClick:!0,centralContainerStyles:{maxWidth:"568px"},innerModalId:y},{children:e.jsxRuntimeExports.jsx(i.FeatureModalV2Container,{children:u?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:u}):e.jsxRuntimeExports.jsxs(t.Fragment,{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"top-feature-content"},{children:e.jsxRuntimeExports.jsx("img",{src:f,alt:"general-icon"})})),e.jsxRuntimeExports.jsxs("div",Object.assign({className:"bottom-feature-content"},{children:[e.jsxRuntimeExports.jsx(a.TitleMedium,Object.assign({className:"title-class text-align-center mt-8",style:{textAlign:"center"}},{children:g})),e.jsxRuntimeExports.jsx(a.BodySecondary,Object.assign({className:"text-align-center",style:{color:r.COLORS.content.secondary}},{children:h})),e.jsxRuntimeExports.jsx("div",Object.assign({className:"cta-buttons"},{children:e.jsxRuntimeExports.jsx(n.Button,{buttonText:j||"Upgrade to growth plan",buttonType:"primary",size:"large",onClick:()=>{d&&d(),E(!1)}})}))]}))]})})})),document.body)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("react-dom"),r=require("../../constants/Theme.js"),n=require("../button/Button.js"),s=require("../modals/styledModal.js"),o=require("../TypographyStyle.js"),i=require("./CommonStyles.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(a);exports.FeatureModalV2=a=>{const{zIndex:c,otherContent:d,onUpgrade:u,title:b,subTitle:y,primaryButtonText:m,onClose:g,featureImage:j,id:x}=a,p=void 0===b?"Start your 14-day free trial to test your AI assistant on your website":b,h=y||"Test your assistant on your website and unlock many other features for free by starting your trial now. Don't worry, you can cancel anytime before the trial ends and no charges will be deducted.",f=j||"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fb74e0e4c-9b3b-47ca-b0af-704b246e3c54?alt=media&token=bb48a397-1981-4c93-a835-eb4f400d5a60",[O,C]=t.useState(!0);return l.default.createPortal(e.jsx(s.StyledModal,Object.assign({zIndex:c,open:O,onClose:function(){g&&g(),C(!1)},closeOnOutsideClick:!0,centralContainerStyles:{maxWidth:"568px"},innerModalId:x},{children:e.jsx(i.FeatureModalV2Container,{children:d?e.jsx(e.Fragment,{children:d}):e.jsxs(t.Fragment,{children:[e.jsx("div",Object.assign({className:"top-feature-content"},{children:e.jsx("img",{src:f,alt:"general-icon"})})),e.jsxs("div",Object.assign({className:"bottom-feature-content"},{children:[e.jsx(o.TitleMedium,Object.assign({className:"title-class text-align-center mt-8",style:{textAlign:"center"}},{children:p})),e.jsx(o.BodySecondary,Object.assign({className:"text-align-center",style:{color:r.COLORS.content.secondary}},{children:h})),e.jsx("div",Object.assign({className:"cta-buttons"},{children:e.jsx(n.Button,{buttonText:m||"Upgrade to growth plan",buttonType:"primary",size:"large",onClick:()=>{u&&u(),C(!1)}})}))]}))]})})})),document.body)};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),s=require("../../constants/Theme.js"),r=require("../TypographyStyle.js"),t=require("./CommonStyles.js");exports.PageLoader=o=>e.jsxRuntimeExports.jsx(t.LoaderWrapper,{children:e.jsxRuntimeExports.jsxs("div",Object.assign({className:"inner"},{children:[e.jsxRuntimeExports.jsx("span",{className:"loader"}),o.message&&e.jsxRuntimeExports.jsxs(t.LoadingMessageWrapper,{children:[e.jsxRuntimeExports.jsx(r.TitleMedium,{children:o.message}),e.jsxRuntimeExports.jsx(r.BodyPrimary,Object.assign({style:{color:s.DEFAULT_THEME.colorsV2.content.secondary,marginTop:8}},{children:o.subMessage}))]})]}))});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../constants/Theme.js"),r=require("../TypographyStyle.js"),a=require("./CommonStyles.js");exports.PageLoader=i=>e.jsx(a.LoaderWrapper,{children:e.jsxs("div",Object.assign({className:"inner"},{children:[e.jsx("span",{className:"loader"}),i.message&&e.jsxs(a.LoadingMessageWrapper,{children:[e.jsx(r.TitleMedium,{children:i.message}),e.jsx(r.BodyPrimary,Object.assign({style:{color:s.DEFAULT_THEME.colorsV2.content.secondary,marginTop:8}},{children:i.subMessage}))]})]}))});

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react-dom"),s=require("../../constants/Theme.js"),o=require("../../assets/icons/cross.svg.js"),i=require("../button/Button.js"),n=require("../TypographyStyle.js"),r=require("./CommonStyles.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(t);exports.ShowShopifyRestrictedModal=t=>{const{zIndex:a,containerType:l,handleButtonClick:u,triggerPosition:d,connectShopifyDescription:x,demoDescription:m}=t,j=e=>{u(e)},p=d&&window.innerHeight-d.top<100,h=d?{position:"fixed",top:p?"auto":d.top,bottom:p?"0":"auto",left:d.left,width:"unset",background:"none"}:{alignItems:"center",height:950,background:"linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 129.71%)"};return c.default.createPortal(e.jsxRuntimeExports.jsx(r.FeatureModalContainer,Object.assign({zIndex:a,resetHeight:!0,style:h,relativePostion:!!d},{children:e.jsxRuntimeExports.jsxs(r.RelativeModalContainer,{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"cross-container",onClick:()=>j("close"),"aria-hidden":"true"},{children:e.jsxRuntimeExports.jsx(o.default,{height:24,width:24,color:"#000000"})})),"demo_store"==l?e.jsxRuntimeExports.jsxs("div",Object.assign({className:"demo-container"},{children:[e.jsxRuntimeExports.jsx(n.TitleMedium,Object.assign({color:s.COLORS.background.negative.vibrant},{children:"Demo Store Limitations"})),e.jsxRuntimeExports.jsx(n.BodyPrimary,{children:null!=m?m:"Apologies, but you are unable to save or take any actions as you are currently in the demo store."})]})):e.jsxRuntimeExports.jsxs("div",Object.assign({className:"content-layout"},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"left-content"},{children:e.jsxRuntimeExports.jsx("img",{src:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F6300e18e-16ef-4f65-9861-26476d2a3d9a?alt=media&token=0da9e429-4c12-4a06-bba8-9ac7c3fdd2c4",alt:"left-panel"})})),e.jsxRuntimeExports.jsxs("div",Object.assign({className:"right-content"},{children:[e.jsxRuntimeExports.jsx(n.TitleMedium,{children:"Connect Shopify "}),e.jsxRuntimeExports.jsx(n.BodyPrimary,Object.assign({style:{maxWidth:432}},{children:null!=x?x:"Connect Shopify to publish your bot on your Shopify store. Or, explore our demo store to see it in action."})),e.jsxRuntimeExports.jsxs("div",Object.assign({className:"cta-button-container"},{children:[e.jsxRuntimeExports.jsx(i.Button,{buttonText:"Connect shopify",buttonType:"primary",size:"small",onClick:()=>j("shopify")}),e.jsxRuntimeExports.jsx(i.Button,{buttonText:"View demo store",buttonType:"secondary",size:"small",onClick:()=>j("demo")})]}))]}))]}))]})})),document.body)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react-dom"),o=require("../../constants/Theme.js"),i=require("../../assets/icons/cross.svg.js"),s=require("../button/Button.js"),n=require("../TypographyStyle.js"),r=require("./CommonStyles.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(t);exports.ShowShopifyRestrictedModal=t=>{const{zIndex:a,containerType:l,handleButtonClick:d,triggerPosition:u,connectShopifyDescription:h,demoDescription:m}=t,b=e=>{d(e)},j=u&&window.innerHeight-u.top<100,y=u?{position:"fixed",top:j?"auto":u.top,bottom:j?"0":"auto",left:u.left,width:"unset",background:"none"}:{alignItems:"center",height:950,background:"linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 129.71%)"};return c.default.createPortal(e.jsx(r.FeatureModalContainer,Object.assign({zIndex:a,resetHeight:!0,style:y,relativePostion:!!u},{children:e.jsxs(r.RelativeModalContainer,{children:[e.jsx("div",Object.assign({className:"cross-container",onClick:()=>b("close"),"aria-hidden":"true"},{children:e.jsx(i.default,{height:24,width:24,color:"#000000"})})),"demo_store"==l?e.jsxs("div",Object.assign({className:"demo-container"},{children:[e.jsx(n.TitleMedium,Object.assign({color:o.COLORS.background.negative.vibrant},{children:"Demo Store Limitations"})),e.jsx(n.BodyPrimary,{children:null!=m?m:"Apologies, but you are unable to save or take any actions as you are currently in the demo store."})]})):e.jsxs("div",Object.assign({className:"content-layout"},{children:[e.jsx("div",Object.assign({className:"left-content"},{children:e.jsx("img",{src:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F6300e18e-16ef-4f65-9861-26476d2a3d9a?alt=media&token=0da9e429-4c12-4a06-bba8-9ac7c3fdd2c4",alt:"left-panel"})})),e.jsxs("div",Object.assign({className:"right-content"},{children:[e.jsx(n.TitleMedium,{children:"Connect Shopify "}),e.jsx(n.BodyPrimary,Object.assign({style:{maxWidth:432}},{children:null!=h?h:"Connect Shopify to publish your bot on your Shopify store. Or, explore our demo store to see it in action."})),e.jsxs("div",Object.assign({className:"cta-button-container"},{children:[e.jsx(s.Button,{buttonText:"Connect shopify",buttonType:"primary",size:"small",onClick:()=>b("shopify")}),e.jsx(s.Button,{buttonText:"View demo store",buttonType:"secondary",size:"small",onClick:()=>b("demo")})]}))]}))]}))]})})),document.body)};

package/dist/cjs/components/bik-layout/Sidebar.model.d.ts

@@ -0,0 +1,27 @@
+export interface Menu {
+    key: string | number;
+    displayName: string;
+    description?: string;
+    path?: string;
+    page?: string;
+    isNew?: string;
+}
+export type SidebarTheme = 'brand' | 'white';
+export interface SimpleSidebarProps {
+    menuList: Menu[];
+    activeMenu: Menu;
+    theme: SidebarTheme;
+    showAccessUpgradePanel?: boolean;
+    header?: string;
+    width?: number;
+    zIndex?: number;
+    left?: number;
+    postion?: 'fixed' | 'sticky';
+    top?: number;
+    router: any;
+    onMouseLeaveOnMenu?: () => void;
+    onMouseEnterOnMenu?: () => void;
+    onMenuClick: (menuSelected: Menu, reDirect?: boolean) => void;
+    onUpgrade?: () => void;
+    isNewSidebar?: boolean;
+}

package/dist/cjs/components/bik-layout/SidebarPopup.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Menu } from './SimpleSidebar';
+import { Menu } from './Sidebar.model';
 export interface SidebarPopupI {
     menuList: Menu[];
     width?: number;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),s=require("../TypographyStyle.js"),n=require("./SidebarStyles.js");exports.SidebarPopup=t=>{const{top:i,menuList:r,zIndex:o,left:u,onMouseLeaveOnMenu:a,onClickingPopupMenu:l}=t;return e.jsxRuntimeExports.jsx(n.SidebarPopupContainer,Object.assign({top:i,theme:"white",zIndex:o,left:null!=u?u:95,postion:"fixed"},{children:e.jsxRuntimeExports.jsx("div",Object.assign({id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:a},{children:null==r?void 0:r.map(((n,t)=>e.jsxRuntimeExports.jsxs("div",Object.assign({className:"each-menu",style:{borderBottom:t==r.length-1?"none":void 0},onClick:()=>l(n)},{children:[e.jsxRuntimeExports.jsx(s.TitleRegular,Object.assign({style:{fontSize:14}},{children:n.displayName})),e.jsxRuntimeExports.jsx(s.BodySecondary,Object.assign({style:{fontSize:12}},{children:n.description}))]}),t)))}),"_sub-menu")}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../TypographyStyle.js"),n=require("./SidebarStyles.js");exports.SidebarPopup=i=>{const{top:t,menuList:r,zIndex:o,left:a,onMouseLeaveOnMenu:l,onClickingPopupMenu:u}=i;return e.jsx(n.SidebarPopupContainer,Object.assign({top:t,theme:"white",zIndex:o,left:null!=a?a:95,postion:"fixed"},{children:e.jsx("div",Object.assign({id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:l},{children:null==r?void 0:r.map(((n,i)=>e.jsxs("div",Object.assign({className:"each-menu",style:{borderBottom:i==r.length-1?"none":void 0},onClick:()=>u(n)},{children:[e.jsx(s.TitleRegular,Object.assign({style:{fontSize:14}},{children:n.displayName})),e.jsx(s.BodySecondary,Object.assign({style:{fontSize:12}},{children:n.description}))]}),i)))}),"_sub-menu")}))};

package/dist/cjs/components/bik-layout/SidebarSkeleton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SidebarTheme } from './SimpleSidebar';
+import { SidebarTheme } from './Sidebar.model';
 export interface BikSidebarShimmerProps {
     theme: SidebarTheme;
     width?: number;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),s=require("../shimmer/ShimmerComponent/BikShimmer.js"),i=require("./SidebarStyles.js");exports.SidebarSkeleton=r=>{const{width:t,zIndex:n,left:m,theme:a}=r;return e.jsxRuntimeExports.jsx(i.SimpleSidebarContainer,Object.assign({width:t,zIndex:n,left:m,theme:a},{children:e.jsxRuntimeExports.jsx("div",Object.assign({className:"sidebar-right-menu"},{children:[...new Array(2)].map((()=>0)).map((i=>e.jsxRuntimeExports.jsx("div",Object.assign({className:"sidebar-skeleton"},{children:e.jsxRuntimeExports.jsx(s.BikShimmer,{boxes:[{height:"24px",width:"100%"},{height:"24px",width:"100%"}],isBrand:"brand"===a})}),i+"_"+Math.random())))}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../shimmer/ShimmerComponent/BikShimmer.js"),r=require("./SidebarStyles.js");exports.SidebarSkeleton=s=>{const{width:t,zIndex:a,left:n,theme:d}=s;return e.jsx(r.SimpleSidebarContainer,Object.assign({width:t,zIndex:a,left:n,theme:d},{children:e.jsx("div",Object.assign({className:"sidebar-right-menu"},{children:[...new Array(2)].map((()=>0)).map((r=>e.jsx("div",Object.assign({className:"sidebar-skeleton"},{children:e.jsx(i.BikShimmer,{boxes:[{height:"24px",width:"100%"},{height:"24px",width:"100%"}],isBrand:"brand"===d})}),r+"_"+Math.random())))}))}))};

package/dist/cjs/components/bik-layout/SidebarStyles.d.ts

@@ -1,4 +1,4 @@
-import { SidebarTheme } from './SimpleSidebar';
+import { SidebarTheme } from './Sidebar.model';
 export declare const SideBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MainSideBarMenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SibeBarMenuItem: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -159,7 +159,7 @@
 		position: ${e=>e.postion?e.postion:"sticky"};
 		top: ${e=>e.top?e.top:0}px;
 		left: ${e=>e.left?e.left:0}px; //88
-		width: ${e=>e.width?e.width:200}px;
+		width: ${e=>e.width?e.width:240}px;
 		z-index: ${e=>e.zIndex?e.zIndex:2};
 		background-color: ${e=>"brand"==e.theme?"#381062":t.COLORS.surface.standard};
 		height: ${e=>e.isNewSidebar?"fit-content":"100vh"};

package/dist/cjs/components/bik-layout/SimpleSidebar.d.ts

@@ -1,29 +1,3 @@
 /// <reference types="react" />
-export interface Menu {
-    key: string | number;
-    displayName: string;
-    description?: string;
-    path?: string;
-    page?: string;
-    isNew?: string;
-}
-export type SidebarTheme = 'brand' | 'white';
-export interface SimpleSidebarProps {
-    menuList: Menu[];
-    activeMenu: Menu;
-    theme: SidebarTheme;
-    showAccessUpgradePanel?: boolean;
-    header?: string;
-    width?: number;
-    zIndex?: number;
-    left?: number;
-    postion?: 'fixed' | 'sticky';
-    top?: number;
-    router: any;
-    onMouseLeaveOnMenu?: () => void;
-    onMouseEnterOnMenu?: () => void;
-    onMenuClick: (menuSelected: Menu, reDirect?: boolean) => void;
-    onUpgrade?: () => void;
-    isNewSidebar?: boolean;
-}
+import { SimpleSidebarProps } from './Sidebar.model';
 export declare const SimpleSidebar: React.FC<SimpleSidebarProps>;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),s=require("react"),i=require("../../constants/Theme.js"),t=require("../button/Button.js"),n=require("../navigation-hyperlink/NavigationHyperlink.js"),a=require("../TypographyStyle.js"),r=require("./SidebarStyles.js");exports.SimpleSidebar=l=>{const{menuList:o,activeMenu:u,theme:d,showAccessUpgradePanel:c=!1,header:x,width:p,zIndex:j,left:m,postion:h,top:b,router:v,onMouseLeaveOnMenu:g,onMouseEnterOnMenu:y,onMenuClick:N,onUpgrade:E,isNewSidebar:O}=l,[S,k]=s.useState(u),R=(s,i)=>e.jsxRuntimeExports.jsxs("div",Object.assign({className:"sub-child-menu  "+((null==S?void 0:S.key)==(null==s?void 0:s.key)?"sub-child-active-menu":""),onClick:()=>{k(s),N(s,!s.page)},"aria-hidden":"true"},{children:[e.jsxRuntimeExports.jsx("span",{className:(null==S?void 0:S.key)==(null==s?void 0:s.key)&&"brand"==d?"sub-child-active-text":""}),e.jsxRuntimeExports.jsx(a.BodySecondary,Object.assign({className:"sub-child-text "+((null==S?void 0:S.key)==(null==s?void 0:s.key)&&"white"==d?"active-bold-weight":"")},{children:null==s?void 0:s.displayName})),s.isNew&&e.jsxRuntimeExports.jsx("div",Object.assign({className:"sub-child-new-tag"},{children:"NEW"}))]}),i);return e.jsxRuntimeExports.jsx(r.SimpleSidebarContainer,Object.assign({width:p,zIndex:j,left:m,theme:d,postion:h,top:b,isNewSidebar:O},{children:e.jsxRuntimeExports.jsxs("div",Object.assign({id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:g,onMouseEnter:y},{children:[e.jsxRuntimeExports.jsxs("div",{children:[!O&&e.jsxRuntimeExports.jsx(a.BodySecondary,Object.assign({className:"sub-child-display-name"},{children:x})),null==o?void 0:o.map(((s,i)=>s.page?e.jsxRuntimeExports.jsx(n.NavigationHyperlink,Object.assign({href:s.page,router:v},{children:R(s,i)})):R(s,i)))]}),c&&e.jsxRuntimeExports.jsxs("div",Object.assign({className:"lower-sticky-panel"},{children:[e.jsxRuntimeExports.jsx(a.TitleSmall,Object.assign({className:"title-text",style:{color:i.COLORS.surface.standard}},{children:"Upgrade plan to access this feature."})),e.jsxRuntimeExports.jsx(t.Button,{className:"upgrade-button",buttonText:"Upgrade plan",buttonType:"primary",size:"small",inverse:!0,onClick:()=>E?E():""})]}))]}),"_sub-menu")}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),i=require("../../constants/Theme.js"),a=require("../button/Button.js"),n=require("../navigation-hyperlink/NavigationHyperlink.js"),t=require("../TypographyStyle.js"),r=require("./SidebarStyles.js");exports.SimpleSidebar=l=>{const{menuList:d,activeMenu:c,theme:o,showAccessUpgradePanel:u=!1,header:h,width:p,zIndex:b,left:j,postion:m,top:v,router:g,onMouseLeaveOnMenu:y,onMouseEnterOnMenu:x,onMenuClick:N,onUpgrade:O,isNewSidebar:S}=l,[k,w]=s.useState(c),M=(s,i)=>e.jsxs("div",Object.assign({className:"sub-child-menu  "+((null==k?void 0:k.key)==(null==s?void 0:s.key)?"sub-child-active-menu":""),onClick:()=>{w(s),N(s,!s.page)},"aria-hidden":"true"},{children:[e.jsx("span",{className:(null==k?void 0:k.key)==(null==s?void 0:s.key)&&"brand"==o?"sub-child-active-text":""}),e.jsx(t.BodySecondary,Object.assign({className:"sub-child-text "+((null==k?void 0:k.key)==(null==s?void 0:s.key)&&"white"==o?"active-bold-weight":"")},{children:null==s?void 0:s.displayName})),s.isNew&&e.jsx("div",Object.assign({className:"sub-child-new-tag"},{children:"NEW"}))]}),i);return e.jsx(r.SimpleSidebarContainer,Object.assign({width:p,zIndex:b,left:j,theme:o,postion:m,top:v,isNewSidebar:S},{children:e.jsxs("div",Object.assign({id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:y,onMouseEnter:x},{children:[e.jsxs("div",{children:[!S&&e.jsx(t.BodySecondary,Object.assign({className:"sub-child-display-name"},{children:h})),null==d?void 0:d.map(((s,i)=>s.page?e.jsx(n.NavigationHyperlink,Object.assign({href:s.page,router:g},{children:M(s,i)})):M(s,i)))]}),u&&e.jsxs("div",Object.assign({className:"lower-sticky-panel"},{children:[e.jsx(t.TitleSmall,Object.assign({className:"title-text",style:{color:i.COLORS.surface.standard}},{children:"Upgrade plan to access this feature."})),e.jsx(a.Button,{className:"upgrade-button",buttonText:"Upgrade plan",buttonType:"primary",size:"small",inverse:!0,onClick:()=>O?O():""})]}))]}),"_sub-menu")}))};

package/dist/cjs/components/button/Button.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("../../node_modules/react/jsx-runtime.js"),s=require("react"),n=require("../spinner/Spinner.js"),o=require("./Button.styled.js"),i=require("./themes.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(s);const c=s.forwardRef(((s,r)=>{var{version:c,id:l,buttonType:d="primary",size:u="small",buttonText:x,disabled:m,IconComponent:j,LeadingIcon:p,TrailingIcon:b,isLoading:g,inverse:h,onClick:v,matchParentWidth:y,subtitle:C,darkMode:E,activated:I,error:R,buttonTextColor:f,buttonFontSize:N,customIconColor:O,buttonColor:T,LeadingIconStyles:z}=s,B=e.__rest(s,["version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode","activated","error","buttonTextColor","buttonFontSize","customIconColor","buttonColor","LeadingIconStyles"]);const S=i.GetButtonTextComponent(u,d,m),k=i.getButtonIconColor(u,d,h,m,g,E),L="chip"===u?16:20,_={height:L,width:L,color:O||k,style:{display:"block"},className:"icon"};return t.jsxRuntimeExports.jsx(o.Button,Object.assign({"data-test":B["data-test"],version:c,onClick:g?()=>{}:v,ref:r,id:l,disabled:m,size:u,buttonType:d,isLoading:g,inverse:h,matchParentWidth:y,darkMode:E,activated:I,error:R,buttonColor:T},B,{children:t.jsxRuntimeExports.jsxs("div",Object.assign({className:"button-container"},{children:[d.startsWith("dash")&&t.jsxRuntimeExports.jsx(o.ButtonCustomDashedBorder,{}),t.jsxRuntimeExports.jsx("div",Object.assign({className:"overlay-container"},{children:g&&t.jsxRuntimeExports.jsx(n.Spinner,{className:"spinner",size:"small",color:i.SpinnerColorMap(d,h)})})),j&&t.jsxRuntimeExports.jsx("div",Object.assign({className:"icon-component"},{children:a.default.createElement(j,_)})),p&&t.jsxRuntimeExports.jsx("div",Object.assign({className:"icon-leading",style:Object.assign({zIndex:1},z)},{children:a.default.createElement(p,_)})),x?t.jsxRuntimeExports.jsxs(S,Object.assign({className:"text",style:{color:f,fontSize:N}},{children:[x,t.jsxRuntimeExports.jsx("div",Object.assign({className:"text-subtitle"},{children:C}))]})):t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{}),b&&t.jsxRuntimeExports.jsx("div",Object.assign({className:"icon-trailing",style:{zIndex:1}},{children:a.default.createElement(b,_)}))]}))}))}));c.displayName="Button",exports.Button=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("react"),s=require("../spinner/Spinner.js"),o=require("./Button.styled.js"),i=require("./themes.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(n);const c=n.forwardRef(((r,c)=>{var{version:l,id:d,buttonType:u="primary",size:b="small",buttonText:m,disabled:j,IconComponent:g,LeadingIcon:x,TrailingIcon:h,isLoading:p,inverse:v,onClick:C,matchParentWidth:y,subtitle:I,darkMode:f,activated:N,error:O,buttonTextColor:T,buttonFontSize:z,customIconColor:k,buttonColor:B,LeadingIconStyles:S}=r,L=e.__rest(r,["version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode","activated","error","buttonTextColor","buttonFontSize","customIconColor","buttonColor","LeadingIconStyles"]);const q=i.GetButtonTextComponent(b,u,j),_=i.getButtonIconColor(b,u,v,j,p,f),M=n.useCallback((()=>{const e="chip"===b?16:20;return{height:e,width:e,color:k||_,style:{display:"block"},className:"icon"}}),[b,k,_]);return t.jsx(o.Button,Object.assign({"data-test":L["data-test"],version:l,onClick:p?()=>{}:C,ref:c,id:d,disabled:j,size:b,buttonType:u,isLoading:p,inverse:v,matchParentWidth:y,darkMode:f,activated:N,error:O,buttonColor:B},L,{children:t.jsxs("div",Object.assign({className:"button-container"},{children:[u.startsWith("dash")&&t.jsx(o.ButtonCustomDashedBorder,{}),t.jsx("div",Object.assign({className:"overlay-container"},{children:p&&t.jsx(s.Spinner,{className:"spinner",size:"small",color:i.SpinnerColorMap(u,v)})})),g&&t.jsx("div",Object.assign({className:"icon-component"},{children:a.default.createElement(g,M())})),x&&t.jsx("div",Object.assign({className:"icon-leading",style:Object.assign({zIndex:1},S)},{children:a.default.createElement(x,M())})),m?t.jsxs(q,Object.assign({className:"text",style:{color:T,fontSize:z}},{children:[m,t.jsx("div",Object.assign({className:"text-subtitle"},{children:I}))]})):t.jsx(t.Fragment,{}),h&&t.jsx("div",Object.assign({className:"icon-trailing",style:{zIndex:1}},{children:a.default.createElement(h,M())}))]}))}))}));c.displayName="Button",exports.Button=c;

package/dist/cjs/components/button/Button.styled.d.ts

@@ -2,7 +2,7 @@
 import { Size, Type } from './model';
 export declare const Button: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     size: Size;
     buttonType: Type;

package/dist/cjs/components/button/Button.styled.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js"),c=require("../../node_modules/react/jsx-runtime.js"),d=require("../../constants/Theme.js"),n=require("./themes.js");const b=t.default("button","production"===process.env.NODE_ENV?{target:"exlualr0"}:{target:"exlualr0",label:"Button"})("all:unset;cursor:pointer;display:flex;gap:8.83px;border-radius:",(t=>"text"==t.buttonType?"0":"4px"),";overflow:hidden;",(t=>t.matchParentWidth?"flex-grow: 1;":"")," background-color:",(t=>n.getBackgroundColor(t.buttonType,t.size,t.inverse,t.darkMode,t.buttonColor)),";",(t=>{var c;return t.buttonType.startsWith("dash")?`.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\t\tpadding: ${n.getPadding(t.buttonType,t.size)};\n\t\t\t\t}`:`padding: ${n.getPadding(t.buttonType,t.size)};\n\t${n.getBorder(null!==(c=t.version)&&void 0!==c?c:"1.0",t.buttonType,t.size,t.inverse,t.error)}`})," .icon-component{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}.icon-trailing{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}.text{color:",(t=>n.getColor(t.buttonType,t.size,t.inverse,t.darkMode)),";}.icon-leading{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}",(t=>n.getDashedBorderStyling(t.buttonType,t.size,t.isLoading?d.COLORS.stroke.brandLightAlt:t.error?d.COLORS.stroke.negative.vibrant:void 0))," .overlay-container{display:none;}",(t=>!t.disabled&&!t.isLoading&&t.activated&&("dashBold"==t.buttonType||"dashRegular"==t.buttonType)&&`\n\t.button-container {\n\t\tdisplay: flex;\n\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\t.overlay-container {\n\t\t\tdisplay: none !important;\n\t\t}\n\t\t.text {\n\t\t\tcolor: ${d.COLORS.content.brand} !important;\n\t\t}\n\t\t.icon {\n\t\t\tcolor: ${d.COLORS.background.brand};\n\t\t}\n\t\t\n\t}\n\t${n.getClickEffect(t.buttonType,t.size,t.inverse)}\n\t${n.getDashedBorderStyling(t.buttonType,t.size,d.COLORS.content.brand)}\n\t`)," :disabled{cursor:",(t=>"text"===t.buttonType?"auto":"not-allowed"),";",(t=>n.getDashedBorderStyling(t.buttonType,t.size,d.COLORS.stroke.primary)),";.overlay-container{display:none!important;}",(t=>n.generateDisabledStyling(t.buttonType,t.size,t.inverse))," .text{color:",(t=>n.getDisabledTextColor(t.inverse)),"!important;}}",(t=>!t.disabled&&!t.isLoading&&`:active {\n\t\t\t\t.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\t\tposition: relative;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\t.overlay-container {\n\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t}\n\t\t\t\t\t${"chip"===t.size&&`.text {\n\t\t\t\t\t\tcolor: ${d.COLORS.background.inverseLight} !important;\n\t\t\t\t\t}\n\t\t\t\t\t.icon {\n\t\t\t\t\t\tcolor: ${d.COLORS.background.inverseLight};\n\t\t\t\t\t}\n\t\t\t\t\t`}\n\t\t\t\t}\n\n\n\t\t\t${n.getClickEffect(t.buttonType,t.size,t.inverse)}\n\t\t\t${n.getDashedBorderStyling(t.buttonType,t.size,d.COLORS.content.brand)}\n\t\t}`)," ",(t=>t.isLoading?`\n\t\t\tcursor: not-allowed;\n\t\t\tpadding: 0;\n\t\t${n.getLoadingBorder(t.buttonType,t.size,t.inverse)}\n\n\t\t.button-container {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\t.text {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\t${t.buttonColor?`background-color: ${n.getLoadingButtonBackgroundCustom(t.buttonColor,15)};`:""}\n\t\t\tpadding: ${n.getPadding(t.buttonType,t.size)};\n\t\t\t.overlay-container {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\tpadding: 0;\n\t\t\t\tpadding-top: 1px;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\t${n.getLoadingBackground(t.buttonType,t.size,t.inverse,t.buttonColor)}\n\t\t\t\t.spinner {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: calc(50% - 14px);\n\t\t\t\t\tleft: calc(50% - 7px);\n\t\t\t\t}\n\n\t\t\t}\n\t\t}`:`:not(:active):not(:disabled):hover {\n\t\t\tpadding: 0;\n\t\t\t.button-container {\n\t\t\t\tdisplay: flex;\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\tpadding: ${n.getPadding(t.buttonType,t.size)};\n\t\t\t\t{${t.buttonColor?`background-color: ${n.getHoverButtonBackgroundCustom(t.buttonColor,15)}`:""}}\n\t\t\t\t.overlay-container {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\t${n.getHoverButtonBackground(t.buttonType,t.inverse)}\n\t\t\t\t}\n\t\t\t\t${"chip"===t.size&&"text"!==t.buttonType?t.darkMode?`background-color: ${d.COLORS.stroke.primary};`:`background-color: ${d.COLORS.surface.hovered};`:""}\n\t\t\t\t${"primary"!==t.buttonType||"chip"===t.size||t.inverse||t.buttonColor?"":`background-color: ${d.COLORS.background.inverse};`}\n\t\t\t}\n\t\t\t${"text"===t.buttonType?n.getHoverButtonTextDecorationStyle(t.buttonType,t.disabled):""}\n\t\t\t${t.inverse?n.generateInverseHoverBackground(t.buttonType,t.disabled):""}\n\t\t}`)," .button-container{display:flex;gap:8.33px;",(t=>t.matchParentWidth?"margin: auto;":""),";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvQyIsImZpbGUiOiJCdXR0b24uc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IGdlbmVyYXRlRGlzYWJsZWRTdHlsaW5nLCBnZW5lcmF0ZUludmVyc2VIb3ZlckJhY2tncm91bmQsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0Qm9yZGVyLCBnZXRDbGlja0VmZmVjdCwgZ2V0Q29sb3IsIGdldERhc2hlZEJvcmRlclN0eWxpbmcsIGdldERpc2FibGVkVGV4dENvbG9yLCBnZXRIb3ZlckJ1dHRvbkJhY2tncm91bmQsIGdldEhvdmVyQnV0dG9uQmFja2dyb3VuZEN1c3RvbSwgZ2V0SG92ZXJCdXR0b25UZXh0RGVjb3JhdGlvblN0eWxlLCBnZXRMb2FkaW5nQmFja2dyb3VuZCwgZ2V0TG9hZGluZ0JvcmRlciwgZ2V0TG9hZGluZ0J1dHRvbkJhY2tncm91bmRDdXN0b20sIGdldFBhZGRpbmcsIH0gZnJvbSAnLi90aGVtZXMnO1xyXG5leHBvcnQgY29uc3QgQnV0dG9uID0gc3R5bGVkLmJ1dHRvbiBgXG5cdGFsbDogdW5zZXQ7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0ZGlzcGxheTogZmxleDtcblx0Z2FwOiA4LjgzcHg7XG5cdGJvcmRlci1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuYnV0dG9uVHlwZSA9PSAndGV4dCcgPyAnMCcgOiAnNHB4Jyl9O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHQkeyhwcm9wcykgPT4gKHByb3BzLm1hdGNoUGFyZW50V2lkdGggPyBgZmxleC1ncm93OiAxO2AgOiAnJyl9XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBnZXRCYWNrZ3JvdW5kQ29sb3IocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSwgcHJvcHMuZGFya01vZGUsIHByb3BzLmJ1dHRvbkNvbG9yKX07XG5cblx0JHsocHJvcHMpID0+IHtcclxuICAgIHZhciBfYTtcclxuICAgIHJldHVybiBwcm9wcy5idXR0b25UeXBlLnN0YXJ0c1dpdGgoJ2Rhc2gnKVxyXG4gICAgICAgID8gYC5idXR0b24tY29udGFpbmVyIHtcblx0XHRcdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdFx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0XHRcdFx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0XHRcdFx0XHQke3Byb3BzLm1hdGNoUGFyZW50V2lkdGggPyAnanVzdGlmeS1jb250ZW50OiBjZW50ZXI7JyA6ICcnfVxuXHRcdFx0XHRcdHBhZGRpbmc6ICR7Z2V0UGFkZGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplKX07XG5cdFx0XHRcdH1gXHJcbiAgICAgICAgOiBgcGFkZGluZzogJHtnZXRQYWRkaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUpfTtcblx0JHtnZXRCb3JkZXIoKF9hID0gcHJvcHMudmVyc2lvbikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJzEuMCcsIHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UsIHByb3BzLmVycm9yKX1gO1xyXG59fVxuXG5cdC5pY29uLWNvbXBvbmVudCB7XG5cdFx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLnNpemUgPT09ICdjaGlwJyA/ICcxNnB4JyA6ICcyMHB4Jyl9O1xuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLnNpemUgPT09ICdjaGlwJyA/ICcxNnB4JyA6ICcyMHB4Jyl9O1xuXHR9XG5cblx0Lmljb24tdHJhaWxpbmcge1xuXHRcdGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0XHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0fVxuXG5cdC50ZXh0IHtcblx0XHRjb2xvcjogJHsocHJvcHMpID0+IGdldENvbG9yKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UsIHByb3BzLmRhcmtNb2RlKX07XG5cdH1cblxuXHQuaWNvbi1sZWFkaW5nIHtcblx0XHRoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdFx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdH1cblxuXHQkeyhwcm9wcykgPT4gZ2V0RGFzaGVkQm9yZGVyU3R5bGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pc0xvYWRpbmdcclxuICAgID8gQ09MT1JTLnN0cm9rZS5icmFuZExpZ2h0QWx0XHJcbiAgICA6IHByb3BzLmVycm9yXHJcbiAgICAgICAgPyBDT0xPUlMuc3Ryb2tlLm5lZ2F0aXZlLnZpYnJhbnRcclxuICAgICAgICA6IHVuZGVmaW5lZCl9XG5cblx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBub25lO1xuXHR9XG5cblx0JHsocHJvcHMpID0+ICFwcm9wcy5kaXNhYmxlZCAmJlxyXG4gICAgIXByb3BzLmlzTG9hZGluZyAmJlxyXG4gICAgcHJvcHMuYWN0aXZhdGVkICYmXHJcbiAgICAocHJvcHMuYnV0dG9uVHlwZSA9PSAnZGFzaEJvbGQnIHx8IHByb3BzLmJ1dHRvblR5cGUgPT0gJ2Rhc2hSZWd1bGFyJykgJiZcclxuICAgIGBcblx0LmJ1dHRvbi1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0JHtwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJ2p1c3RpZnktY29udGVudDogY2VudGVyOycgOiAnJ31cblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcblx0XHR9XG5cdFx0JHtgLnRleHQge1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuYnJhbmR9ICFpbXBvcnRhbnQ7XG5cdFx0fVxuXHRcdC5pY29uIHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kfTtcblx0XHR9XG5cdFx0YH1cblx0fVxuXHQke2dldENsaWNrRWZmZWN0KHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfVxuXHQke2dldERhc2hlZEJvcmRlclN0eWxpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgQ09MT1JTLmNvbnRlbnQuYnJhbmQpfVxuXHRgfVxuXG5cdDpkaXNhYmxlZCB7XG5cdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcblx0XHR9XG5cdFx0Y3Vyc29yOiAkeyhwcm9wcykgPT4gcHJvcHMuYnV0dG9uVHlwZSA9PT0gJ3RleHQnID8gJ2F1dG8nIDogJ25vdC1hbGxvd2VkJ307XG5cdFx0JHsocHJvcHMpID0+IGdlbmVyYXRlRGlzYWJsZWRTdHlsaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfVxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0RGlzYWJsZWRUZXh0Q29sb3IocHJvcHMuaW52ZXJzZSl9ICFpbXBvcnRhbnQ7XG5cdFx0fVxuXHRcdCR7KHByb3BzKSA9PiBnZXREYXNoZWRCb3JkZXJTdHlsaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIENPTE9SUy5zdHJva2UucHJpbWFyeSl9XG5cdH1cblxuXHQkeyhwcm9wcykgPT4gIXByb3BzLmRpc2FibGVkICYmXHJcbiAgICAhcHJvcHMuaXNMb2FkaW5nICYmXHJcbiAgICBgOmFjdGl2ZSB7XG5cdFx0XHRcdC5idXR0b24tY29udGFpbmVyIHtcblx0XHRcdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0XHRcdCR7cHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/ICdqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsnIDogJyd9XG5cdFx0XHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0XHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRcdFx0XHRkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHRcdCR7cHJvcHMuc2l6ZSA9PT0gJ2NoaXAnICYmXHJcbiAgICAgICAgYC50ZXh0IHtcblx0XHRcdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2VMaWdodH0gIWltcG9ydGFudDtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0Lmljb24ge1xuXHRcdFx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0fTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0YH1cblx0XHRcdFx0fVxuXG5cblx0XHRcdCR7Z2V0Q2xpY2tFZmZlY3QocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9XG5cdFx0XHQke2dldERhc2hlZEJvcmRlclN0eWxpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgQ09MT1JTLmNvbnRlbnQuYnJhbmQpfVxuXHRcdH1gfVxuXG5cdCR7KHByb3BzKSA9PiBcclxuLy8gZG8gbm90IGxvYWQgaG92ZXIgc3R5bGVzIGZvciBsb2FkaW5nIHN0YXRlIGFuZCBhbHNvIGFjdGl2ZSBzdGF0ZVxyXG4hcHJvcHMuaXNMb2FkaW5nXHJcbiAgICA/IGA6bm90KDphY3RpdmUpOm5vdCg6ZGlzYWJsZWQpOmhvdmVyIHtcblx0XHRcdHBhZGRpbmc6IDA7XG5cdFx0XHQuYnV0dG9uLWNvbnRhaW5lciB7XG5cdFx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdCR7cHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/ICdqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsnIDogJyd9XG5cdFx0XHRcdHBhZGRpbmc6ICR7Z2V0UGFkZGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplKX07XG5cdFx0XHRcdHske3Byb3BzLmJ1dHRvbkNvbG9yXHJcbiAgICAgICAgPyBgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRIb3ZlckJ1dHRvbkJhY2tncm91bmRDdXN0b20ocHJvcHMuYnV0dG9uQ29sb3IsIDE1KX1gXHJcbiAgICAgICAgOiAnJ319XG5cdFx0XHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHRcdHBhZGRpbmc6IDA7XG5cdFx0XHRcdFx0dG9wOiAwO1xuXHRcdFx0XHRcdGxlZnQ6IDA7XG5cdFx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdFx0XHRcdCR7Z2V0SG92ZXJCdXR0b25CYWNrZ3JvdW5kKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLmludmVyc2UpfVxuXHRcdFx0XHR9XG5cdFx0XHRcdCR7cHJvcHMuc2l6ZSA9PT0gJ2NoaXAnICYmIHByb3BzLmJ1dHRvblR5cGUgIT09ICd0ZXh0J1xyXG4gICAgICAgID8gcHJvcHMuZGFya01vZGVcclxuICAgICAgICAgICAgPyBgYmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O2BcclxuICAgICAgICAgICAgOiBgYmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtgXHJcbiAgICAgICAgOiAnJ31cblx0XHRcdFx0JHtwcm9wcy5idXR0b25UeXBlID09PSAncHJpbWFyeScgJiZcclxuICAgICAgICBwcm9wcy5zaXplICE9PSAnY2hpcCcgJiZcclxuICAgICAgICAhcHJvcHMuaW52ZXJzZSAmJlxyXG4gICAgICAgICFwcm9wcy5idXR0b25Db2xvclxyXG4gICAgICAgID8gYGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZX07YFxyXG4gICAgICAgIDogJyd9XG5cdFx0XHR9XG5cdFx0XHQke3Byb3BzLmJ1dHRvblR5cGUgPT09ICd0ZXh0J1xyXG4gICAgICAgID8gZ2V0SG92ZXJCdXR0b25UZXh0RGVjb3JhdGlvblN0eWxlKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLmRpc2FibGVkKVxyXG4gICAgICAgIDogJyd9XG5cdFx0XHQke3Byb3BzLmludmVyc2VcclxuICAgICAgICA/IGdlbmVyYXRlSW52ZXJzZUhvdmVyQmFja2dyb3VuZChwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5kaXNhYmxlZClcclxuICAgICAgICA6ICcnfVxuXHRcdH1gXHJcbiAgICA6IGBcblx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRwYWRkaW5nOiAwO1xuXHRcdCR7Z2V0TG9hZGluZ0JvcmRlcihwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX1cblxuXHRcdC5idXR0b24tY29udGFpbmVyIHtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdC50ZXh0IHtcblx0XHRcdFx0b3BhY2l0eTogMDtcblx0XHRcdH1cblx0XHRcdCR7cHJvcHMuYnV0dG9uQ29sb3JcclxuICAgICAgICA/IGBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldExvYWRpbmdCdXR0b25CYWNrZ3JvdW5kQ3VzdG9tKHByb3BzLmJ1dHRvbkNvbG9yLCAxNSl9O2BcclxuICAgICAgICA6ICcnfVxuXHRcdFx0cGFkZGluZzogJHtnZXRQYWRkaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUpfTtcblx0XHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdHBhZGRpbmc6IDA7XG5cdFx0XHRcdHBhZGRpbmctdG9wOiAxcHg7XG5cdFx0XHRcdHRvcDogMDtcblx0XHRcdFx0bGVmdDogMDtcblx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdFx0JHtnZXRMb2FkaW5nQmFja2dyb3VuZChwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlLCBwcm9wcy5idXR0b25Db2xvcil9XG5cdFx0XHRcdC5zcGlubmVyIHtcblx0XHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdFx0dG9wOiBjYWxjKDUwJSAtIDE0cHgpO1xuXHRcdFx0XHRcdGxlZnQ6IGNhbGMoNTAlIC0gN3B4KTtcblx0XHRcdFx0fVxuXG5cdFx0XHR9XG5cdFx0fWB9XG5cblx0XHQuYnV0dG9uLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRnYXA6IDguMzNweDtcblx0XHQkeyhwcm9wcykgPT4gKHByb3BzLm1hdGNoUGFyZW50V2lkdGggPyAnbWFyZ2luOiBhdXRvOycgOiAnJyl9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBCdXR0b25DdXN0b21EYXNoZWRCb3JkZXIgPSAoKSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwibGluZS10b3BcIiB9KSwgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogXCJsaW5lLWxlZnRcIiB9KSwgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogXCJsaW5lLWJvdHRvbVwiIH0pLCBfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBcImxpbmUtcmlnaHRcIiB9KV0gfSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1CdXR0b24uc3R5bGVkLmpzLm1hcCJdfQ== */"));exports.Button=b,exports.ButtonCustomDashedBorder=()=>c.jsxRuntimeExports.jsxs(c.jsxRuntimeExports.Fragment,{children:[c.jsxRuntimeExports.jsx("div",{className:"line-top"}),c.jsxRuntimeExports.jsx("div",{className:"line-left"}),c.jsxRuntimeExports.jsx("div",{className:"line-bottom"}),c.jsxRuntimeExports.jsx("div",{className:"line-right"})]});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/styled/base"),c=require("react/jsx-runtime"),d=require("../../constants/Theme.js"),n=require("./themes.js");function b(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}const l=b(t).default("button","production"===process.env.NODE_ENV?{target:"exlualr0"}:{target:"exlualr0",label:"Button"})("all:unset;cursor:pointer;display:flex;gap:8.83px;border-radius:",(t=>"text"==t.buttonType?"0":"4px"),";overflow:hidden;",(t=>t.matchParentWidth?"flex-grow: 1;":"")," background-color:",(t=>n.getBackgroundColor(t.buttonType,t.size,t.inverse,t.darkMode,t.buttonColor)),";",(t=>{var c;return t.buttonType.startsWith("dash")?`.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\t\tpadding: ${n.getPadding(t.buttonType,t.size)};\n\t\t\t\t}`:`padding: ${n.getPadding(t.buttonType,t.size)};\n\t${n.getBorder(null!==(c=t.version)&&void 0!==c?c:"1.0",t.buttonType,t.size,t.inverse,t.error)}`})," .icon-component{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}.icon-trailing{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}.text{color:",(t=>n.getColor(t.buttonType,t.size,t.inverse,t.darkMode)),";}.icon-leading{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}",(t=>n.getDashedBorderStyling(t.buttonType,t.size,t.isLoading?d.COLORS.stroke.brandLightAlt:t.error?d.COLORS.stroke.negative.vibrant:void 0))," .overlay-container{display:none;}",(t=>!t.disabled&&!t.isLoading&&t.activated&&("dashBold"==t.buttonType||"dashRegular"==t.buttonType)&&`\n\t.button-container {\n\t\tdisplay: flex;\n\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\t.overlay-container {\n\t\t\tdisplay: none !important;\n\t\t}\n\t\t.text {\n\t\t\tcolor: ${d.COLORS.content.brand} !important;\n\t\t}\n\t\t.icon {\n\t\t\tcolor: ${d.COLORS.background.brand};\n\t\t}\n\t\t\n\t}\n\t${n.getClickEffect(t.buttonType,t.size,t.inverse)}\n\t${n.getDashedBorderStyling(t.buttonType,t.size,d.COLORS.content.brand)}\n\t`)," :disabled{cursor:",(t=>"text"===t.buttonType?"auto":"not-allowed"),";",(t=>n.getDashedBorderStyling(t.buttonType,t.size,d.COLORS.stroke.primary)),";.overlay-container{display:none!important;}",(t=>n.generateDisabledStyling(t.buttonType,t.size,t.inverse))," .text{color:",(t=>n.getDisabledTextColor(t.inverse)),"!important;}}",(t=>!t.disabled&&!t.isLoading&&`:active {\n\t\t\t\t.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\t\tposition: relative;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\t.overlay-container {\n\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t}\n\t\t\t\t\t${"chip"===t.size&&`.text {\n\t\t\t\t\t\tcolor: ${d.COLORS.background.inverseLight} !important;\n\t\t\t\t\t}\n\t\t\t\t\t.icon {\n\t\t\t\t\t\tcolor: ${d.COLORS.background.inverseLight};\n\t\t\t\t\t}\n\t\t\t\t\t`}\n\t\t\t\t}\n\n\n\t\t\t${n.getClickEffect(t.buttonType,t.size,t.inverse)}\n\t\t\t${n.getDashedBorderStyling(t.buttonType,t.size,d.COLORS.content.brand)}\n\t\t}`)," ",(t=>t.isLoading?`\n\t\t\tcursor: not-allowed;\n\t\t\tpadding: 0;\n\t\t${n.getLoadingBorder(t.buttonType,t.size,t.inverse)}\n\n\t\t.button-container {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\t.text {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\t${t.buttonColor?`background-color: ${n.getLoadingButtonBackgroundCustom(t.buttonColor,15)};`:""}\n\t\t\tpadding: ${n.getPadding(t.buttonType,t.size)};\n\t\t\t.overlay-container {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\tpadding: 0;\n\t\t\t\tpadding-top: 1px;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\t${n.getLoadingBackground(t.buttonType,t.size,t.inverse,t.buttonColor)}\n\t\t\t\t.spinner {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: calc(50% - 14px);\n\t\t\t\t\tleft: calc(50% - 7px);\n\t\t\t\t}\n\n\t\t\t}\n\t\t}`:`:not(:active):not(:disabled):hover {\n\t\t\tpadding: 0;\n\t\t\t.button-container {\n\t\t\t\tdisplay: flex;\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\tpadding: ${n.getPadding(t.buttonType,t.size)};\n\t\t\t\t{${t.buttonColor?`background-color: ${n.getHoverButtonBackgroundCustom(t.buttonColor,15)}`:""}}\n\t\t\t\t.overlay-container {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\t${n.getHoverButtonBackground(t.buttonType,t.inverse)}\n\t\t\t\t}\n\t\t\t\t${"chip"===t.size&&"text"!==t.buttonType?t.darkMode?`background-color: ${d.COLORS.stroke.primary};`:`background-color: ${d.COLORS.surface.hovered};`:""}\n\t\t\t\t${"primary"!==t.buttonType||"chip"===t.size||t.inverse||t.buttonColor?"":`background-color: ${d.COLORS.background.inverse};`}\n\t\t\t}\n\t\t\t${"text"===t.buttonType?n.getHoverButtonTextDecorationStyle(t.buttonType,t.disabled):""}\n\t\t\t${t.inverse?n.generateInverseHoverBackground(t.buttonType,t.disabled):""}\n\t\t}`)," .button-container{display:flex;gap:8.33px;",(t=>t.matchParentWidth?"margin: auto;":""),";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvQyIsImZpbGUiOiJCdXR0b24uc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IGdlbmVyYXRlRGlzYWJsZWRTdHlsaW5nLCBnZW5lcmF0ZUludmVyc2VIb3ZlckJhY2tncm91bmQsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0Qm9yZGVyLCBnZXRDbGlja0VmZmVjdCwgZ2V0Q29sb3IsIGdldERhc2hlZEJvcmRlclN0eWxpbmcsIGdldERpc2FibGVkVGV4dENvbG9yLCBnZXRIb3ZlckJ1dHRvbkJhY2tncm91bmQsIGdldEhvdmVyQnV0dG9uQmFja2dyb3VuZEN1c3RvbSwgZ2V0SG92ZXJCdXR0b25UZXh0RGVjb3JhdGlvblN0eWxlLCBnZXRMb2FkaW5nQmFja2dyb3VuZCwgZ2V0TG9hZGluZ0JvcmRlciwgZ2V0TG9hZGluZ0J1dHRvbkJhY2tncm91bmRDdXN0b20sIGdldFBhZGRpbmcsIH0gZnJvbSAnLi90aGVtZXMnO1xyXG5leHBvcnQgY29uc3QgQnV0dG9uID0gc3R5bGVkLmJ1dHRvbiBgXG5cdGFsbDogdW5zZXQ7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0ZGlzcGxheTogZmxleDtcblx0Z2FwOiA4LjgzcHg7XG5cdGJvcmRlci1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuYnV0dG9uVHlwZSA9PSAndGV4dCcgPyAnMCcgOiAnNHB4Jyl9O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHQkeyhwcm9wcykgPT4gKHByb3BzLm1hdGNoUGFyZW50V2lkdGggPyBgZmxleC1ncm93OiAxO2AgOiAnJyl9XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBnZXRCYWNrZ3JvdW5kQ29sb3IocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSwgcHJvcHMuZGFya01vZGUsIHByb3BzLmJ1dHRvbkNvbG9yKX07XG5cblx0JHsocHJvcHMpID0+IHtcclxuICAgIHZhciBfYTtcclxuICAgIHJldHVybiBwcm9wcy5idXR0b25UeXBlLnN0YXJ0c1dpdGgoJ2Rhc2gnKVxyXG4gICAgICAgID8gYC5idXR0b24tY29udGFpbmVyIHtcblx0XHRcdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdFx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0XHRcdFx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0XHRcdFx0XHQke3Byb3BzLm1hdGNoUGFyZW50V2lkdGggPyAnanVzdGlmeS1jb250ZW50OiBjZW50ZXI7JyA6ICcnfVxuXHRcdFx0XHRcdHBhZGRpbmc6ICR7Z2V0UGFkZGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplKX07XG5cdFx0XHRcdH1gXHJcbiAgICAgICAgOiBgcGFkZGluZzogJHtnZXRQYWRkaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUpfTtcblx0JHtnZXRCb3JkZXIoKF9hID0gcHJvcHMudmVyc2lvbikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJzEuMCcsIHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UsIHByb3BzLmVycm9yKX1gO1xyXG59fVxuXG5cdC5pY29uLWNvbXBvbmVudCB7XG5cdFx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLnNpemUgPT09ICdjaGlwJyA/ICcxNnB4JyA6ICcyMHB4Jyl9O1xuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLnNpemUgPT09ICdjaGlwJyA/ICcxNnB4JyA6ICcyMHB4Jyl9O1xuXHR9XG5cblx0Lmljb24tdHJhaWxpbmcge1xuXHRcdGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0XHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0fVxuXG5cdC50ZXh0IHtcblx0XHRjb2xvcjogJHsocHJvcHMpID0+IGdldENvbG9yKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UsIHByb3BzLmRhcmtNb2RlKX07XG5cdH1cblxuXHQuaWNvbi1sZWFkaW5nIHtcblx0XHRoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdFx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdH1cblxuXHQkeyhwcm9wcykgPT4gZ2V0RGFzaGVkQm9yZGVyU3R5bGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pc0xvYWRpbmdcclxuICAgID8gQ09MT1JTLnN0cm9rZS5icmFuZExpZ2h0QWx0XHJcbiAgICA6IHByb3BzLmVycm9yXHJcbiAgICAgICAgPyBDT0xPUlMuc3Ryb2tlLm5lZ2F0aXZlLnZpYnJhbnRcclxuICAgICAgICA6IHVuZGVmaW5lZCl9XG5cblx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBub25lO1xuXHR9XG5cblx0JHsocHJvcHMpID0+ICFwcm9wcy5kaXNhYmxlZCAmJlxyXG4gICAgIXByb3BzLmlzTG9hZGluZyAmJlxyXG4gICAgcHJvcHMuYWN0aXZhdGVkICYmXHJcbiAgICAocHJvcHMuYnV0dG9uVHlwZSA9PSAnZGFzaEJvbGQnIHx8IHByb3BzLmJ1dHRvblR5cGUgPT0gJ2Rhc2hSZWd1bGFyJykgJiZcclxuICAgIGBcblx0LmJ1dHRvbi1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0JHtwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJ2p1c3RpZnktY29udGVudDogY2VudGVyOycgOiAnJ31cblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcblx0XHR9XG5cdFx0JHtgLnRleHQge1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuYnJhbmR9ICFpbXBvcnRhbnQ7XG5cdFx0fVxuXHRcdC5pY29uIHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kfTtcblx0XHR9XG5cdFx0YH1cblx0fVxuXHQke2dldENsaWNrRWZmZWN0KHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfVxuXHQke2dldERhc2hlZEJvcmRlclN0eWxpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgQ09MT1JTLmNvbnRlbnQuYnJhbmQpfVxuXHRgfVxuXG5cdDpkaXNhYmxlZCB7XG5cdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcblx0XHR9XG5cdFx0Y3Vyc29yOiAkeyhwcm9wcykgPT4gcHJvcHMuYnV0dG9uVHlwZSA9PT0gJ3RleHQnID8gJ2F1dG8nIDogJ25vdC1hbGxvd2VkJ307XG5cdFx0JHsocHJvcHMpID0+IGdlbmVyYXRlRGlzYWJsZWRTdHlsaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfVxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0RGlzYWJsZWRUZXh0Q29sb3IocHJvcHMuaW52ZXJzZSl9ICFpbXBvcnRhbnQ7XG5cdFx0fVxuXHRcdCR7KHByb3BzKSA9PiBnZXREYXNoZWRCb3JkZXJTdHlsaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIENPTE9SUy5zdHJva2UucHJpbWFyeSl9XG5cdH1cblxuXHQkeyhwcm9wcykgPT4gIXByb3BzLmRpc2FibGVkICYmXHJcbiAgICAhcHJvcHMuaXNMb2FkaW5nICYmXHJcbiAgICBgOmFjdGl2ZSB7XG5cdFx0XHRcdC5idXR0b24tY29udGFpbmVyIHtcblx0XHRcdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0XHRcdCR7cHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/ICdqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsnIDogJyd9XG5cdFx0XHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0XHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRcdFx0XHRkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHRcdCR7cHJvcHMuc2l6ZSA9PT0gJ2NoaXAnICYmXHJcbiAgICAgICAgYC50ZXh0IHtcblx0XHRcdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2VMaWdodH0gIWltcG9ydGFudDtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0Lmljb24ge1xuXHRcdFx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0fTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0YH1cblx0XHRcdFx0fVxuXG5cblx0XHRcdCR7Z2V0Q2xpY2tFZmZlY3QocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9XG5cdFx0XHQke2dldERhc2hlZEJvcmRlclN0eWxpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgQ09MT1JTLmNvbnRlbnQuYnJhbmQpfVxuXHRcdH1gfVxuXG5cdCR7KHByb3BzKSA9PiBcclxuLy8gZG8gbm90IGxvYWQgaG92ZXIgc3R5bGVzIGZvciBsb2FkaW5nIHN0YXRlIGFuZCBhbHNvIGFjdGl2ZSBzdGF0ZVxyXG4hcHJvcHMuaXNMb2FkaW5nXHJcbiAgICA/IGA6bm90KDphY3RpdmUpOm5vdCg6ZGlzYWJsZWQpOmhvdmVyIHtcblx0XHRcdHBhZGRpbmc6IDA7XG5cdFx0XHQuYnV0dG9uLWNvbnRhaW5lciB7XG5cdFx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdCR7cHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/ICdqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsnIDogJyd9XG5cdFx0XHRcdHBhZGRpbmc6ICR7Z2V0UGFkZGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplKX07XG5cdFx0XHRcdHske3Byb3BzLmJ1dHRvbkNvbG9yXHJcbiAgICAgICAgPyBgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRIb3ZlckJ1dHRvbkJhY2tncm91bmRDdXN0b20ocHJvcHMuYnV0dG9uQ29sb3IsIDE1KX1gXHJcbiAgICAgICAgOiAnJ319XG5cdFx0XHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHRcdHBhZGRpbmc6IDA7XG5cdFx0XHRcdFx0dG9wOiAwO1xuXHRcdFx0XHRcdGxlZnQ6IDA7XG5cdFx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdFx0XHRcdCR7Z2V0SG92ZXJCdXR0b25CYWNrZ3JvdW5kKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLmludmVyc2UpfVxuXHRcdFx0XHR9XG5cdFx0XHRcdCR7cHJvcHMuc2l6ZSA9PT0gJ2NoaXAnICYmIHByb3BzLmJ1dHRvblR5cGUgIT09ICd0ZXh0J1xyXG4gICAgICAgID8gcHJvcHMuZGFya01vZGVcclxuICAgICAgICAgICAgPyBgYmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O2BcclxuICAgICAgICAgICAgOiBgYmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtgXHJcbiAgICAgICAgOiAnJ31cblx0XHRcdFx0JHtwcm9wcy5idXR0b25UeXBlID09PSAncHJpbWFyeScgJiZcclxuICAgICAgICBwcm9wcy5zaXplICE9PSAnY2hpcCcgJiZcclxuICAgICAgICAhcHJvcHMuaW52ZXJzZSAmJlxyXG4gICAgICAgICFwcm9wcy5idXR0b25Db2xvclxyXG4gICAgICAgID8gYGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZX07YFxyXG4gICAgICAgIDogJyd9XG5cdFx0XHR9XG5cdFx0XHQke3Byb3BzLmJ1dHRvblR5cGUgPT09ICd0ZXh0J1xyXG4gICAgICAgID8gZ2V0SG92ZXJCdXR0b25UZXh0RGVjb3JhdGlvblN0eWxlKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLmRpc2FibGVkKVxyXG4gICAgICAgIDogJyd9XG5cdFx0XHQke3Byb3BzLmludmVyc2VcclxuICAgICAgICA/IGdlbmVyYXRlSW52ZXJzZUhvdmVyQmFja2dyb3VuZChwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5kaXNhYmxlZClcclxuICAgICAgICA6ICcnfVxuXHRcdH1gXHJcbiAgICA6IGBcblx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRwYWRkaW5nOiAwO1xuXHRcdCR7Z2V0TG9hZGluZ0JvcmRlcihwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX1cblxuXHRcdC5idXR0b24tY29udGFpbmVyIHtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdC50ZXh0IHtcblx0XHRcdFx0b3BhY2l0eTogMDtcblx0XHRcdH1cblx0XHRcdCR7cHJvcHMuYnV0dG9uQ29sb3JcclxuICAgICAgICA/IGBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldExvYWRpbmdCdXR0b25CYWNrZ3JvdW5kQ3VzdG9tKHByb3BzLmJ1dHRvbkNvbG9yLCAxNSl9O2BcclxuICAgICAgICA6ICcnfVxuXHRcdFx0cGFkZGluZzogJHtnZXRQYWRkaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUpfTtcblx0XHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdHBhZGRpbmc6IDA7XG5cdFx0XHRcdHBhZGRpbmctdG9wOiAxcHg7XG5cdFx0XHRcdHRvcDogMDtcblx0XHRcdFx0bGVmdDogMDtcblx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdFx0JHtnZXRMb2FkaW5nQmFja2dyb3VuZChwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlLCBwcm9wcy5idXR0b25Db2xvcil9XG5cdFx0XHRcdC5zcGlubmVyIHtcblx0XHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdFx0dG9wOiBjYWxjKDUwJSAtIDE0cHgpO1xuXHRcdFx0XHRcdGxlZnQ6IGNhbGMoNTAlIC0gN3B4KTtcblx0XHRcdFx0fVxuXG5cdFx0XHR9XG5cdFx0fWB9XG5cblx0XHQuYnV0dG9uLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRnYXA6IDguMzNweDtcblx0XHQkeyhwcm9wcykgPT4gKHByb3BzLm1hdGNoUGFyZW50V2lkdGggPyAnbWFyZ2luOiBhdXRvOycgOiAnJyl9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBCdXR0b25DdXN0b21EYXNoZWRCb3JkZXIgPSAoKSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwibGluZS10b3BcIiB9KSwgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogXCJsaW5lLWxlZnRcIiB9KSwgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogXCJsaW5lLWJvdHRvbVwiIH0pLCBfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBcImxpbmUtcmlnaHRcIiB9KV0gfSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1CdXR0b24uc3R5bGVkLmpzLm1hcCJdfQ== */"));exports.Button=l,exports.ButtonCustomDashedBorder=()=>c.jsxs(c.Fragment,{children:[c.jsx("div",{className:"line-top"}),c.jsx("div",{className:"line-left"}),c.jsx("div",{className:"line-bottom"}),c.jsx("div",{className:"line-right"})]});

package/dist/cjs/components/buttonGroup/ButtonGroup.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../node_modules/react/jsx-runtime.js"),i=require("react"),e=require("../TypographyStyle.js"),o=require("../../constants/Theme.js"),n=require("./ButtonGroupStyle.js");exports.ButtonGroup=s=>{const[r,u]=i.useState(void 0);i.useEffect((()=>{u(s.activeButtonId||void 0)}),[null==s?void 0:s.activeButtonId]);return t.jsxRuntimeExports.jsx(n.ButtonGroupStyle,Object.assign({className:"button-group",width:s.width||"100%",gap:s.gap,size:s.size,iconPosition:s.iconPosition},{children:s.buttonGroup.map((i=>{var c,d;const a=null==i?void 0:i.icon;return t.jsxRuntimeExports.jsxs(n.Button,Object.assign({borderRadius:null!==(c=s.borderRadius)&&void 0!==c?c:"4px",matchParentWidth:null===(d=s.matchParentWidth)||void 0===d||d,className:"button",isActive:r===i.id,onClick:()=>(t=>{u(t.id),s.onButtonClick(t.id)})(i),iconPosition:s.iconPosition,size:s.size,backgroundColor:s.backgroundColor||o.COLORS.surface.subdued},{children:[(null==s?void 0:s.iconPosition)&&a&&t.jsxRuntimeExports.jsx("div",Object.assign({className:"button__image"},{children:t.jsxRuntimeExports.jsx(a,{color:r===i.id?o.COLORS.background.inverseLight:o.COLORS.content.secondary,width:(null==s?void 0:s.iconWidth)||"18px",height:(null==s?void 0:s.iconHeight)||"18px"})})),t.jsxRuntimeExports.jsx("div",Object.assign({className:"button__name"},{children:t.jsxRuntimeExports.jsx(e.BodySecondary,Object.assign({style:{color:r===i.id?o.COLORS.background.inverseLight:o.COLORS.content.secondary}},{children:i.title}))}))]}),i.id)}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("react/jsx-runtime"),t=require("react"),e=require("../TypographyStyle.js"),o=require("../../constants/Theme.js"),n=require("./ButtonGroupStyle.js");exports.ButtonGroup=s=>{const[r,c]=t.useState(void 0);t.useEffect((()=>{c(s.activeButtonId||void 0)}),[null==s?void 0:s.activeButtonId]);return i.jsx(n.ButtonGroupStyle,Object.assign({className:"button-group",width:s.width||"100%",gap:s.gap,size:s.size,iconPosition:s.iconPosition},{children:s.buttonGroup.map((t=>{var d,u;const a=null==t?void 0:t.icon;return i.jsxs(n.Button,Object.assign({borderRadius:null!==(d=s.borderRadius)&&void 0!==d?d:"4px",matchParentWidth:null===(u=s.matchParentWidth)||void 0===u||u,className:"button",isActive:r===t.id,onClick:()=>(i=>{c(i.id),s.onButtonClick(i.id)})(t),iconPosition:s.iconPosition,size:s.size,backgroundColor:s.backgroundColor||o.COLORS.surface.subdued},{children:[(null==s?void 0:s.iconPosition)&&a&&i.jsx("div",Object.assign({className:"button__image"},{children:i.jsx(a,{color:r===t.id?o.COLORS.background.inverseLight:o.COLORS.content.secondary,width:(null==s?void 0:s.iconWidth)||"18px",height:(null==s?void 0:s.iconHeight)||"18px"})})),i.jsx("div",Object.assign({className:"button__name"},{children:i.jsx(e.BodySecondary,Object.assign({style:{color:r===t.id?o.COLORS.background.inverseLight:o.COLORS.content.secondary}},{children:t.title}))}))]}),t.id)}))}))};

package/dist/cjs/components/card-selection-modal/CardSelectionModal.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),s=require("../../assets/icons/info.svg.js"),t=require("./CardSelectionModal.styled.js"),i=require("../modals/styledModal.js"),r=require("../../constants/Theme.js"),n=require("../TypographyStyle.js");exports.CardSelectionModal=o=>e.jsxRuntimeExports.jsx(i.StyledModal,Object.assign({open:o.isOpen,onClose:o.onClose,headingTitle:o.title,headingSubtitle:o.subTitle,centralContainerStyles:{width:716}},{children:e.jsxRuntimeExports.jsxs(t.StyledCardContainer,{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"cards__wrapper"},{children:o.cards.map((s=>e.jsxRuntimeExports.jsxs(t.StyledCard,Object.assign({onClick:()=>{o.onCardSelected(s.value)}},{children:[s.icon&&e.jsxRuntimeExports.jsx("div",Object.assign({className:"icon__container"},{children:e.jsxRuntimeExports.jsx(s.icon,{width:22,color:r.DEFAULT_THEME.colorsV2.content.brand})})),e.jsxRuntimeExports.jsx(n.TitleRegular,{children:s.title}),e.jsxRuntimeExports.jsx(n.BodyCaption,{children:s.description})]}),s.value)))})),o.infoText&&e.jsxRuntimeExports.jsxs("div",Object.assign({className:"info__wrapper"},{children:[e.jsxRuntimeExports.jsx(s.default,{width:15,color:r.DEFAULT_THEME.colorsV2.content.placeholder}),e.jsxRuntimeExports.jsx(n.BodySecondary,{children:o.infoText})]}))]})}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/info.svg.js"),i=require("./CardSelectionModal.styled.js"),r=require("../modals/styledModal.js"),n=require("../../constants/Theme.js"),t=require("../TypographyStyle.js");exports.CardSelectionModal=l=>e.jsx(r.StyledModal,Object.assign({open:l.isOpen,onClose:l.onClose,headingTitle:l.title,headingSubtitle:l.subTitle,centralContainerStyles:{width:716}},{children:e.jsxs(i.StyledCardContainer,{children:[e.jsx("div",Object.assign({className:"cards__wrapper"},{children:l.cards.map((s=>e.jsxs(i.StyledCard,Object.assign({onClick:()=>{l.onCardSelected(s.value)}},{children:[s.icon&&e.jsx("div",Object.assign({className:"icon__container"},{children:e.jsx(s.icon,{width:22,color:n.DEFAULT_THEME.colorsV2.content.brand})})),e.jsx(t.TitleRegular,{children:s.title}),e.jsx(t.BodyCaption,{children:s.description})]}),s.value)))})),l.infoText&&e.jsxs("div",Object.assign({className:"info__wrapper"},{children:[e.jsx(s.default,{width:15,color:n.DEFAULT_THEME.colorsV2.content.placeholder}),e.jsx(t.BodySecondary,{children:l.infoText})]}))]})}));

package/dist/cjs/components/card-selection-modal/CardSelectionModal.styled.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 export declare const StyledCardContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledCard: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/card-selection-modal/CardSelectionModal.styled.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js"),d=require("../../constants/Theme.js");const l=c.default("div","production"===process.env.NODE_ENV?{target:"epoh28g1"}:{target:"epoh28g1",label:"StyledCardContainer"})("production"===process.env.NODE_ENV?{name:"1psm388",styles:"display:flex;flex-direction:column;gap:12px;.cards__wrapper{padding:0 24px;display:flex;flex-wrap:wrap;gap:16px;}.info__wrapper{padding:0 24px 24px 24px;display:flex;align-items:center;gap:4px;}"}:{name:"1psm388",styles:"display:flex;flex-direction:column;gap:12px;.cards__wrapper{padding:0 24px;display:flex;flex-wrap:wrap;gap:16px;}.info__wrapper{padding:0 24px 24px 24px;display:flex;align-items:center;gap:4px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmRTZWxlY3Rpb25Nb2RhbC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUU4QyIsImZpbGUiOiJDYXJkU2VsZWN0aW9uTW9kYWwuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENhcmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0Z2FwOiAxMnB4O1xuXHQuY2FyZHNfX3dyYXBwZXIge1xuXHRcdHBhZGRpbmc6IDAgMjRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtd3JhcDogd3JhcDtcblx0XHRnYXA6IDE2cHg7XG5cdH1cblx0LmluZm9fX3dyYXBwZXIge1xuXHRcdHBhZGRpbmc6IDAgMjRweCAyNHB4IDI0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGdhcDogNHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMjEycHg7XG5cdHBhZGRpbmc6IDE2cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogOHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3VyZmFjZS5zdGFuZGFyZH07XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdXJmYWNlLmhvdmVyZWR9O1xuXHR9XG5cblx0Lmljb25fX2NvbnRhaW5lciB7XG5cdFx0d2lkdGg6IDQ4cHg7XG5cdFx0aGVpZ2h0OiA0OHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNhcmRTZWxlY3Rpb25Nb2RhbC5zdHlsZWQuanMubWFwIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),b=c.default("div","production"===process.env.NODE_ENV?{target:"epoh28g0"}:{target:"epoh28g0",label:"StyledCard"})("width:212px;padding:16px;display:flex;flex-direction:column;gap:8px;background-color:",d.DEFAULT_THEME.colorsV2.surface.standard,";border:1px solid ",d.DEFAULT_THEME.colorsV2.stroke.primary,";border-radius:4px;cursor:pointer;&:hover{background-color:",d.DEFAULT_THEME.colorsV2.surface.hovered,";}.icon__container{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:",d.DEFAULT_THEME.colorsV2.background.brandLight,";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmRTZWxlY3Rpb25Nb2RhbC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CcUMiLCJmaWxlIjoiQ2FyZFNlbGVjdGlvbk1vZGFsLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWRDYXJkQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTJweDtcblx0LmNhcmRzX193cmFwcGVyIHtcblx0XHRwYWRkaW5nOiAwIDI0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LXdyYXA6IHdyYXA7XG5cdFx0Z2FwOiAxNnB4O1xuXHR9XG5cdC5pbmZvX193cmFwcGVyIHtcblx0XHRwYWRkaW5nOiAwIDI0cHggMjRweCAyNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRnYXA6IDRweDtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENhcmQgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDIxMnB4O1xuXHRwYWRkaW5nOiAxNnB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDhweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3Ryb2tlLnByaW1hcnl9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblxuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3VyZmFjZS5ob3ZlcmVkfTtcblx0fVxuXG5cdC5pY29uX19jb250YWluZXIge1xuXHRcdHdpZHRoOiA0OHB4O1xuXHRcdGhlaWdodDogNDhweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DYXJkU2VsZWN0aW9uTW9kYWwuc3R5bGVkLmpzLm1hcCJdfQ== */"));exports.StyledCard=b,exports.StyledCardContainer=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),d=require("../../constants/Theme.js");function l(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var b=l(c);const e=b.default("div","production"===process.env.NODE_ENV?{target:"epoh28g1"}:{target:"epoh28g1",label:"StyledCardContainer"})("production"===process.env.NODE_ENV?{name:"1psm388",styles:"display:flex;flex-direction:column;gap:12px;.cards__wrapper{padding:0 24px;display:flex;flex-wrap:wrap;gap:16px;}.info__wrapper{padding:0 24px 24px 24px;display:flex;align-items:center;gap:4px;}"}:{name:"1psm388",styles:"display:flex;flex-direction:column;gap:12px;.cards__wrapper{padding:0 24px;display:flex;flex-wrap:wrap;gap:16px;}.info__wrapper{padding:0 24px 24px 24px;display:flex;align-items:center;gap:4px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmRTZWxlY3Rpb25Nb2RhbC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUU4QyIsImZpbGUiOiJDYXJkU2VsZWN0aW9uTW9kYWwuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENhcmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0Z2FwOiAxMnB4O1xuXHQuY2FyZHNfX3dyYXBwZXIge1xuXHRcdHBhZGRpbmc6IDAgMjRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtd3JhcDogd3JhcDtcblx0XHRnYXA6IDE2cHg7XG5cdH1cblx0LmluZm9fX3dyYXBwZXIge1xuXHRcdHBhZGRpbmc6IDAgMjRweCAyNHB4IDI0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGdhcDogNHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMjEycHg7XG5cdHBhZGRpbmc6IDE2cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogOHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3VyZmFjZS5zdGFuZGFyZH07XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdXJmYWNlLmhvdmVyZWR9O1xuXHR9XG5cblx0Lmljb25fX2NvbnRhaW5lciB7XG5cdFx0d2lkdGg6IDQ4cHg7XG5cdFx0aGVpZ2h0OiA0OHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNhcmRTZWxlY3Rpb25Nb2RhbC5zdHlsZWQuanMubWFwIl19 */",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)."}}),X=b.default("div","production"===process.env.NODE_ENV?{target:"epoh28g0"}:{target:"epoh28g0",label:"StyledCard"})("width:212px;padding:16px;display:flex;flex-direction:column;gap:8px;background-color:",d.DEFAULT_THEME.colorsV2.surface.standard,";border:1px solid ",d.DEFAULT_THEME.colorsV2.stroke.primary,";border-radius:4px;cursor:pointer;&:hover{background-color:",d.DEFAULT_THEME.colorsV2.surface.hovered,";}.icon__container{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:",d.DEFAULT_THEME.colorsV2.background.brandLight,";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmRTZWxlY3Rpb25Nb2RhbC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CcUMiLCJmaWxlIjoiQ2FyZFNlbGVjdGlvbk1vZGFsLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWRDYXJkQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTJweDtcblx0LmNhcmRzX193cmFwcGVyIHtcblx0XHRwYWRkaW5nOiAwIDI0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LXdyYXA6IHdyYXA7XG5cdFx0Z2FwOiAxNnB4O1xuXHR9XG5cdC5pbmZvX193cmFwcGVyIHtcblx0XHRwYWRkaW5nOiAwIDI0cHggMjRweCAyNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRnYXA6IDRweDtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENhcmQgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDIxMnB4O1xuXHRwYWRkaW5nOiAxNnB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDhweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3Ryb2tlLnByaW1hcnl9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblxuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3VyZmFjZS5ob3ZlcmVkfTtcblx0fVxuXG5cdC5pY29uX19jb250YWluZXIge1xuXHRcdHdpZHRoOiA0OHB4O1xuXHRcdGhlaWdodDogNDhweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DYXJkU2VsZWN0aW9uTW9kYWwuc3R5bGVkLmpzLm1hcCJdfQ== */"));exports.StyledCard=X,exports.StyledCardContainer=e;

package/dist/cjs/components/card-selector/CardSelector.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../../constants/Theme.js"),s=require("../spinner/Spinner.js"),i=require("../tooltips/Tooltip.js"),n=require("../TypographyStyle.js"),l=require("./CardSelector.styled.js");const o=i=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:i.loading?e.jsxRuntimeExports.jsx(l.Loader,{children:e.jsxRuntimeExports.jsx(s.Spinner,{size:"large"})}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[(null==i?void 0:i.icon)&&e.jsxRuntimeExports.jsx("div",Object.assign({style:{width:24,height:24}},{children:e.jsxRuntimeExports.jsx(i.icon,{width:24,color:i.selected?t.COLORS.content.brand:i.disabled?t.COLORS.content.inactive:t.COLORS.content.placeholder})})),e.jsxRuntimeExports.jsxs("div",Object.assign({"data-test":null==i?void 0:i.dataTestId},{children:[i.title&&e.jsxRuntimeExports.jsx(n.TitleSmall,Object.assign({style:{color:i.selected?t.COLORS.content.brand:i.disabled?t.COLORS.content.inactive:t.COLORS.content.secondary}},{children:i.title})),i.subtitle&&e.jsxRuntimeExports.jsx(n.BodyCaption,Object.assign({style:{marginTop:i.title?4:0,color:i.selected?t.COLORS.content.brand:i.disabled?t.COLORS.content.inactive:t.COLORS.content.secondary}},{children:i.subtitle}))]}))]})});exports.CardSelector=t=>{var s,n,r,d;return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t.tooltip?e.jsxRuntimeExports.jsx(i.Tooltip,Object.assign({title:t.tooltip},{children:e.jsxRuntimeExports.jsx(l.Container,Object.assign({style:{alignItems:t.title&&t.subtitle?"flex-start":"center"},selected:t.selected,disabled:null!==(s=t.disabled)&&void 0!==s&&s,loading:null!==(n=t.loading)&&void 0!==n&&n,onClick:()=>{t.disabled||t.loading||t.onCardClick(t.id)},isTooltipPresent:!!t.tooltip},{children:e.jsxRuntimeExports.jsx(o,Object.assign({},t))}))})):e.jsxRuntimeExports.jsx(l.Container,Object.assign({style:{alignItems:t.title&&t.subtitle?"flex-start":"center"},selected:t.selected,disabled:null!==(r=t.disabled)&&void 0!==r&&r,loading:null!==(d=t.loading)&&void 0!==d&&d,onClick:()=>{t.disabled||t.loading||t.onCardClick(t.id)},isTooltipPresent:!!t.tooltip},{children:e.jsxRuntimeExports.jsx(o,Object.assign({},t))}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),i=require("../spinner/Spinner.js"),l=require("../tooltips/Tooltip.js"),n=require("../TypographyStyle.js"),s=require("./CardSelector.styled.js");const d=l=>e.jsx(e.Fragment,{children:l.loading?e.jsx(s.Loader,{children:e.jsx(i.Spinner,{size:"large"})}):e.jsxs(e.Fragment,{children:[(null==l?void 0:l.icon)&&e.jsx("div",Object.assign({style:{width:24,height:24}},{children:e.jsx(l.icon,{width:24,color:l.selected?t.COLORS.content.brand:l.disabled?t.COLORS.content.inactive:t.COLORS.content.placeholder})})),e.jsxs("div",Object.assign({"data-test":null==l?void 0:l.dataTestId},{children:[l.title&&e.jsx(n.TitleSmall,Object.assign({style:{color:l.selected?t.COLORS.content.brand:l.disabled?t.COLORS.content.inactive:t.COLORS.content.secondary}},{children:l.title})),l.subtitle&&e.jsx(n.BodyCaption,Object.assign({style:{marginTop:l.title?4:0,color:l.selected?t.COLORS.content.brand:l.disabled?t.COLORS.content.inactive:t.COLORS.content.secondary}},{children:l.subtitle}))]}))]})});exports.CardSelector=t=>{var i,n,o,r;return e.jsx(e.Fragment,{children:t.tooltip?e.jsx(l.Tooltip,Object.assign({title:t.tooltip},{children:e.jsx(s.Container,Object.assign({style:{alignItems:t.title&&t.subtitle?"flex-start":"center"},selected:t.selected,disabled:null!==(i=t.disabled)&&void 0!==i&&i,loading:null!==(n=t.loading)&&void 0!==n&&n,onClick:()=>{t.disabled||t.loading||t.onCardClick(t.id)},isTooltipPresent:!!t.tooltip},{children:e.jsx(d,Object.assign({},t))}))})):e.jsx(s.Container,Object.assign({style:{alignItems:t.title&&t.subtitle?"flex-start":"center"},selected:t.selected,disabled:null!==(o=t.disabled)&&void 0!==o&&o,loading:null!==(r=t.loading)&&void 0!==r&&r,onClick:()=>{t.disabled||t.loading||t.onCardClick(t.id)},isTooltipPresent:!!t.tooltip},{children:e.jsx(d,Object.assign({},t))}))})};

package/dist/cjs/components/card-selector/CardSelectorGroup.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("./CardSelector.js");exports.CardSelectorGroup=i=>e.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",flexDirection:"vertical"===i.align?"column":"row",gap:i.gap||16}},{children:i.cards.map((s=>e.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",flex:1}},{children:e.jsxRuntimeExports.jsx(t.CardSelector,{"data-test":i["data-test"],id:s.id,icon:s.icon,title:s.title,subtitle:s.subtitle,selected:s.selected,onCardClick:i.onClick,loading:s.loading,disabled:s.disabled,dataTestId:s.dataTestId,tooltip:s.tooltip})}),s.id)))}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./CardSelector.js");exports.CardSelectorGroup=i=>e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"vertical"===i.align?"column":"row",gap:i.gap||16}},{children:i.cards.map((l=>e.jsx("div",Object.assign({style:{display:"flex",flex:1}},{children:e.jsx(t.CardSelector,{"data-test":i["data-test"],id:l.id,icon:l.icon,title:l.title,subtitle:l.subtitle,selected:l.selected,onCardClick:i.onClick,loading:l.loading,disabled:l.disabled,dataTestId:l.dataTestId,tooltip:l.tooltip})}),l.id)))}));

package/dist/cjs/components/carousel/carousel.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../../assets/icons/chevronLeft.svg.js"),s=require("../../assets/icons/chevronRight.svg.js"),r=require("@trendyol-js/react-carousel"),i=require("styled-components");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=()=>e.jsxRuntimeExports.jsx(x,Object.assign({className:"left"},{children:e.jsxRuntimeExports.jsx(t.default,{width:16,height:16,color:"#fff"})})),a=()=>e.jsxRuntimeExports.jsx(x,Object.assign({className:"right"},{children:e.jsxRuntimeExports.jsx(s.default,{width:16,height:16,color:"#fff"})})),x=o(i).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../assets/icons/chevronLeft.svg.js"),t=require("../../assets/icons/chevronRight.svg.js"),s=require("@trendyol-js/react-carousel"),i=require("styled-components");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=()=>e.jsx(l,Object.assign({className:"left"},{children:e.jsx(r.default,{width:16,height:16,color:"#fff"})})),a=()=>e.jsx(l,Object.assign({className:"right"},{children:e.jsx(t.default,{width:16,height:16,color:"#fff"})})),l=n(i).default.div`
 	cursor: pointer;
 	margin: 0 8px;
 	width: 50px;
@@ -19,4 +19,4 @@
 		transform: translate(0%, -50%);
 		right: 0;
 	}
-`;exports.Carousel=t=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(r.Carousel,Object.assign({leftArrow:e.jsxRuntimeExports.jsx(n,{}),rightArrow:e.jsxRuntimeExports.jsx(a,{})},t,{children:t.children}))});
+`;exports.Carousel=r=>e.jsx(e.Fragment,{children:e.jsx(s.Carousel,Object.assign({leftArrow:e.jsx(o,{}),rightArrow:e.jsx(a,{})},r,{children:r.children}))});

package/dist/cjs/components/carousel-preview/CarouselPreview.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),r=require("react"),s=require("react-slick"),t=require("./CarouselPreview.style.js"),o=require("./CarouselPreviewCard.js"),l=require("../template-context-mapper/context/templateModalContext.js"),n=require("../template-preview/helpers/templateMiscHelper.js"),i=require("../template-preview/RCS/RCSPreview.styled.js"),a=require("./CustomCarouselArrows.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=u(r),c=u(s);const p=d.default.forwardRef((r=>{let{channel:s,template:a,isPreview:u,removeBottomBorder:d,borderRadius:c,showArrows:p,hideBorder:x,showSampleValues:v}=r;var C,w;const{sliderRef:j,selectedCarouselIndex:h,cardCount:R,setIsCarouselHovered:f,cardIndex:P}=l.useTemplateModalContext(),g=-1==P?n.determineCardIndex(s):P,I=null===(w=null===(C=null==a?void 0:a.components)||void 0===C?void 0:C[g])||void 0===w?void 0:w.cards,S=(null==I?void 0:I.length)?e.jsxRuntimeExports.jsx(m,{cards:I,cardCount:null!=R?R:0,selectedCarouselIndex:null!=h?h:-1,sliderRef:j,isPreview:u,showArrows:p,channel:s,template:a,setIsCarouselHovered:f,showSampleValues:!!v}):null;return n.isRCSChannel(s)?e.jsxRuntimeExports.jsx(i.RCSCarousalContainer,Object.assign({borderRadius:c},{children:S})):e.jsxRuntimeExports.jsxs(t.Container,Object.assign({removeBottomBorder:d,borderRadius:c,hideBorder:x},{children:[e.jsxRuntimeExports.jsx(o.default,{channel:s,currentTemplate:a,carouselCardIndex:-1,isPreview:u,width:"77%"}),S]}))})),m=r=>{let{cards:s,cardCount:l,selectedCarouselIndex:n,sliderRef:i,isPreview:u,showArrows:d,channel:p,template:m,setIsCarouselHovered:x,showSampleValues:v}=r;return e.jsxRuntimeExports.jsx(t.CarouselSlickContainer,Object.assign({cardCount:l,selectedCarouselIndex:n,onMouseEnter:()=>null==x?void 0:x(!0),onMouseLeave:()=>null==x?void 0:x(!1)},{children:e.jsxRuntimeExports.jsx(c.default,Object.assign({ref:i,swipeToSlide:!0,draggable:!0,swipe:!0,infinite:!1,focusOnSelect:!u,centerMode:!0,arrows:d,adaptiveHeight:!0,nextArrow:e.jsxRuntimeExports.jsx(a.CustomCarouselRightArrow,{isPreview:null!=u&&u}),prevArrow:e.jsxRuntimeExports.jsx(a.CustomCarouselLeftArrow,{isPreview:null!=u&&u})},{children:null==s?void 0:s.map(((r,s)=>{var t,l;const n={components:r.components,mapping:null===(l=null===(t=null==m?void 0:m.mapping)||void 0===t?void 0:t.cards)||void 0===l?void 0:l[s],content:null==m?void 0:m.content,templateType:null==m?void 0:m.templateType};return e.jsxRuntimeExports.jsx(o.default,{channel:p,currentTemplate:n,carouselCardIndex:s,isPreview:u,width:"100%",showSampleValues:v},s)}))}))}))};exports.CarouselPreview=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("react-slick"),s=require("./CarouselPreview.style.js"),t=require("./CarouselPreviewCard.js"),o=require("../template-context-mapper/context/templateModalContext.js"),a=require("../template-preview/helpers/templateMiscHelper.js"),n=require("../template-preview/RCS/RCSPreview.styled.js"),i=require("./CustomCarouselArrows.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(r),c=d(l);const v=u.default.forwardRef((r=>{let{channel:l,template:i,isPreview:d,removeBottomBorder:u,borderRadius:c,showArrows:v,hideBorder:C,showSampleValues:w}=r;var m,h;const{sliderRef:x,selectedCarouselIndex:j,cardCount:f,setIsCarouselHovered:P,cardIndex:R}=o.useTemplateModalContext(),g=-1==R?a.determineCardIndex(l):R,I=null===(h=null===(m=null==i?void 0:i.components)||void 0===m?void 0:m[g])||void 0===h?void 0:h.cards,S=(null==I?void 0:I.length)?e.jsx(p,{cards:I,cardCount:null!=f?f:0,selectedCarouselIndex:null!=j?j:-1,sliderRef:x,isPreview:d,showArrows:v,channel:l,template:i,setIsCarouselHovered:P,showSampleValues:!!w}):null;return a.isRCSChannel(l)?e.jsx(n.RCSCarousalContainer,Object.assign({borderRadius:c},{children:S})):e.jsxs(s.Container,Object.assign({removeBottomBorder:u,borderRadius:c,hideBorder:C},{children:[e.jsx(t.default,{channel:l,currentTemplate:i,carouselCardIndex:-1,isPreview:d,width:"77%"}),S]}))})),p=r=>{let{cards:l,cardCount:o,selectedCarouselIndex:a,sliderRef:n,isPreview:d,showArrows:u,channel:v,template:p,setIsCarouselHovered:C,showSampleValues:w}=r;return e.jsx(s.CarouselSlickContainer,Object.assign({cardCount:o,selectedCarouselIndex:a,onMouseEnter:()=>null==C?void 0:C(!0),onMouseLeave:()=>null==C?void 0:C(!1)},{children:e.jsx(c.default,Object.assign({ref:n,swipeToSlide:!0,draggable:!0,swipe:!0,infinite:!1,focusOnSelect:!d,centerMode:!0,arrows:u,adaptiveHeight:!0,nextArrow:e.jsx(i.CustomCarouselRightArrow,{isPreview:null!=d&&d}),prevArrow:e.jsx(i.CustomCarouselLeftArrow,{isPreview:null!=d&&d})},{children:null==l?void 0:l.map(((r,l)=>{var s,o;const a={components:r.components,mapping:null===(o=null===(s=null==p?void 0:p.mapping)||void 0===s?void 0:s.cards)||void 0===o?void 0:o[l],content:null==p?void 0:p.content,templateType:null==p?void 0:p.templateType};return e.jsx(t.default,{channel:v,currentTemplate:a,carouselCardIndex:l,isPreview:d,width:"100%",showSampleValues:w},l)}))}))}))};exports.CarouselPreview=v;

package/dist/cjs/components/carousel-preview/CarouselPreviewCard.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react"),r=require("../template-context-mapper/context/templateModalContext.js"),a=require("../template-preview/TemplatePreview.js");require("../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),require("../../constants/Theme.js"),require("../curtain/CurtainHelper.js"),require("../variable-picker-v3/model.js"),require("../template-preview/models/TemplateMeta.js"),require("../template-preview/models/WhatsAppTemplate.js"),require("../template-preview/models/Channels.js");var i=require("../template-preview/helpers/templateMiscHelper.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const s=l(t).default.forwardRef((t=>{let{channel:l,currentTemplate:s,showSampleValues:p,carouselCardIndex:n,isPreview:u,width:o}=t;var d,m,c;const{cardWidth:v,template:h,cardIndex:j}=r.useTemplateModalContext(),w=-1==j?i.determineCardIndex(l):j,x=(null!==(c=null===(m=null===(d=null==h?void 0:h.components)||void 0===d?void 0:d[w].cards)||void 0===m?void 0:m.length)&&void 0!==c?c:0)-1===n?12:0;return e.jsxRuntimeExports.jsx("div",Object.assign({style:{width:o||v,height:(null!=n?n:-1)>-1?"100%":"auto"}},{children:e.jsxRuntimeExports.jsx(a.TemplatePreview,{showSampleValues:p,template:s,channel:l,size:"small",hideHeader:!0,carouselCardIndex:n,isWhatsappCarousel:!0,isPreview:u,whatsAppSpecificMeta:{templateContainerStyles:{marginRight:x,height:"100%"}}})}))}));exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../template-context-mapper/context/templateModalContext.js"),a=require("../template-preview/TemplatePreview.js");require("../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),require("../../constants/Theme.js"),require("../curtain/CurtainHelper.js"),require("../variable-picker-v3/model.js"),require("../template-preview/models/TemplateMeta.js"),require("../template-preview/models/WhatsAppTemplate.js"),require("../template-preview/models/Channels.js");var i=require("../template-preview/helpers/templateMiscHelper.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const s=l(t).default.forwardRef((t=>{let{channel:l,currentTemplate:s,showSampleValues:p,carouselCardIndex:n,isPreview:u,width:d}=t;var o,m,c;const{cardWidth:v,template:h,cardIndex:w}=r.useTemplateModalContext(),j=-1==w?i.determineCardIndex(l):w,q=(null!==(c=null===(m=null===(o=null==h?void 0:h.components)||void 0===o?void 0:o[j].cards)||void 0===m?void 0:m.length)&&void 0!==c?c:0)-1===n?12:0;return e.jsx("div",Object.assign({style:{width:d||v,height:(null!=n?n:-1)>-1?"100%":"auto"}},{children:e.jsx(a.TemplatePreview,{showSampleValues:p,template:s,channel:l,size:"small",hideHeader:!0,carouselCardIndex:n,isWhatsappCarousel:!0,isPreview:u,whatsAppSpecificMeta:{templateContainerStyles:{marginRight:q,height:"100%"}}})}))}));exports.default=s;

package/dist/cjs/components/carousel-preview/CustomCarouselArrows.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),s=require("../../assets/icons/chevronLeft.svg.js"),t=require("../../assets/icons/chevronRight.svg.js"),n=require("../../constants/Theme.js"),l=require("../template-context-mapper/context/templateModalContext.js");exports.CustomCarouselLeftArrow=t=>{const{className:o,style:r,onClick:i,isPreview:a}=t,{selectedCarouselIndex:u,setSelectedCarouselIndex:c}=l.useTemplateModalContext();return e.jsxRuntimeExports.jsx("div",Object.assign({className:o,style:Object.assign(Object.assign({},r),{display:i&&(null!=u?u:-1)>-1||a?"flex":"none",content:"none"}),onClick:e=>{null==i||i(e),(null!=u?u:-1)<1||a||null==c||c((null!=u?u:-1)-1)}},{children:e.jsxRuntimeExports.jsx(s.default,{height:10,width:10,color:n.COLORS.content.primary})}))},exports.CustomCarouselRightArrow=s=>{const{className:o,style:r,onClick:i,isPreview:a}=s,{selectedCarouselIndex:u,setSelectedCarouselIndex:c,cardCount:x}=l.useTemplateModalContext();return e.jsxRuntimeExports.jsx("div",Object.assign({className:o,style:Object.assign(Object.assign({},r),{display:i&&(null!=u?u:-1)>-1||a?"flex":"none",content:"none"}),onClick:e=>{null==i||i(e),(null!=u?u:-1)>=(null!=x?x:-1)-1||a||null==c||c((null!=u?u:-1)+1)}},{children:e.jsxRuntimeExports.jsx(t.default,{height:10,width:10,color:n.COLORS.content.primary})}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/chevronLeft.svg.js"),t=require("../../assets/icons/chevronRight.svg.js"),l=require("../../constants/Theme.js"),n=require("../template-context-mapper/context/templateModalContext.js");exports.CustomCarouselLeftArrow=t=>{const{className:o,style:r,onClick:a,isPreview:c}=t,{selectedCarouselIndex:i,setSelectedCarouselIndex:u}=n.useTemplateModalContext();return e.jsx("div",Object.assign({className:o,style:Object.assign(Object.assign({},r),{display:a&&(null!=i?i:-1)>-1||c?"flex":"none",content:"none"}),onClick:e=>{null==a||a(e),(null!=i?i:-1)<1||c||null==u||u((null!=i?i:-1)-1)}},{children:e.jsx(s.default,{height:10,width:10,color:l.COLORS.content.primary})}))},exports.CustomCarouselRightArrow=s=>{const{className:o,style:r,onClick:a,isPreview:c}=s,{selectedCarouselIndex:i,setSelectedCarouselIndex:u,cardCount:d}=n.useTemplateModalContext();return e.jsx("div",Object.assign({className:o,style:Object.assign(Object.assign({},r),{display:a&&(null!=i?i:-1)>-1||c?"flex":"none",content:"none"}),onClick:e=>{null==a||a(e),(null!=i?i:-1)>=(null!=d?d:-1)-1||c||null==u||u((null!=i?i:-1)+1)}},{children:e.jsx(t.default,{height:10,width:10,color:l.COLORS.content.primary})}))};

package/dist/cjs/components/carousel-secondary/CarouselSecondary.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),s=require("../../assets/icons/chevronLeft2.svg.js"),r=require("../../assets/icons/chevronLeft.svg.js"),t=require("../../assets/icons/chevronRight2.svg.js"),o=require("../../assets/icons/chevronRight.svg.js"),n=require("react"),i=require("../button/Button.js"),u=require("./CarouselSecondary.style.js"),a=require("./model.js");Object.defineProperty(exports,"CarouselVersion",{enumerable:!0,get:function(){return a.CarouselVersion}}),exports.CarouselSecondary=l=>{let{pages:c,onComplete:x,textAlign:j,version:d,onCompleteText:g}=l;const[m,C]=n.useState(0),p=n.useRef(null);return n.useEffect((()=>{p.current&&p.current.scrollTo({left:p.current.offsetWidth*m,behavior:"smooth"})}),[m]),e.jsxRuntimeExports.jsxs(u.CarouselContainer,Object.assign({version:d||a.CarouselVersion.V1},{children:[e.jsxRuntimeExports.jsx(u.CarouselBody,Object.assign({ref:p,textAlign:j},{children:c.map(((s,r)=>e.jsxRuntimeExports.jsx(u.CarouselPage,Object.assign({isActive:r===m},{children:s}),r)))})),e.jsxRuntimeExports.jsxs(u.CarouselFooter,Object.assign({version:d||a.CarouselVersion.V1},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({style:{visibility:d===a.CarouselVersion.V2&&0===m?"hidden":"visible"}},{children:e.jsxRuntimeExports.jsx(i.Button,{buttonText:"Back",buttonType:"tertiaryGray",onClick:()=>{C((e=>0===e?e:e-1))},size:d===a.CarouselVersion.V2?"small":"medium",LeadingIcon:d===a.CarouselVersion.V2?s.default:r.default,disabled:!m})})),e.jsxRuntimeExports.jsx(u.PageIndicator,{children:c.map(((s,r)=>e.jsxRuntimeExports.jsx(u.Indicator,{isActive:r===m,version:d||a.CarouselVersion.V1,onClick:()=>{C(r)}},r)))}),e.jsxRuntimeExports.jsx(i.Button,{buttonText:m===c.length-1?g||"Get started":"Next",buttonType:m===c.length-1||d===a.CarouselVersion.V2?"tertiary":"tertiaryGray",onClick:()=>{C((e=>e===c.length-1?e:e+1)),m===c.length-1&&x()},size:d===a.CarouselVersion.V2?"small":"medium",TrailingIcon:m<c.length-1?d===a.CarouselVersion.V2?t.default:o.default:void 0,style:d===a.CarouselVersion.V2?{}:{background:"transparent"}})]}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/chevronLeft2.svg.js"),r=require("../../assets/icons/chevronLeft.svg.js"),t=require("../../assets/icons/chevronRight2.svg.js"),o=require("../../assets/icons/chevronRight.svg.js"),n=require("react"),i=require("../button/Button.js"),a=require("./CarouselSecondary.style.js"),l=require("./model.js");Object.defineProperty(exports,"CarouselVersion",{enumerable:!0,get:function(){return l.CarouselVersion}}),exports.CarouselSecondary=u=>{let{pages:c,onComplete:d,textAlign:g,version:j,onCompleteText:C}=u;const[V,h]=n.useState(0),v=n.useRef(null);return n.useEffect((()=>{v.current&&v.current.scrollTo({left:v.current.offsetWidth*V,behavior:"smooth"})}),[V]),e.jsxs(a.CarouselContainer,Object.assign({version:j||l.CarouselVersion.V1},{children:[e.jsx(a.CarouselBody,Object.assign({ref:v,textAlign:g},{children:c.map(((s,r)=>e.jsx(a.CarouselPage,Object.assign({isActive:r===V},{children:s}),r)))})),e.jsxs(a.CarouselFooter,Object.assign({version:j||l.CarouselVersion.V1},{children:[e.jsx("div",Object.assign({style:{visibility:j===l.CarouselVersion.V2&&0===V?"hidden":"visible"}},{children:e.jsx(i.Button,{buttonText:"Back",buttonType:"tertiaryGray",onClick:()=>{h((e=>0===e?e:e-1))},size:j===l.CarouselVersion.V2?"small":"medium",LeadingIcon:j===l.CarouselVersion.V2?s.default:r.default,disabled:!V})})),e.jsx(a.PageIndicator,{children:c.map(((s,r)=>e.jsx(a.Indicator,{isActive:r===V,version:j||l.CarouselVersion.V1,onClick:()=>{h(r)}},r)))}),e.jsx(i.Button,{buttonText:V===c.length-1?C||"Get started":"Next",buttonType:V===c.length-1||j===l.CarouselVersion.V2?"tertiary":"tertiaryGray",onClick:()=>{h((e=>e===c.length-1?e:e+1)),V===c.length-1&&d()},size:j===l.CarouselVersion.V2?"small":"medium",TrailingIcon:V<c.length-1?j===l.CarouselVersion.V2?t.default:o.default:void 0,style:j===l.CarouselVersion.V2?{}:{background:"transparent"}})]}))]}))};

package/dist/cjs/components/carousel-secondary/CarouselSecondary.style.d.ts

@@ -2,35 +2,35 @@
 import { CarouselVersion } from './model';
 export declare const CarouselContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     version?: CarouselVersion | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CarouselBody: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     textAlign: string | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CarouselPage: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     isActive: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CarouselFooter: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     version?: CarouselVersion | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const PageIndicator: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Indicator: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     isActive: boolean;
     version?: CarouselVersion | undefined;