@bikdotai/bik-component-library 0.0.999-beta-switch → 0.0.3202-beta.1

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export interface FeatureModalProps {
+    zIndex?: number;
+    disableCross?: boolean;
+    onClickingCross: () => void;
+    otherContent?: JSX.Element;
+    onUpgrade?: () => void;
+    primaryButtonText?: string;
+    title?: string;
+    subTitle?: string;
+    showBookADemo?: boolean;
+    demoLink?: string;
+}
+export declare const FeatureModal: React.FC<FeatureModalProps>;

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

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

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface FeatureModalV2Props {
+    zIndex?: number;
+    otherContent?: JSX.Element;
+    onUpgrade?: () => void;
+    primaryButtonText?: string;
+    title?: string;
+    subTitle?: string;
+    onClose?: () => void;
+    featureImage?: string;
+}
+export declare const FeatureModalV2: React.FC<FeatureModalV2Props>;

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

@@ -0,0 +1 @@
+import{jsx as t,Fragment as e,jsxs as o}from"react/jsx-runtime";import{useState as a,Fragment as r}from"react";import n from"react-dom";import{COLORS as s}from"../../constants/Theme.js";import{Button as i}from"../button/Button.js";import{StyledModal as c}from"../modals/styledModal.js";import{TitleMedium as l,BodySecondary as m}from"../TypographyStyle.js";import{FeatureModalV2Container as d}from"./CommonStyles.js";const b=b=>{const{zIndex:u,otherContent:y,onUpgrade:p,title:g,subTitle:f,primaryButtonText:h,onClose:j,featureImage:x}=b,O=g||"Start your 14-day free trial to test your AI assistant on your website",C=f||"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.",T=x||"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",[w,k]=a(!0);return n.createPortal(t(c,Object.assign({zIndex:u,open:w,onClose:function(){j&&j(),k(!1)},closeOnOutsideClick:!0,centralContainerStyles:{maxWidth:"568px"}},{children:t(d,{children:y?t(e,{children:y}):o(r,{children:[t("div",Object.assign({className:"top-feature-content"},{children:t("img",{src:T,alt:"general-icon"})})),o("div",Object.assign({className:"bottom-feature-content"},{children:[t(l,Object.assign({className:"title-class text-align-center mt-8",style:{textAlign:"center"}},{children:O})),t(m,Object.assign({className:"text-align-center",style:{color:s.content.secondary}},{children:C})),t("div",Object.assign({className:"cta-buttons"},{children:t(i,{buttonText:h||"Upgrade to growth plan",buttonType:"primary",size:"large",onClick:()=>{p&&p(),k(!1)}})}))]}))]})})})),document.body)};export{b as FeatureModalV2};

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

@@ -0,0 +1,61 @@
+/// <reference types="react" />
+export declare const Menus: ({
+    displayName: string;
+    key: number;
+    icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    activeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    hoverIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    children: {
+        displayName: string;
+        key: number;
+    }[];
+    showAccessUpgradePanel?: undefined;
+    is2ndLastSticky?: undefined;
+    isLastSticky?: undefined;
+} | {
+    displayName: string;
+    key: number;
+    icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    activeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    hoverIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    children?: undefined;
+    showAccessUpgradePanel?: undefined;
+    is2ndLastSticky?: undefined;
+    isLastSticky?: undefined;
+} | {
+    displayName: string;
+    key: number;
+    icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    activeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    hoverIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    showAccessUpgradePanel: boolean;
+    children: {
+        displayName: string;
+        key: number;
+    }[];
+    is2ndLastSticky?: undefined;
+    isLastSticky?: undefined;
+} | {
+    displayName: string;
+    key: number;
+    icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    activeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    hoverIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    is2ndLastSticky: boolean;
+    children?: undefined;
+    showAccessUpgradePanel?: undefined;
+    isLastSticky?: undefined;
+} | {
+    displayName: string;
+    key: number;
+    icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    activeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    hoverIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    isLastSticky: boolean;
+    children: {
+        displayName: string;
+        key: number;
+    }[];
+    showAccessUpgradePanel?: undefined;
+    is2ndLastSticky?: undefined;
+})[];

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface LoaderProps {
+    message?: string;
+    subMessage?: string;
+}
+export declare const PageLoader: React.FC<LoaderProps>;

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as s}from"react/jsx-runtime";import{DEFAULT_THEME as r}from"../../constants/Theme.js";import{TitleMedium as o,BodyPrimary as n}from"../TypographyStyle.js";import{LoaderWrapper as m,LoadingMessageWrapper as t}from"./CommonStyles.js";const a=a=>e(m,{children:s("div",Object.assign({className:"inner"},{children:[e("span",{className:"loader"}),a.message&&s(t,{children:[e(o,{children:a.message}),e(n,Object.assign({style:{color:r.colorsV2.content.secondary,marginTop:8}},{children:a.subMessage}))]})]}))});export{a as PageLoader};

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface ShowShopifyRestrictedModalProps {
+    containerType: 'demo_store' | 'connect_shopify';
+    handleButtonClick: (type: 'shopify' | 'demo' | 'close') => void;
+    connectShopifyDescription?: string;
+    demoDescription?: string;
+    zIndex?: number;
+    triggerPosition?: {
+        top: number;
+        left: number;
+    };
+}
+export declare const ShowShopifyRestrictedModal: React.FC<ShowShopifyRestrictedModalProps>;

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import o from"react-dom";import{COLORS as n}from"../../constants/Theme.js";import i from"../../assets/icons/cross.svg.js";import{Button as s}from"../button/Button.js";import{TitleMedium as r,BodyPrimary as a}from"../TypographyStyle.js";import{FeatureModalContainer as c,RelativeModalContainer as l}from"./CommonStyles.js";const d=d=>{const{zIndex:m,containerType:h,handleButtonClick:p,triggerPosition:g,connectShopifyDescription:b,demoDescription:u}=d,y=e=>{p(e)},f=g&&window.innerHeight-g.top<100,j=g?{position:"fixed",top:f?"auto":g.top,bottom:f?"0":"auto",left:g.left,width:"unset",background:"none"}:{alignItems:"center",height:950,background:"linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 129.71%)"};return o.createPortal(e(c,Object.assign({zIndex:m,resetHeight:!0,style:j,relativePostion:!!g},{children:t(l,{children:[e("div",Object.assign({className:"cross-container",onClick:()=>y("close"),"aria-hidden":"true"},{children:e(i,{height:24,width:24,color:"#000000"})})),t("div","demo_store"==h?Object.assign({className:"demo-container"},{children:[e(r,Object.assign({color:n.background.negative.vibrant},{children:"Demo Store Limitations"})),e(a,{children:null!=u?u:"Apologies, but you are unable to save or take any actions as you are currently in the demo store."})]}):Object.assign({className:"content-layout"},{children:[e("div",Object.assign({className:"left-content"},{children:e("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"})})),t("div",Object.assign({className:"right-content"},{children:[e(r,{children:"Connect Shopify "}),e(a,Object.assign({style:{maxWidth:432}},{children:null!=b?b:"Connect Shopify to publish your bot on your Shopify store. Or, explore our demo store to see it in action."})),t("div",Object.assign({className:"cta-button-container"},{children:[e(s,{buttonText:"Connect shopify",buttonType:"primary",size:"small",onClick:()=>y("shopify")}),e(s,{buttonText:"View demo store",buttonType:"secondary",size:"small",onClick:()=>y("demo")})]}))]}))]}))]})})),document.body)};export{d as ShowShopifyRestrictedModal};

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { SidebarTheme } from './SimpleSidebar';
+export interface BikSidebarShimmerProps {
+    theme: SidebarTheme;
+    width?: number;
+    zIndex?: number;
+    left?: number;
+}
+export declare const SidebarSkeleton: React.FC<BikSidebarShimmerProps>;

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

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

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { SidebarTheme } from './SimpleSidebar';
+export declare const SideBarContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SibeBarMenuItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SimpleSidebarContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    postion?: "fixed" | "sticky" | undefined;
+    top?: number | undefined;
+    theme: SidebarTheme;
+    width?: number | undefined;
+    zIndex?: number | undefined;
+    left?: number | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1 @@
+import c from"@emotion/styled/base";import{COLORS as d}from"../../constants/Theme.js";const X=c("div","production"===process.env.NODE_ENV?{target:"e17yrcks2"}:{target:"e17yrcks2",label:"SideBarContainer"})("production"===process.env.NODE_ENV?{name:"1vc2gsk",styles:"background-color:#28034e;width:88px;justify-content:space-between;position:sticky;top:0;left:0;z-index:10;overflow-y:auto;height:100vh;.bik-header-logo{margin:24px 15.39px 8px 15.39px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:57px;height:20px;cursor:pointer;img{width:100%;height:100%;object-fit:container;}}.sticky-menu{@media (min-height: 768px){position:absolute;bottom:0px;width:85%;}}.sticky-menu-int{@media (min-height: 768px){position:absolute;bottom:64px;width:85%;}}"}:{name:"1vc2gsk",styles:"background-color:#28034e;width:88px;justify-content:space-between;position:sticky;top:0;left:0;z-index:10;overflow-y:auto;height:100vh;.bik-header-logo{margin:24px 15.39px 8px 15.39px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:57px;height:20px;cursor:pointer;img{width:100%;height:100%;object-fit:container;}}.sticky-menu{@media (min-height: 768px){position:absolute;bottom:0px;width:85%;}}.sticky-menu-int{@media (min-height: 768px){position:absolute;bottom:64px;width:85%;}}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXJTdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUUyQyIsImZpbGUiOiJTaWRlYmFyU3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgU2lkZUJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjMjgwMzRlO1xuXHR3aWR0aDogODhweDtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRwb3NpdGlvbjogc3RpY2t5O1xuXHR0b3A6IDA7XG5cdGxlZnQ6IDA7XG5cdHotaW5kZXg6IDEwO1xuXHRvdmVyZmxvdy15OiBhdXRvO1xuXHRoZWlnaHQ6IDEwMHZoO1xuXG5cdC5iaWstaGVhZGVyLWxvZ28ge1xuXHRcdG1hcmdpbjogMjRweCAxNS4zOXB4IDhweCAxNS4zOXB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHdpZHRoOiA1N3B4O1xuXHRcdGhlaWdodDogMjBweDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0aW1nIHtcblx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdFx0b2JqZWN0LWZpdDogY29udGFpbmVyO1xuXHRcdH1cblx0fVxuXG5cdC5zdGlja3ktbWVudSB7XG5cdFx0QG1lZGlhIChtaW4taGVpZ2h0OiA3NjhweCkge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0Ym90dG9tOiAwcHg7XG5cdFx0XHR3aWR0aDogODUlO1xuXHRcdH1cblx0fVxuXHQuc3RpY2t5LW1lbnUtaW50IHtcblx0XHRAbWVkaWEgKG1pbi1oZWlnaHQ6IDc2OHB4KSB7XG5cdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRib3R0b206IDY0cHg7XG5cdFx0XHR3aWR0aDogODUlO1xuXHRcdH1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IFNpYmVCYXJNZW51SXRlbSA9IHN0eWxlZC5kaXYgYFxuXHRtYXJnaW46IDE2cHggMHB4O1xuXHQubWFpbi0tc2lkZWJhciB7XG5cdFx0b3ZlcmZsb3cteTogYXV0bztcblx0XHRwYWRkaW5nOiAwcHggOHB4O1xuXHRcdG1hcmdpbi1ib3R0b206IDZweDtcblx0XHQ+ICoge1xuXHRcdFx0Z2FwOiA4cHg7XG5cdFx0fVxuXHR9XG5cblx0LnNpZGViYXItbWVudS1pdGVtIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Ym9yZGVyLXJhZGl1czogMTBweDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kO1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQ+ICoge1xuXHRcdFx0Z2FwOiAxMHB4O1xuXHRcdH1cblx0XHRwYWRkaW5nOiA4cHg7XG5cdH1cblxuXHQubWVudS1pdGVtLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQubWVudS1pdGVtLXRleHQge1xuXHRcdFx0Zm9udC1mYW1pbHk6ICdJbnRlcic7XG5cdFx0XHRmb250LXN0eWxlOiBub3JtYWw7XG5cdFx0XHRmb250LXdlaWdodDogNDAwO1xuXHRcdFx0Zm9udC1zaXplOiAxMnB4O1xuXHRcdFx0bGluZS1oZWlnaHQ6IDE2cHg7XG5cdFx0XHR1c2VyLXNlbGVjdDogbm9uZTtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnNlY29uZGFyeUludmVyc2V9O1xuXHRcdFx0bWFyZ2luLWJvdHRvbTogMHB4O1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdH1cblx0XHQuYWN0aXZlLW1lbnUtaXRlbS10ZXh0IHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcudmlicmFudH07XG5cdFx0fVxuXHR9XG5cdC5tYWluLW1lbnUtYWN0aXZlLWNsYXNzIHtcblx0XHRib3JkZXItcmFkaXVzOiAxMHB4O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICMzODEwNjI7XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQud2FybmluZy52aWJyYW50fTtcblx0fVxuXHQuc2lkZWJhci1tZW51LWl0ZW0taG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICMzODEwNjI7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zaWRlYmFyLW1lbnUtaXRlbTpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogIzM4MTA2Mjtcblx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaW1wbGVTaWRlYmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdC50cmFuc2Zvcm0tY2xhc3Mge1xuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRhbmltYXRpb246IGFuaW1hdGVib3R0b20gMC41cztcblx0XHR0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbjtcblx0fVxuXHRAa2V5ZnJhbWVzIGFuaW1hdGVib3R0b20ge1xuXHRcdGZyb20ge1xuXHRcdFx0d2lkdGg6IDg4cHg7XG5cdFx0XHRvcGFjaXR5OiAwO1xuXHRcdH1cblxuXHRcdHRvIHtcblx0XHRcdHdpZHRoOiAyMDBweDtcblx0XHRcdG9wYWNpdHk6IDE7XG5cdFx0fVxuXHR9XG5cdC5zaWRlYmFyLXJpZ2h0LW1lbnUge1xuXHRcdHBvc2l0aW9uOiAkeyhwcm9wcykgPT4gKHByb3BzLnBvc3Rpb24gPyBwcm9wcy5wb3N0aW9uIDogJ3N0aWNreScpfTtcblx0XHR0b3A6ICR7KHByb3BzKSA9PiAocHJvcHMudG9wID8gcHJvcHMudG9wIDogMCl9cHg7XG5cdFx0bGVmdDogJHsocHJvcHMpID0+IChwcm9wcy5sZWZ0ID8gcHJvcHMubGVmdCA6IDApfXB4OyAvLzg4XG5cdFx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6IDIwMCl9cHg7XG5cdFx0ei1pbmRleDogJHsocHJvcHMpID0+IChwcm9wcy56SW5kZXggPyBwcm9wcy56SW5kZXggOiAyKX07XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCcgPyAnIzM4MTA2MicgOiBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0aGVpZ2h0OiAxMDB2aDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtbWVudSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblx0XHRtYXJnaW4tYm90dG9tOiA4cHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdC5zdWItY2hpbGQtdGV4dCB7XG5cdFx0XHRjb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCcgPyBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZCA6ICcnfTtcblx0XHRcdG1hcmdpbi1ib3R0b206IDBweDtcblx0XHRcdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRcdFx0d2hpdGUtc3BhY2U6IG5vd3JhcDtcblx0XHRcdG92ZXJmbG93OiBoaWRkZW47XG5cdFx0XHR0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblx0XHR9XG5cdFx0LnN1Yi1jaGlsZC1hY3RpdmUtdGV4dCB7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAwcHggNHB4IDRweCAwcHg7XG5cdFx0XHR3aWR0aDogMnB4O1xuXHRcdFx0aGVpZ2h0OiAxMnB4O1xuXHRcdFx0YmFja2dyb3VuZDogd2hpdGU7XG5cdFx0fVxuXHRcdC5hY3RpdmUtYm9sZC13ZWlnaHQge1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDYwMDtcblx0XHR9XG5cdH1cblx0LnN1Yi1jaGlsZC1tZW51OmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUgPT0gJ2JyYW5kJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogQ09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtYWN0aXZlLW1lbnUge1xuXHRcdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnXHJcbiAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2VMaWdodFxyXG4gICAgOiBDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdH1cblx0LnN1Yi1jaGlsZC1kaXNwbGF5LW5hbWUge1xuXHRcdHBhZGRpbmc6IDE0cHggMTJweDtcblx0XHRjb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCdcclxuICAgID8gQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5SW52ZXJzZVxyXG4gICAgOiBDT0xPUlMudGV4dC5zZWNvbmRhcnl9O1xuXHR9XG5cdC5sb3dlci1zdGlja3ktcGFuZWwge1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRib3R0b206IDE2cHg7XG5cdFx0LnRpdGxlLXRleHQge1xuXHRcdFx0cGFkZGluZzogOHB4IDEycHg7XG5cdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0fVxuXHRcdC51cGdyYWRlLWJ1dHRvbiB7XG5cdFx0XHRtYXJnaW46IGF1dG87XG5cdFx0fVxuXHR9XG5cdC5zaWRlYmFyLXNrZWxldG9uIHtcblx0XHRwYWRkaW5nOiA4cHg7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVNpZGViYXJTdHlsZXMuanMubWFwIl19 */",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("div","production"===process.env.NODE_ENV?{target:"e17yrcks1"}:{target:"e17yrcks1",label:"SibeBarMenuItem"})("margin:16px 0px;.main--sidebar{overflow-y:auto;padding:0px 8px;margin-bottom:6px;>*{gap:8px;}}.sidebar-menu-item{display:flex;flex-direction:column;border-radius:10px;align-items:center;justify-content:space-around;cursor:pointer;padding:8px;>*{gap:10px;}}.menu-item-container{display:flex;flex-direction:row;cursor:pointer;.menu-item-text{font-family:'Inter';font-style:normal;font-weight:400;font-size:12px;line-height:16px;user-select:none;color:",d.content.secondaryInverse,";margin-bottom:0px;text-align:center;}.active-menu-item-text{color:",d.background.warning.vibrant,";}}.main-menu-active-class{border-radius:10px;background-color:#381062;color:",d.background.warning.vibrant,";}.sidebar-menu-item-hover{background:#381062;border-radius:8px;}.sidebar-menu-item:hover{background:#381062;border-radius:8px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXJTdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDMEMiLCJmaWxlIjoiU2lkZWJhclN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFNpZGVCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogIzI4MDM0ZTtcblx0d2lkdGg6IDg4cHg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cG9zaXRpb246IHN0aWNreTtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHR6LWluZGV4OiAxMDtcblx0b3ZlcmZsb3cteTogYXV0bztcblx0aGVpZ2h0OiAxMDB2aDtcblxuXHQuYmlrLWhlYWRlci1sb2dvIHtcblx0XHRtYXJnaW46IDI0cHggMTUuMzlweCA4cHggMTUuMzlweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR3aWR0aDogNTdweDtcblx0XHRoZWlnaHQ6IDIwcHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdGltZyB7XG5cdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdG9iamVjdC1maXQ6IGNvbnRhaW5lcjtcblx0XHR9XG5cdH1cblxuXHQuc3RpY2t5LW1lbnUge1xuXHRcdEBtZWRpYSAobWluLWhlaWdodDogNzY4cHgpIHtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdGJvdHRvbTogMHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cblx0LnN0aWNreS1tZW51LWludCB7XG5cdFx0QG1lZGlhIChtaW4taGVpZ2h0OiA3NjhweCkge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0Ym90dG9tOiA2NHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaWJlQmFyTWVudUl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0bWFyZ2luOiAxNnB4IDBweDtcblx0Lm1haW4tLXNpZGViYXIge1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0cGFkZGluZzogMHB4IDhweDtcblx0XHRtYXJnaW4tYm90dG9tOiA2cHg7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogOHB4O1xuXHRcdH1cblx0fVxuXG5cdC5zaWRlYmFyLW1lbnUtaXRlbSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogMTBweDtcblx0XHR9XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5cblx0Lm1lbnUtaXRlbS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Lm1lbnUtaXRlbS10ZXh0IHtcblx0XHRcdGZvbnQtZmFtaWx5OiAnSW50ZXInO1xuXHRcdFx0Zm9udC1zdHlsZTogbm9ybWFsO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0XHRcdGZvbnQtc2l6ZTogMTJweDtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHRcdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnlJbnZlcnNlfTtcblx0XHRcdG1hcmdpbi1ib3R0b206IDBweDtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHR9XG5cdFx0LmFjdGl2ZS1tZW51LWl0ZW0tdGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLnZpYnJhbnR9O1xuXHRcdH1cblx0fVxuXHQubWFpbi1tZW51LWFjdGl2ZS1jbGFzcyB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTBweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjMzgxMDYyO1xuXHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcudmlicmFudH07XG5cdH1cblx0LnNpZGViYXItbWVudS1pdGVtLWhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAjMzgxMDYyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc2lkZWJhci1tZW51LWl0ZW06aG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICMzODEwNjI7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2ltcGxlU2lkZWJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHQudHJhbnNmb3JtLWNsYXNzIHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0YW5pbWF0aW9uOiBhbmltYXRlYm90dG9tIDAuNXM7XG5cdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW47XG5cdH1cblx0QGtleWZyYW1lcyBhbmltYXRlYm90dG9tIHtcblx0XHRmcm9tIHtcblx0XHRcdHdpZHRoOiA4OHB4O1xuXHRcdFx0b3BhY2l0eTogMDtcblx0XHR9XG5cblx0XHR0byB7XG5cdFx0XHR3aWR0aDogMjAwcHg7XG5cdFx0XHRvcGFjaXR5OiAxO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1yaWdodC1tZW51IHtcblx0XHRwb3NpdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5wb3N0aW9uID8gcHJvcHMucG9zdGlvbiA6ICdzdGlja3knKX07XG5cdFx0dG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnRvcCA/IHByb3BzLnRvcCA6IDApfXB4O1xuXHRcdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMubGVmdCA/IHByb3BzLmxlZnQgOiAwKX1weDsgLy84OFxuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAyMDApfXB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGhlaWdodDogMTAwdmg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdHBhZGRpbmc6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLW1lbnUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0bWFyZ2luLWJvdHRvbTogOHB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQuc3ViLWNoaWxkLXRleHQge1xuXHRcdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAnJ307XG5cdFx0XHRtYXJnaW4tYm90dG9tOiAwcHg7XG5cdFx0XHRwYWRkaW5nOiA4cHggMTJweDtcblx0XHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdFx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdFx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdFx0fVxuXHRcdC5zdWItY2hpbGQtYWN0aXZlLXRleHQge1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMHB4IDRweCA0cHggMHB4O1xuXHRcdFx0d2lkdGg6IDJweDtcblx0XHRcdGhlaWdodDogMTJweDtcblx0XHRcdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRcdH1cblx0XHQuYWN0aXZlLWJvbGQtd2VpZ2h0IHtcblx0XHRcdGZvbnQtd2VpZ2h0OiA2MDA7XG5cdFx0fVxuXHR9XG5cdC5zdWItY2hpbGQtbWVudTpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCdcclxuICAgID8gQ09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IENPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLWFjdGl2ZS1tZW51IHtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUgPT0gJ2JyYW5kJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogQ09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtZGlzcGxheS1uYW1lIHtcblx0XHRwYWRkaW5nOiAxNHB4IDEycHg7XG5cdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnXHJcbiAgICA/IENPTE9SUy5jb250ZW50LnNlY29uZGFyeUludmVyc2VcclxuICAgIDogQ09MT1JTLnRleHQuc2Vjb25kYXJ5fTtcblx0fVxuXHQubG93ZXItc3RpY2t5LXBhbmVsIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0Ym90dG9tOiAxNnB4O1xuXHRcdC50aXRsZS10ZXh0IHtcblx0XHRcdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdH1cblx0XHQudXBncmFkZS1idXR0b24ge1xuXHRcdFx0bWFyZ2luOiBhdXRvO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1za2VsZXRvbiB7XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1TaWRlYmFyU3R5bGVzLmpzLm1hcCJdfQ== */")),x=c("div","production"===process.env.NODE_ENV?{target:"e17yrcks0"}:{target:"e17yrcks0",label:"SimpleSidebarContainer"})(".transform-class{position:relative;animation:animatebottom 0.5s;transition-timing-function:ease-in;}@keyframes animatebottom{from{width:88px;opacity:0;}to{width:200px;opacity:1;}}.sidebar-right-menu{position:",(c=>c.postion?c.postion:"sticky"),";top:",(c=>c.top?c.top:0),"px;left:",(c=>c.left?c.left:0),"px;width:",(c=>c.width?c.width:200),"px;z-index:",(c=>c.zIndex?c.zIndex:2),";background-color:",(c=>"brand"==c.theme?"#381062":d.surface.standard),";height:100vh;display:flex;flex-direction:column;padding:8px;}.sub-child-menu{display:flex;align-items:center;justify-content:flex-start;margin-bottom:8px;cursor:pointer;.sub-child-text{color:",(c=>"brand"==c.theme?d.surface.standard:""),";margin-bottom:0px;padding:8px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.sub-child-active-text{border-radius:0px 4px 4px 0px;width:2px;height:12px;background:white;}.active-bold-weight{font-weight:600;}}.sub-child-menu:hover{background:",(c=>"brand"==c.theme?d.background.inverseLight:d.background.base),";border-radius:8px;}.sub-child-active-menu{background:",(c=>"brand"==c.theme?d.background.inverseLight:d.background.base),";border-radius:8px;}.sub-child-display-name{padding:14px 12px;color:",(c=>"brand"==c.theme?d.content.secondaryInverse:d.text.secondary),";}.lower-sticky-panel{position:absolute;bottom:16px;.title-text{padding:8px 12px;text-align:center;}.upgrade-button{margin:auto;}}.sidebar-skeleton{padding:8px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXJTdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFHaUQiLCJmaWxlIjoiU2lkZWJhclN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFNpZGVCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogIzI4MDM0ZTtcblx0d2lkdGg6IDg4cHg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cG9zaXRpb246IHN0aWNreTtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHR6LWluZGV4OiAxMDtcblx0b3ZlcmZsb3cteTogYXV0bztcblx0aGVpZ2h0OiAxMDB2aDtcblxuXHQuYmlrLWhlYWRlci1sb2dvIHtcblx0XHRtYXJnaW46IDI0cHggMTUuMzlweCA4cHggMTUuMzlweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR3aWR0aDogNTdweDtcblx0XHRoZWlnaHQ6IDIwcHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdGltZyB7XG5cdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdG9iamVjdC1maXQ6IGNvbnRhaW5lcjtcblx0XHR9XG5cdH1cblxuXHQuc3RpY2t5LW1lbnUge1xuXHRcdEBtZWRpYSAobWluLWhlaWdodDogNzY4cHgpIHtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdGJvdHRvbTogMHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cblx0LnN0aWNreS1tZW51LWludCB7XG5cdFx0QG1lZGlhIChtaW4taGVpZ2h0OiA3NjhweCkge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0Ym90dG9tOiA2NHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaWJlQmFyTWVudUl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0bWFyZ2luOiAxNnB4IDBweDtcblx0Lm1haW4tLXNpZGViYXIge1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0cGFkZGluZzogMHB4IDhweDtcblx0XHRtYXJnaW4tYm90dG9tOiA2cHg7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogOHB4O1xuXHRcdH1cblx0fVxuXG5cdC5zaWRlYmFyLW1lbnUtaXRlbSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogMTBweDtcblx0XHR9XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5cblx0Lm1lbnUtaXRlbS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Lm1lbnUtaXRlbS10ZXh0IHtcblx0XHRcdGZvbnQtZmFtaWx5OiAnSW50ZXInO1xuXHRcdFx0Zm9udC1zdHlsZTogbm9ybWFsO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0XHRcdGZvbnQtc2l6ZTogMTJweDtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHRcdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnlJbnZlcnNlfTtcblx0XHRcdG1hcmdpbi1ib3R0b206IDBweDtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHR9XG5cdFx0LmFjdGl2ZS1tZW51LWl0ZW0tdGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLnZpYnJhbnR9O1xuXHRcdH1cblx0fVxuXHQubWFpbi1tZW51LWFjdGl2ZS1jbGFzcyB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTBweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjMzgxMDYyO1xuXHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcudmlicmFudH07XG5cdH1cblx0LnNpZGViYXItbWVudS1pdGVtLWhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAjMzgxMDYyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc2lkZWJhci1tZW51LWl0ZW06aG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICMzODEwNjI7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2ltcGxlU2lkZWJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHQudHJhbnNmb3JtLWNsYXNzIHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0YW5pbWF0aW9uOiBhbmltYXRlYm90dG9tIDAuNXM7XG5cdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW47XG5cdH1cblx0QGtleWZyYW1lcyBhbmltYXRlYm90dG9tIHtcblx0XHRmcm9tIHtcblx0XHRcdHdpZHRoOiA4OHB4O1xuXHRcdFx0b3BhY2l0eTogMDtcblx0XHR9XG5cblx0XHR0byB7XG5cdFx0XHR3aWR0aDogMjAwcHg7XG5cdFx0XHRvcGFjaXR5OiAxO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1yaWdodC1tZW51IHtcblx0XHRwb3NpdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5wb3N0aW9uID8gcHJvcHMucG9zdGlvbiA6ICdzdGlja3knKX07XG5cdFx0dG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnRvcCA/IHByb3BzLnRvcCA6IDApfXB4O1xuXHRcdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMubGVmdCA/IHByb3BzLmxlZnQgOiAwKX1weDsgLy84OFxuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAyMDApfXB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGhlaWdodDogMTAwdmg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdHBhZGRpbmc6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLW1lbnUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0bWFyZ2luLWJvdHRvbTogOHB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQuc3ViLWNoaWxkLXRleHQge1xuXHRcdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAnJ307XG5cdFx0XHRtYXJnaW4tYm90dG9tOiAwcHg7XG5cdFx0XHRwYWRkaW5nOiA4cHggMTJweDtcblx0XHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdFx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdFx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdFx0fVxuXHRcdC5zdWItY2hpbGQtYWN0aXZlLXRleHQge1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMHB4IDRweCA0cHggMHB4O1xuXHRcdFx0d2lkdGg6IDJweDtcblx0XHRcdGhlaWdodDogMTJweDtcblx0XHRcdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRcdH1cblx0XHQuYWN0aXZlLWJvbGQtd2VpZ2h0IHtcblx0XHRcdGZvbnQtd2VpZ2h0OiA2MDA7XG5cdFx0fVxuXHR9XG5cdC5zdWItY2hpbGQtbWVudTpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCdcclxuICAgID8gQ09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IENPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLWFjdGl2ZS1tZW51IHtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUgPT0gJ2JyYW5kJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogQ09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtZGlzcGxheS1uYW1lIHtcblx0XHRwYWRkaW5nOiAxNHB4IDEycHg7XG5cdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnXHJcbiAgICA/IENPTE9SUy5jb250ZW50LnNlY29uZGFyeUludmVyc2VcclxuICAgIDogQ09MT1JTLnRleHQuc2Vjb25kYXJ5fTtcblx0fVxuXHQubG93ZXItc3RpY2t5LXBhbmVsIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0Ym90dG9tOiAxNnB4O1xuXHRcdC50aXRsZS10ZXh0IHtcblx0XHRcdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdH1cblx0XHQudXBncmFkZS1idXR0b24ge1xuXHRcdFx0bWFyZ2luOiBhdXRvO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1za2VsZXRvbiB7XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1TaWRlYmFyU3R5bGVzLmpzLm1hcCJdfQ== */"));export{b as SibeBarMenuItem,X as SideBarContainer,x as SimpleSidebarContainer};

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+export interface Menu {
+    key: string | number;
+    displayName: string;
+    path?: string;
+    page?: 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;
+    onMenuClick: (menuSelected: Menu, reDirect?: boolean) => void;
+    onUpgrade?: () => void;
+}
+export declare const SimpleSidebar: React.FC<SimpleSidebarProps>;

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

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

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

@@ -0,0 +1,9 @@
+export * from './BikHeader';
+export * from './BikLayout';
+export * from './BikProfile';
+export * from './SimpleSidebar';
+export * from './BikSidebar';
+export * from './FeatureModal';
+export * from './SidebarSkeleton';
+export * from './ShowShopifyRestrictedModal';
+export * from './FeatureModalV2';

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

@@ -1 +1 @@
-import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as i,jsxs as n}from"react/jsx-runtime";import t,{forwardRef as s}from"react";import{Spinner as a}from"../spinner/Spinner.js";import{Button as o,ButtonCustomDashedBorder as c}from"./Button.styled.js";import{getButtonIconColor as r,SpinnerColorMap as l,GetButtonTextComponent as d}from"./themes.js";const m=s(((s,m)=>{var{id:h,buttonType:p="primary",size:b="small",buttonText:g,disabled:j,IconComponent:u,LeadingIcon:v,TrailingIcon:y,isLoading:N,inverse:f,onClick:O,matchParentWidth:T}=s,I=e(s,["id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth"]);const x=d(b,p),C="chip"===b?16:20,L={height:C,width:C,color:r(b,p,f,j,N),style:{display:"block"},className:"icon"};return i(o,Object.assign({onClick:O,ref:m,id:h,disabled:j,size:b,buttonType:p,isLoading:N,inverse:f,matchParentWidth:T},I,{children:n("div",Object.assign({className:"button-container"},{children:[p.startsWith("dash")&&i(c,{}),i("div",Object.assign({className:"overlay-container"},{children:N&&i(a,{className:"spinner",size:"small",color:l(p,f)})})),u&&i("div",Object.assign({className:"icon-component"},{children:t.createElement(u,L)})),v&&i("div",Object.assign({className:"icon-leading"},{children:t.createElement(v,L)})),i(x,Object.assign({className:"text"},{children:g})),y&&i("div",Object.assign({className:"icon-trailing"},{children:t.createElement(y,L)}))]}))}))}));m.displayName="Button";export{m as Button};
+import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as i,jsxs as t,Fragment as n}from"react/jsx-runtime";import s,{forwardRef as a}from"react";import{Spinner as o}from"../spinner/Spinner.js";import{Button as r,ButtonCustomDashedBorder as c}from"./Button.styled.js";import{getButtonIconColor as l,SpinnerColorMap as d,GetButtonTextComponent as m}from"./themes.js";const b=a(((a,b)=>{var{version:h,id:p,buttonType:g="primary",size:u="small",buttonText:v,disabled:j,IconComponent:N,LeadingIcon:y,TrailingIcon:O,isLoading:f,inverse:k,onClick:T,matchParentWidth:x,subtitle:I,darkMode:C}=a,L=e(a,["version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode"]);const z=m(u,g),W="chip"===u?16:20,B={height:W,width:W,color:l(u,g,k,j,f,C),style:{display:"block"},className:"icon"};return i(r,Object.assign({version:h,onClick:f?()=>{}:T,ref:b,id:p,disabled:j,size:u,buttonType:g,isLoading:f,inverse:k,matchParentWidth:x,darkMode:C},L,{children:t("div",Object.assign({className:"button-container"},{children:[g.startsWith("dash")&&i(c,{}),i("div",Object.assign({className:"overlay-container"},{children:f&&i(o,{className:"spinner",size:"small",color:d(g,k)})})),N&&i("div",Object.assign({className:"icon-component"},{children:s.createElement(N,B)})),y&&i("div",Object.assign({className:"icon-leading"},{children:s.createElement(y,B)})),v?t(z,Object.assign({className:"text"},{children:[v,i("div",Object.assign({className:"text-subtitle"},{children:I}))]})):i(n,{}),O&&i("div",Object.assign({className:"icon-trailing"},{children:s.createElement(O,B)}))]}))}))}));b.displayName="Button";export{b as Button};

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

@@ -10,5 +10,7 @@ export declare const Button: import("@emotion/styled").StyledComponent<{
     inverse?: boolean | undefined;
     disabled?: boolean | undefined;
     matchParentWidth?: boolean | undefined;
+    version?: "1.0" | "2.0" | undefined;
+    darkMode?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const ButtonCustomDashedBorder: () => JSX.Element;
+export declare const ButtonCustomDashedBorder: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-import t from"@emotion/styled/base";import{jsxs as c,Fragment as d,jsx as n}from"react/jsx-runtime";import{COLORS as X}from"../../constants/Theme.js";import{getBackgroundColor as l,getPadding as b,getBorder as H,getColor as i,getDashedBorderStyling as x,generateDisabledStyling as R,getDisabledTextColor as e,getClickEffect as o,getHoverButtonBackground as G,generateInverseHoverBackground as a,getLoadingBorder as g,getLoadingBackground as p}from"./themes.js";const u=t("button","production"===process.env.NODE_ENV?{target:"exlualr0"}:{target:"exlualr0",label:"Button"})("all:unset;cursor:pointer;display:flex;gap:8.83px;border-radius:4px;overflow:hidden;",(t=>t.matchParentWidth?"flex-grow: 1;":"")," background-color:",(t=>l(t.buttonType,t.size,t.inverse)),";",(t=>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: ${b(t.buttonType,t.size)};\n\t\t\t\t}`:`padding: ${b(t.buttonType,t.size)};\n\t${H(t.buttonType,t.size,t.inverse)}`)," .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=>i(t.buttonType,t.size,t.inverse)),";}.icon-leading{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}",(t=>x(t.buttonType,t.size,t.isLoading?X.stroke.brandLightAlt:void 0))," .overlay-container{display:none;}:disabled{cursor:not-allowed;",(t=>x(t.buttonType,t.size,X.stroke.primary)),";.overlay-container{display:none!important;}",(t=>R(t.buttonType,t.size,t.inverse))," .text{color:",(t=>e(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: ${X.background.inverseLight} !important;\n\t\t\t\t\t}\n\t\t\t\t\t.icon {\n\t\t\t\t\t\tcolor: ${X.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${o(t.buttonType,t.size,t.inverse)}\n\t\t\t${x(t.buttonType,t.size,X.content.brand)}\n\t\t}`)," ",(t=>t.isLoading?`\n\t\t\tcursor: not-allowed;\n\t\t\tpadding: 0;\n\t\t${g(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\tpadding: ${b(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${p(t.buttonType,t.size,t.inverse)}\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: ${b(t.buttonType,t.size)};\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${G(t.buttonType,t.inverse)}\n\t\t\t\t}\n\t\t\t\t${"chip"===t.size?`background-color: ${X.surface.hovered};`:""}\n\t\t\t\t${"primary"!==t.buttonType||"chip"===t.size||t.inverse?"":`background-color: ${X.background.inverseLight};`}\n\t\t\t}\n\t\t\t${t.inverse?a(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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvQyIsImZpbGUiOiJCdXR0b24uc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IGdlbmVyYXRlRGlzYWJsZWRTdHlsaW5nLCBnZW5lcmF0ZUludmVyc2VIb3ZlckJhY2tncm91bmQsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0Qm9yZGVyLCBnZXRDbGlja0VmZmVjdCwgZ2V0Q29sb3IsIGdldERhc2hlZEJvcmRlclN0eWxpbmcsIGdldERpc2FibGVkVGV4dENvbG9yLCBnZXRIb3ZlckJ1dHRvbkJhY2tncm91bmQsIGdldExvYWRpbmdCYWNrZ3JvdW5kLCBnZXRMb2FkaW5nQm9yZGVyLCBnZXRQYWRkaW5nLCB9IGZyb20gJy4vdGhlbWVzJztcclxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5idXR0b24gYFxuXHRhbGw6IHVuc2V0O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGdhcDogOC44M3B4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdCR7KHByb3BzKSA9PiAocHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/IGBmbGV4LWdyb3c6IDE7YCA6ICcnKX1cblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IGdldEJhY2tncm91bmRDb2xvcihwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX07XG5cblx0JHsocHJvcHMpID0+IHByb3BzLmJ1dHRvblR5cGUuc3RhcnRzV2l0aCgnZGFzaCcpXHJcbiAgICA/IGAuYnV0dG9uLWNvbnRhaW5lciB7XG5cdFx0XHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHRcdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdFx0XHRcdG92ZXJmbG93OiBoaWRkZW47XG5cdFx0XHRcdFx0JHtwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJ2p1c3RpZnktY29udGVudDogY2VudGVyOycgOiAnJ31cblx0XHRcdFx0XHRwYWRkaW5nOiAke2dldFBhZGRpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSl9O1xuXHRcdFx0XHR9YFxyXG4gICAgOiBgcGFkZGluZzogJHtnZXRQYWRkaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUpfTtcblx0JHtnZXRCb3JkZXIocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9YH1cblxuXHQuaWNvbi1jb21wb25lbnQge1xuXHRcdGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0XHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0fVxuXG5cdC5pY29uLXRyYWlsaW5nIHtcblx0XHRoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdFx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdH1cblxuXHQudGV4dCB7XG5cdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBnZXRDb2xvcihwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX07XG5cdH1cblxuXHQuaWNvbi1sZWFkaW5nIHtcblx0XHRoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdFx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdH1cblxuXHQkeyhwcm9wcykgPT4gZ2V0RGFzaGVkQm9yZGVyU3R5bGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pc0xvYWRpbmcgPyBDT0xPUlMuc3Ryb2tlLmJyYW5kTGlnaHRBbHQgOiB1bmRlZmluZWQpfVxuXG5cdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogbm9uZTtcblx0fVxuXG5cdDpkaXNhYmxlZCB7XG5cdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcblx0XHR9XG5cdFx0Y3Vyc29yOiBub3QtYWxsb3dlZDtcblx0XHQkeyhwcm9wcykgPT4gZ2VuZXJhdGVEaXNhYmxlZFN0eWxpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9XG5cdFx0LnRleHQge1xuXHRcdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBnZXREaXNhYmxlZFRleHRDb2xvcihwcm9wcy5pbnZlcnNlKX0gIWltcG9ydGFudDtcblx0XHR9XG5cdFx0JHsocHJvcHMpID0+IGdldERhc2hlZEJvcmRlclN0eWxpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgQ09MT1JTLnN0cm9rZS5wcmltYXJ5KX1cblx0fVxuXG5cdCR7KHByb3BzKSA9PiAhcHJvcHMuZGlzYWJsZWQgJiZcclxuICAgICFwcm9wcy5pc0xvYWRpbmcgJiZcclxuICAgIGA6YWN0aXZlIHtcblx0XHRcdFx0LmJ1dHRvbi1jb250YWluZXIge1xuXHRcdFx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRcdFx0JHtwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJ2p1c3RpZnktY29udGVudDogY2VudGVyOycgOiAnJ31cblx0XHRcdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdFx0XHRcdGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0JHtwcm9wcy5zaXplID09PSAnY2hpcCcgJiZcclxuICAgICAgICBgLnRleHQge1xuXHRcdFx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0fSAhaW1wb3J0YW50O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0XHQuaWNvbiB7XG5cdFx0XHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHR9O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0XHRgfVxuXHRcdFx0XHR9XG5cblxuXHRcdFx0JHtnZXRDbGlja0VmZmVjdChwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX1cblx0XHRcdCR7Z2V0RGFzaGVkQm9yZGVyU3R5bGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBDT0xPUlMuY29udGVudC5icmFuZCl9XG5cdFx0fWB9XG5cblx0JHsocHJvcHMpID0+IFxyXG4vLyBkbyBub3QgbG9hZCBob3ZlciBzdHlsZXMgZm9yIGxvYWRpbmcgc3RhdGUgYW5kIGFsc28gYWN0aXZlIHN0YXRlXHJcbiFwcm9wcy5pc0xvYWRpbmdcclxuICAgID8gYDpub3QoOmFjdGl2ZSk6bm90KDpkaXNhYmxlZCk6aG92ZXIge1xuXHRcdFx0cGFkZGluZzogMDtcblx0XHRcdC5idXR0b24tY29udGFpbmVyIHtcblx0XHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0JHtwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJ2p1c3RpZnktY29udGVudDogY2VudGVyOycgOiAnJ31cblx0XHRcdFx0cGFkZGluZzogJHtnZXRQYWRkaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUpfTtcblx0XHRcdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdFx0cGFkZGluZzogMDtcblx0XHRcdFx0XHR0b3A6IDA7XG5cdFx0XHRcdFx0bGVmdDogMDtcblx0XHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0XHRoZWlnaHQ6IDEwMCU7XG5cdFx0XHRcdFx0JHtnZXRIb3ZlckJ1dHRvbkJhY2tncm91bmQocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuaW52ZXJzZSl9XG5cdFx0XHRcdH1cblx0XHRcdFx0JHtwcm9wcy5zaXplID09PSAnY2hpcCcgPyBgYmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtgIDogJyd9XG5cdFx0XHRcdCR7cHJvcHMuYnV0dG9uVHlwZSA9PT0gJ3ByaW1hcnknICYmXHJcbiAgICAgICAgcHJvcHMuc2l6ZSAhPT0gJ2NoaXAnICYmXHJcbiAgICAgICAgIXByb3BzLmludmVyc2VcclxuICAgICAgICA/IGBiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2VMaWdodH07YFxyXG4gICAgICAgIDogJyd9XG5cdFx0XHR9XG5cdFx0XHQke3Byb3BzLmludmVyc2VcclxuICAgICAgICA/IGdlbmVyYXRlSW52ZXJzZUhvdmVyQmFja2dyb3VuZChwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5kaXNhYmxlZClcclxuICAgICAgICA6ICcnfVxuXHRcdH1gXHJcbiAgICA6IGBcblx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRwYWRkaW5nOiAwO1xuXHRcdCR7Z2V0TG9hZGluZ0JvcmRlcihwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX1cblxuXHRcdC5idXR0b24tY29udGFpbmVyIHtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdC50ZXh0IHtcblx0XHRcdFx0b3BhY2l0eTogMDtcblx0XHRcdH1cblx0XHRcdHBhZGRpbmc6ICR7Z2V0UGFkZGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplKX07XG5cdFx0XHQub3ZlcmxheS1jb250YWluZXIge1xuXHRcdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHRwYWRkaW5nOiAwO1xuXHRcdFx0XHRwYWRkaW5nLXRvcDogMXB4O1xuXHRcdFx0XHR0b3A6IDA7XG5cdFx0XHRcdGxlZnQ6IDA7XG5cdFx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0XHRoZWlnaHQ6IDEwMCU7XG5cdFx0XHRcdCR7Z2V0TG9hZGluZ0JhY2tncm91bmQocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9XG5cdFx0XHRcdC5zcGlubmVyIHtcblx0XHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdFx0dG9wOiBjYWxjKDUwJSAtIDE0cHgpO1xuXHRcdFx0XHRcdGxlZnQ6IGNhbGMoNTAlIC0gN3B4KTtcblx0XHRcdFx0fVxuXG5cdFx0XHR9XG5cdFx0fWB9XG5cblx0XHQuYnV0dG9uLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRnYXA6IDguMzNweDtcblx0XHQkeyhwcm9wcykgPT4gKHByb3BzLm1hdGNoUGFyZW50V2lkdGggPyAnbWFyZ2luOiBhdXRvOycgOiAnJyl9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBCdXR0b25DdXN0b21EYXNoZWRCb3JkZXIgPSAoKSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwibGluZS10b3BcIiB9KSwgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogXCJsaW5lLWxlZnRcIiB9KSwgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogXCJsaW5lLWJvdHRvbVwiIH0pLCBfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBcImxpbmUtcmlnaHRcIiB9KV0gfSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1CdXR0b24uc3R5bGVkLmpzLm1hcCJdfQ== */")),m=()=>c(d,{children:[n("div",{className:"line-top"}),n("div",{className:"line-left"}),n("div",{className:"line-bottom"}),n("div",{className:"line-right"})]});export{u as Button,m as ButtonCustomDashedBorder};
+import t from"@emotion/styled/base";import{jsxs as c,Fragment as d,jsx as n}from"react/jsx-runtime";import{COLORS as l}from"../../constants/Theme.js";import{getBackgroundColor as H,getPadding as X,getBorder as b,getColor as x,getDashedBorderStyling as e,generateDisabledStyling as i,getDisabledTextColor as R,getClickEffect as G,getHoverButtonBackground as u,getHoverButtonTextDecorationStyle as g,generateInverseHoverBackground as o,getLoadingBorder as y,getLoadingBackground as I}from"./themes.js";const a=t("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=>H(t.buttonType,t.size,t.inverse,t.darkMode)),";",(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: ${X(t.buttonType,t.size)};\n\t\t\t\t}`:`padding: ${X(t.buttonType,t.size)};\n\t${b(null!==(c=t.version)&&void 0!==c?c:"1.0",t.buttonType,t.size,t.inverse)}`})," .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=>x(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=>e(t.buttonType,t.size,t.isLoading?l.stroke.brandLightAlt:void 0))," .overlay-container{display:none;}:disabled{cursor:",(t=>"text"===t.buttonType?"auto":"not-allowed"),";",(t=>e(t.buttonType,t.size,l.stroke.primary)),";.overlay-container{display:none!important;}",(t=>i(t.buttonType,t.size,t.inverse))," .text{color:",(t=>R(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: ${l.background.inverseLight} !important;\n\t\t\t\t\t}\n\t\t\t\t\t.icon {\n\t\t\t\t\t\tcolor: ${l.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${G(t.buttonType,t.size,t.inverse)}\n\t\t\t${e(t.buttonType,t.size,l.content.brand)}\n\t\t}`)," ",(t=>t.isLoading?`\n\t\t\tcursor: not-allowed;\n\t\t\tpadding: 0;\n\t\t${y(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\tpadding: ${X(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${I(t.buttonType,t.size,t.inverse)}\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: ${X(t.buttonType,t.size)};\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${u(t.buttonType,t.inverse)}\n\t\t\t\t}\n\t\t\t\t${"chip"===t.size&&"text"!==t.buttonType?t.darkMode?`background-color: ${l.stroke.primary};`:`background-color: ${l.surface.hovered};`:""}\n\t\t\t\t${"primary"!==t.buttonType||"chip"===t.size||t.inverse?"":`background-color: ${l.background.inverse};`}\n\t\t\t}\n\t\t\t${"text"===t.buttonType?g(t.buttonType,t.disabled):""}\n\t\t\t${t.inverse?o(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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvQyIsImZpbGUiOiJCdXR0b24uc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IGdlbmVyYXRlRGlzYWJsZWRTdHlsaW5nLCBnZW5lcmF0ZUludmVyc2VIb3ZlckJhY2tncm91bmQsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0Qm9yZGVyLCBnZXRDbGlja0VmZmVjdCwgZ2V0Q29sb3IsIGdldERhc2hlZEJvcmRlclN0eWxpbmcsIGdldERpc2FibGVkVGV4dENvbG9yLCBnZXRIb3ZlckJ1dHRvbkJhY2tncm91bmQsIGdldEhvdmVyQnV0dG9uVGV4dERlY29yYXRpb25TdHlsZSwgZ2V0TG9hZGluZ0JhY2tncm91bmQsIGdldExvYWRpbmdCb3JkZXIsIGdldFBhZGRpbmcsIH0gZnJvbSAnLi90aGVtZXMnO1xyXG5leHBvcnQgY29uc3QgQnV0dG9uID0gc3R5bGVkLmJ1dHRvbiBgXG5cdGFsbDogdW5zZXQ7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0ZGlzcGxheTogZmxleDtcblx0Z2FwOiA4LjgzcHg7XG5cdGJvcmRlci1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuYnV0dG9uVHlwZSA9PSAndGV4dCcgPyAnMCcgOiAnNHB4Jyl9O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHQkeyhwcm9wcykgPT4gKHByb3BzLm1hdGNoUGFyZW50V2lkdGggPyBgZmxleC1ncm93OiAxO2AgOiAnJyl9XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBnZXRCYWNrZ3JvdW5kQ29sb3IocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSwgcHJvcHMuZGFya01vZGUpfTtcblxuXHQkeyhwcm9wcykgPT4ge1xyXG4gICAgdmFyIF9hO1xyXG4gICAgcmV0dXJuIHByb3BzLmJ1dHRvblR5cGUuc3RhcnRzV2l0aCgnZGFzaCcpXHJcbiAgICAgICAgPyBgLmJ1dHRvbi1jb250YWluZXIge1xuXHRcdFx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0XHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRcdFx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdFx0XHRcdCR7cHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/ICdqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsnIDogJyd9XG5cdFx0XHRcdFx0cGFkZGluZzogJHtnZXRQYWRkaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUpfTtcblx0XHRcdFx0fWBcclxuICAgICAgICA6IGBwYWRkaW5nOiAke2dldFBhZGRpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSl9O1xuXHQke2dldEJvcmRlcigoX2EgPSBwcm9wcy52ZXJzaW9uKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnMS4wJywgcHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9YDtcclxufX1cblxuXHQuaWNvbi1jb21wb25lbnQge1xuXHRcdGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0XHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0fVxuXG5cdC5pY29uLXRyYWlsaW5nIHtcblx0XHRoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdFx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdH1cblxuXHQudGV4dCB7XG5cdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBnZXRDb2xvcihwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlLCBwcm9wcy5kYXJrTW9kZSl9O1xuXHR9XG5cblx0Lmljb24tbGVhZGluZyB7XG5cdFx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLnNpemUgPT09ICdjaGlwJyA/ICcxNnB4JyA6ICcyMHB4Jyl9O1xuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLnNpemUgPT09ICdjaGlwJyA/ICcxNnB4JyA6ICcyMHB4Jyl9O1xuXHR9XG5cblx0JHsocHJvcHMpID0+IGdldERhc2hlZEJvcmRlclN0eWxpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaXNMb2FkaW5nID8gQ09MT1JTLnN0cm9rZS5icmFuZExpZ2h0QWx0IDogdW5kZWZpbmVkKX1cblxuXHQub3ZlcmxheS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IG5vbmU7XG5cdH1cblxuXHQ6ZGlzYWJsZWQge1xuXHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG5cdFx0fVxuXHRcdGN1cnNvcjogJHsocHJvcHMpID0+IHByb3BzLmJ1dHRvblR5cGUgPT09ICd0ZXh0JyA/ICdhdXRvJyA6ICdub3QtYWxsb3dlZCd9O1xuXHRcdCR7KHByb3BzKSA9PiBnZW5lcmF0ZURpc2FibGVkU3R5bGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX1cblx0XHQudGV4dCB7XG5cdFx0XHRjb2xvcjogJHsocHJvcHMpID0+IGdldERpc2FibGVkVGV4dENvbG9yKHByb3BzLmludmVyc2UpfSAhaW1wb3J0YW50O1xuXHRcdH1cblx0XHQkeyhwcm9wcykgPT4gZ2V0RGFzaGVkQm9yZGVyU3R5bGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBDT0xPUlMuc3Ryb2tlLnByaW1hcnkpfVxuXHR9XG5cblx0JHsocHJvcHMpID0+ICFwcm9wcy5kaXNhYmxlZCAmJlxyXG4gICAgIXByb3BzLmlzTG9hZGluZyAmJlxyXG4gICAgYDphY3RpdmUge1xuXHRcdFx0XHQuYnV0dG9uLWNvbnRhaW5lciB7XG5cdFx0XHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdFx0XHQke3Byb3BzLm1hdGNoUGFyZW50V2lkdGggPyAnanVzdGlmeS1jb250ZW50OiBjZW50ZXI7JyA6ICcnfVxuXHRcdFx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0XHQub3ZlcmxheS1jb250YWluZXIge1xuXHRcdFx0XHRcdFx0ZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0XHQke3Byb3BzLnNpemUgPT09ICdjaGlwJyAmJlxyXG4gICAgICAgIGAudGV4dCB7XG5cdFx0XHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHR9ICFpbXBvcnRhbnQ7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHRcdC5pY29uIHtcblx0XHRcdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2VMaWdodH07XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHRcdGB9XG5cdFx0XHRcdH1cblxuXG5cdFx0XHQke2dldENsaWNrRWZmZWN0KHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfVxuXHRcdFx0JHtnZXREYXNoZWRCb3JkZXJTdHlsaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIENPTE9SUy5jb250ZW50LmJyYW5kKX1cblx0XHR9YH1cblxuXHQkeyhwcm9wcykgPT4gXHJcbi8vIGRvIG5vdCBsb2FkIGhvdmVyIHN0eWxlcyBmb3IgbG9hZGluZyBzdGF0ZSBhbmQgYWxzbyBhY3RpdmUgc3RhdGVcclxuIXByb3BzLmlzTG9hZGluZ1xyXG4gICAgPyBgOm5vdCg6YWN0aXZlKTpub3QoOmRpc2FibGVkKTpob3ZlciB7XG5cdFx0XHRwYWRkaW5nOiAwO1xuXHRcdFx0LmJ1dHRvbi1jb250YWluZXIge1xuXHRcdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0XHQke3Byb3BzLm1hdGNoUGFyZW50V2lkdGggPyAnanVzdGlmeS1jb250ZW50OiBjZW50ZXI7JyA6ICcnfVxuXHRcdFx0XHRwYWRkaW5nOiAke2dldFBhZGRpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSl9O1xuXHRcdFx0XHQub3ZlcmxheS1jb250YWluZXIge1xuXHRcdFx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdFx0XHRwYWRkaW5nOiAwO1xuXHRcdFx0XHRcdHRvcDogMDtcblx0XHRcdFx0XHRsZWZ0OiAwO1xuXHRcdFx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdFx0XHQke2dldEhvdmVyQnV0dG9uQmFja2dyb3VuZChwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5pbnZlcnNlKX1cblx0XHRcdFx0fVxuXHRcdFx0XHQke3Byb3BzLnNpemUgPT09ICdjaGlwJyAmJiBwcm9wcy5idXR0b25UeXBlICE9PSAndGV4dCdcclxuICAgICAgICA/IHByb3BzLmRhcmtNb2RlXHJcbiAgICAgICAgICAgID8gYGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtgXHJcbiAgICAgICAgICAgIDogYGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07YFxyXG4gICAgICAgIDogJyd9XG5cdFx0XHRcdCR7cHJvcHMuYnV0dG9uVHlwZSA9PT0gJ3ByaW1hcnknICYmXHJcbiAgICAgICAgcHJvcHMuc2l6ZSAhPT0gJ2NoaXAnICYmXHJcbiAgICAgICAgIXByb3BzLmludmVyc2VcclxuICAgICAgICA/IGBiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2V9O2BcclxuICAgICAgICA6ICcnfVxuXHRcdFx0fVxuXHRcdFx0JHtwcm9wcy5idXR0b25UeXBlID09PSAndGV4dCdcclxuICAgICAgICA/IGdldEhvdmVyQnV0dG9uVGV4dERlY29yYXRpb25TdHlsZShwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5kaXNhYmxlZClcclxuICAgICAgICA6ICcnfVxuXHRcdFx0JHtwcm9wcy5pbnZlcnNlXHJcbiAgICAgICAgPyBnZW5lcmF0ZUludmVyc2VIb3ZlckJhY2tncm91bmQocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuZGlzYWJsZWQpXHJcbiAgICAgICAgOiAnJ31cblx0XHR9YFxyXG4gICAgOiBgXG5cdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0cGFkZGluZzogMDtcblx0XHQke2dldExvYWRpbmdCb3JkZXIocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9XG5cblx0XHQuYnV0dG9uLWNvbnRhaW5lciB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHQudGV4dCB7XG5cdFx0XHRcdG9wYWNpdHk6IDA7XG5cdFx0XHR9XG5cdFx0XHRwYWRkaW5nOiAke2dldFBhZGRpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSl9O1xuXHRcdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdFx0cGFkZGluZzogMDtcblx0XHRcdFx0cGFkZGluZy10b3A6IDFweDtcblx0XHRcdFx0dG9wOiAwO1xuXHRcdFx0XHRsZWZ0OiAwO1xuXHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdFx0XHQke2dldExvYWRpbmdCYWNrZ3JvdW5kKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfVxuXHRcdFx0XHQuc3Bpbm5lciB7XG5cdFx0XHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHRcdHRvcDogY2FsYyg1MCUgLSAxNHB4KTtcblx0XHRcdFx0XHRsZWZ0OiBjYWxjKDUwJSAtIDdweCk7XG5cdFx0XHRcdH1cblxuXHRcdFx0fVxuXHRcdH1gfVxuXG5cdFx0LmJ1dHRvbi1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0Z2FwOiA4LjMzcHg7XG5cdFx0JHsocHJvcHMpID0+IChwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJ21hcmdpbjogYXV0bzsnIDogJycpfVxuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgQnV0dG9uQ3VzdG9tRGFzaGVkQm9yZGVyID0gKCkgPT4ge1xyXG4gICAgcmV0dXJuIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBcImxpbmUtdG9wXCIgfSksIF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwibGluZS1sZWZ0XCIgfSksIF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwibGluZS1ib3R0b21cIiB9KSwgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogXCJsaW5lLXJpZ2h0XCIgfSldIH0pKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QnV0dG9uLnN0eWxlZC5qcy5tYXAiXX0= */")),m=()=>c(d,{children:[n("div",{className:"line-top"}),n("div",{className:"line-left"}),n("div",{className:"line-bottom"}),n("div",{className:"line-right"})]});export{a as Button,m as ButtonCustomDashedBorder};

package/dist/esm/components/button/model.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export type Size = 'chip' | 'small' | 'medium' | 'large';
-export type Type = 'primary' | 'secondary' | 'tertiary' | 'tertiaryGray' | 'destructive' | 'dashBold' | 'dashRegular';
+export type Type = 'primary' | 'secondary' | 'tertiary' | 'tertiaryGray' | 'destructive' | 'dashBold' | 'dashRegular' | 'text';
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Font fize of the text
@@ -11,7 +11,7 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
      * Text to render inside the button
      * @default ''
      */
-    buttonText: string;
+    buttonText?: string;
     /**
      * Whether the button is pressable or not
      * @default true
@@ -59,4 +59,7 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
      * @default false
      */
     matchParentWidth?: boolean;
+    subtitle?: string;
+    version?: '1.0' | '2.0';
+    darkMode?: boolean;
 }

package/dist/esm/components/button/themes.d.ts

@@ -1,13 +1,17 @@
 import { Size, Type } from './model';
-export declare const getBackgroundColor: (type: Type, size: Size, inverse?: boolean) => string;
-export declare const getColor: (type: Type, size: Size, inverse?: boolean) => string;
+export declare const getBackgroundColor: (type: Type, size: Size, inverse?: boolean, darkMode?: boolean) => string;
+export declare const getColor: (type: Type, size: Size, inverse?: boolean, darkMode?: boolean) => string;
 export declare const getDisabledTextColor: (inverse?: boolean) => string;
-export declare const getPadding: (type: Type, size: Size) => "4px 8px" | "6px 4px" | "6px 12px" | "10px 4px" | "10px 12px" | "14px 4px" | "14px 12px" | undefined;
-export declare const GetButtonTextComponent: (size: Size, type: Type) => import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const getPadding: (type: Type, size: Size) => "0px" | "4px 8px" | "6px 4px" | "6px 12px" | "10px 4px" | "10px 12px" | "14px 4px" | "14px 12px" | undefined;
+export declare const GetButtonTextComponent: (size: Size, type: Type) => import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
 export declare const getBorderColor: (type: Type, inverse?: boolean) => string;
-export declare const getBorder: (type: Type, size: Size, inverse?: boolean) => string;
+export declare const getBorder: (version: '1.0' | '2.0', type: Type, size: Size, inverse?: boolean) => string;
 export declare const getLinearGradientValue: (size: Size) => string;
-export declare const getHoverButtonBackground: (type: Type, inverse?: boolean) => "background-color: #000000;\n\t\t\t\topacity: 0.03;" | "";
+export declare const getHoverButtonBackground: (type: Type, inverse?: boolean) => "" | "background-color:transparent;" | "background-color: #000000;\n\t\t\t\topacity: 0.03;";
+export declare const getHoverButtonTextDecorationStyle: (type: Type, disabled?: boolean) => string;
 export declare const generateInverseHoverBackground: (type: Type, disabled?: boolean) => string;
 export declare const generateDisabledStyling: (type: Type, size: Size, inverse?: boolean) => string;
 export declare const getDashedBorderStyling: (type: Type, size: Size, borderColor?: string) => string;
@@ -15,4 +19,4 @@ export declare const getClickEffect: (type: Type, size: Size, inverse?: boolean)
 export declare const getLoadingBackground: (type: Type, size: Size, inverse?: boolean) => string;
 export declare const getLoadingBorder: (type: Type, size: Size, inverse?: boolean) => string;
 export declare const SpinnerColorMap: (type: Type, inverse?: boolean) => string;
-export declare const getButtonIconColor: (size: Size, type: Type, inverse?: boolean, disabled?: boolean, isLoading?: boolean) => string | undefined;
+export declare const getButtonIconColor: (size: Size, type: Type, inverse?: boolean, disabled?: boolean, isLoading?: boolean, darkMode?: boolean) => string | undefined;

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

@@ -1 +1 @@
-import{COLORS as t}from"../../constants/Theme.js";import{BodySecondary as r,BodyCaption as n,ButtonRegular as e,ButtonLarge as a}from"../TypographyStyle.js";const o=(r,n,e)=>{if("chip"===n)return t.surface.subdued;switch(r){case"primary":return e?t.background.warning.vibrant:t.background.brand;case"destructive":return t.background.negative.vibrant;case"tertiary":return e?"transparent":t.surface.standard;default:return"transparent"}},i=(r,n,e)=>{if("chip"===n)return t.content.secondary;switch(r){case"primary":return e?t.content.primary:t.content.primaryInverse;case"tertiaryGray":case"dashBold":case"dashRegular":return t.content.secondary;case"destructive":return t.content.primaryInverse;default:return e?t.content.primaryInverse:t.stroke.brand}},c=r=>r?"rgba(255, 255, 255, 0.5)":t.content.inactive,d=(t,r)=>{if("chip"===r)return"4px 8px";if("small"===r)switch(t){case"tertiary":case"tertiaryGray":return"6px 4px";default:return"6px 12px"}else if("medium"===r)switch(t){case"tertiary":case"tertiaryGray":return"10px 4px";default:return"10px 12px"}else if("large"===r)switch(t){case"tertiary":case"tertiaryGray":return"14px 4px";default:return"14px 12px"}},s=(t,o)=>"dashRegular"===o?r:"chip"===t?n:"small"===t?e:a,p=(r,n)=>n?t.surface.standard:"secondary"==r?t.stroke.brand:t.content.placeholder,b=(r,n,e)=>"chip"===n?`border: 1px solid ${t.stroke.primary};`:e?"secondary"===r?`border: 1px solid ${p(r,e)};`:"border: none;":"secondary"===r?`border: 1px solid ${p(r)};`:"border: none;",g=t=>"medium"===t?"5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px":"6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px",u=(t,r)=>r||"primary"===t?"":"background-color: #000000;\n\t\t\t\topacity: 0.03;",l=(r,n)=>n?"":"primary"===r?`background-color: ${t.stroke.warning.lightAlt};`:"background-color: rgba(255, 255, 255, 0.1)",y=(r,n,e)=>"chip"===n?"background-color: transparent;":"primary"===r||"destructive"===r?e?"background-color: rgba(255,255,255,0.3);":`background-color: ${t.background.inactive};`:"secondary"===r?e?"border: 1px solid rgba(255, 255, 255, 0.5);":`border: 1px solid ${t.stroke.primary};`:"",h=function(t,r){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:p(t);return`\n\t.line-top {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${g(r)}\n\t\t);\n\t}\n\t.line-right {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${g(r)}\n\t\t);\n\t}\n\t.line-bottom {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${g(r)}\n\t\t);\n\t}\n\t.line-left {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${g(r)}\n\t\t);\n\t}\n\t`},x=(r,n,e)=>"chip"===n?`border: 1px solid ${t.stroke.brandLightAlt};\n\t\tbackground-color: ${t.background.brandLight};`:"primary"===r||"destructive"===r?e?`background-color: ${t.background.warning.vibrant} !important;\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t\t`:"box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);":"secondary"===r||"tertiary"===r||"tertiaryGray"===r||r.startsWith("dash")?e?`background-color: ${t.background.inverseLight}  !important;`:`background-color: ${t.background.brandLight};`:void 0,k=(r,n,e)=>"chip"===n?`background-color: ${t.background.base};`:"primary"===r?`background-color: ${e?t.background.warning.vibrant:t.background.brandLight};`:"destructive"===r?`background-color: ${t.background.negative.light};`:"background-color: transparent;",m=(r,n,e)=>"chip"===n?"border: none;":"secondary"===r?e?`border: 1px solid ${t.content.secondary};`:`border: 1px solid ${t.stroke.brandLightAlt};`:"",v=(r,n)=>n?"primary"===r?t.content.primary:t.content.primaryInverse:"destructive"===r?t.content.negative:t.content.brand,$=(r,n,e,a,o)=>"chip"===r?a?t.content.inactive:t.content.secondary:o?"transparent":"primary"===n||"destructive"===n?e?a?"rgba(255, 255, 255, 0.5)":t.content.primary:a?t.content.inactive:t.content.primaryInverse:"secondary"===n||"tertiary"===n?e?a?"rgba(255, 255, 255, 0.5)":t.content.primaryInverse:a?t.content.inactive:t.content.brand:"tertiaryGray"===n||n.startsWith("dash")?a?t.content.inactive:t.content.secondary:void 0;export{s as GetButtonTextComponent,v as SpinnerColorMap,y as generateDisabledStyling,l as generateInverseHoverBackground,o as getBackgroundColor,b as getBorder,p as getBorderColor,$ as getButtonIconColor,x as getClickEffect,i as getColor,h as getDashedBorderStyling,c as getDisabledTextColor,u as getHoverButtonBackground,g as getLinearGradientValue,k as getLoadingBackground,m as getLoadingBorder,d as getPadding};
+import{COLORS as t}from"../../constants/Theme.js";import{BodySecondary as r,BodyCaption as n,ButtonRegular as e,ButtonLarge as a}from"../TypographyStyle.js";const o=(r,n,e,a)=>{if("chip"===n)return"text"===r?"transparent":a?t.surface.hovered:t.surface.subdued;switch(r){case"primary":return e?t.background.warning.vibrant:t.background.inverseLight;case"destructive":return t.background.negative.vibrant;case"tertiary":return e?"transparent":t.surface.standard;default:return"transparent"}},i=(r,n,e,a)=>{if("chip"===n)return"text"===r?e?t.content.inactive:t.content.brand:a?t.content.primary:t.content.secondary;switch(r){case"primary":return e?t.content.primary:t.content.primaryInverse;case"tertiaryGray":case"dashBold":case"dashRegular":return t.content.secondary;case"destructive":return t.content.primaryInverse;default:return e?t.content.primaryInverse:t.stroke.brand}},c=r=>r?"rgba(255, 255, 255, 0.5)":t.content.inactive,d=(t,r)=>{if("text"===t)return"0px";if("chip"===r)return"4px 8px";if("small"===r)switch(t){case"tertiary":case"tertiaryGray":return"6px 4px";default:return"6px 12px"}else if("medium"===r)switch(t){case"tertiary":case"tertiaryGray":return"10px 4px";default:return"10px 12px"}else if("large"===r)switch(t){case"tertiary":case"tertiaryGray":return"14px 4px";default:return"14px 12px"}},s=(t,o)=>"dashRegular"===o?r:"chip"===t?n:"small"===t?e:a,p=(r,n)=>n?t.surface.standard:"secondary"==r?t.stroke.brand:t.content.placeholder,b=(r,n,e,a)=>"text"==n?"border: none;":"chip"===e?`border: ${"2.0"===r?.5:1}px solid ${t.stroke.primary};`:a?"secondary"===n?`border: ${"2.0"===r?.5:1}px solid ${p(n,a)};`:"border: none;":"secondary"===n?`border: ${"2.0"===r?.5:1}px solid ${p(n)};`:"border: none;",u=t=>"medium"===t?"5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px":"6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px",g=(t,r)=>"text"===t?"background-color:transparent;":r||"primary"===t?"":"background-color: #000000;\n\t\t\t\topacity: 0.03;",l=(r,n)=>n?"":`text-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.content.brand};`,y=(r,n)=>n?"":"primary"===r?`background-color: ${t.stroke.warning.lightAlt};`:"background-color: rgba(255, 255, 255, 0.1)",h=(r,n,e)=>"chip"===n?"background-color: transparent;":"primary"===r||"destructive"===r?e?"background-color: rgba(255,255,255,0.3);":`background-color: ${t.background.inactive};`:"secondary"===r?e?"border: 1px solid rgba(255, 255, 255, 0.5);":`border: 1px solid ${t.stroke.primary};`:"",x=function(t,r){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:p(t);return`\n\t.line-top {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${u(r)}\n\t\t);\n\t}\n\t.line-right {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${u(r)}\n\t\t);\n\t}\n\t.line-bottom {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${u(r)}\n\t\t);\n\t}\n\t.line-left {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${u(r)}\n\t\t);\n\t}\n\t`},k=(r,n,e)=>"text"===r?`background-color: ${t.background.brandLight};\n\t\t\ttext-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.content.brand};`:"chip"===n?`border: 1px solid ${t.stroke.brandLightAlt};\n\t\tbackground-color: ${t.background.brandLight};`:"primary"===r||"destructive"===r?e?`background-color: ${t.background.warning.vibrant} !important;\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t\t`:"box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);":"secondary"===r||"tertiary"===r||"tertiaryGray"===r||r.startsWith("dash")?e?`background-color: ${t.background.inverseLight}  !important;`:`background-color: ${t.background.brandLight};`:void 0,m=(r,n,e)=>"chip"===n?`background-color: ${t.background.base};`:"primary"===r?`background-color: ${e?t.background.warning.vibrant:t.background.brandLight};`:"destructive"===r?`background-color: ${t.background.negative.light};`:"background-color: transparent;",$=(r,n,e)=>"chip"===n?"border: none;":"secondary"===r?e?`border: 1px solid ${t.content.secondary};`:`border: 1px solid ${t.stroke.brandLightAlt};`:"",v=(r,n)=>n?"primary"===r?t.content.primary:t.content.primaryInverse:"destructive"===r?t.content.negative:t.content.brand,f=(r,n,e,a,o,i)=>"chip"===r?a?t.content.inactive:i?t.content.primary:t.content.secondary:o?"transparent":"primary"===n||"destructive"===n?e?a?"rgba(255, 255, 255, 0.5)":t.content.primary:a?t.content.inactive:t.content.primaryInverse:"secondary"===n||"tertiary"===n?e?a?"rgba(255, 255, 255, 0.5)":t.content.primaryInverse:a?t.content.inactive:t.content.brand:"tertiaryGray"===n||n.startsWith("dash")?a?t.content.inactive:t.content.secondary:void 0;export{s as GetButtonTextComponent,v as SpinnerColorMap,h as generateDisabledStyling,y as generateInverseHoverBackground,o as getBackgroundColor,b as getBorder,p as getBorderColor,f as getButtonIconColor,k as getClickEffect,i as getColor,x as getDashedBorderStyling,c as getDisabledTextColor,g as getHoverButtonBackground,l as getHoverButtonTextDecorationStyle,u as getLinearGradientValue,m as getLoadingBackground,$ as getLoadingBorder,d as getPadding};

package/dist/esm/components/buttonGroup/ButtonGroup.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export interface ButtonGroupInterface {
+    id: string;
+    title: string;
+    icon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+}
+export interface ButtonGroupProps {
+    id?: string;
+    width?: string;
+    gap?: string;
+    iconWidth?: string;
+    iconHeight?: string;
+    iconPosition?: 'left' | 'right' | 'top';
+    onButtonClick: (buttonId: string) => void;
+    activeButtonId?: string;
+    buttonGroup: Array<ButtonGroupInterface>;
+    size: 'small' | 'medium' | 'large';
+    matchParentWidth?: boolean;
+    borderRadius?: string;
+    backgroundColor?: string;
+}
+export declare const ButtonGroup: React.FC<ButtonGroupProps>;

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

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

package/dist/esm/components/buttonGroup/ButtonGroupStyle.d.ts

@@ -0,0 +1,13 @@
+export declare const ButtonGroupStyle: import("styled-components").StyledComponent<"div", any, {
+    width: string | undefined;
+    size: 'small' | 'medium' | 'large';
+    gap: string | undefined;
+}, never>;
+export declare const Button: import("styled-components").StyledComponent<"div", any, {
+    isActive: boolean;
+    matchParentWidth: boolean;
+    borderRadius: string;
+    iconPosition?: "left" | "right" | "top" | undefined;
+    size: 'small' | 'medium' | 'large';
+    backgroundColor?: string | undefined;
+}, never>;

package/dist/esm/components/buttonGroup/ButtonGroupStyle.js

@@ -0,0 +1,32 @@
+import e from"styled-components";import{COLORS as i}from"../../constants/Theme.js";const t={small:"8px 12px",medium:"10px 12px",large:"14px 12px"},o={small:"36px",medium:"40px",large:"48px"},n=e.div`
+	display: flex;
+	flex-direction: row;
+	width: ${e=>e.width||"100%"};
+	height: ${e=>e.size?o[e.size]:"36px"};
+	gap: ${e=>e.gap||"12px"};
+`,r=e.div`
+	display: flex;
+	flex-direction: ${e=>"top"!==e.iconPosition?"left"===e.iconPosition?"row":"row-reverse":"column"};
+	flex: ${e=>e.matchParentWidth?1:"unset"};
+	height: 100%;
+	background: ${e=>e.isActive?i.background.brandLight:e.backgroundColor};
+	border: 1px solid
+		${e=>e.isActive?i.background.inverseLight:i.stroke.primary};
+	border-radius: ${e=>e.borderRadius};
+	align-items: center;
+	justify-content: center;
+	padding: ${e=>e.size?t[e.size]:"8px 10px"};
+	gap: ${e=>e.iconPosition&&"top"!==e.iconPosition?"10px":"2px"};
+	.button {
+		align-items: center;
+		justify-content: center;
+		&__image {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+	}
+	:hover {
+		cursor: pointer;
+	}
+`;export{r as Button,n as ButtonGroupStyle};

package/dist/esm/components/buttonGroup/index.d.ts

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

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

@@ -0,0 +1,17 @@
+import React from 'react';
+export type CardSelectionModalProps = {
+    isOpen: boolean;
+    title?: string;
+    subTitle?: string;
+    infoText?: string;
+    cards: SelectionCardData[];
+    onCardSelected: (value: string) => void;
+    onClose: () => void;
+};
+export type SelectionCardData = {
+    icon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    value: string;
+    title: string;
+    description: string;
+};
+export declare const CardSelectionModal: React.FC<CardSelectionModalProps>;

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

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

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

@@ -0,0 +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;
+}, 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;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1 @@
+import c from"@emotion/styled/base";import{DEFAULT_THEME as b}from"../../constants/Theme.js";const d=c("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)."}}),l=c("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:",b.colorsV2.surface.standard,";border:1px solid ",b.colorsV2.stroke.primary,";border-radius:4px;cursor:pointer;&:hover{background-color:",b.colorsV2.surface.hovered,";}.icon__container{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:",b.colorsV2.background.brandLight,";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmRTZWxlY3Rpb25Nb2RhbC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CcUMiLCJmaWxlIjoiQ2FyZFNlbGVjdGlvbk1vZGFsLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWRDYXJkQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTJweDtcblx0LmNhcmRzX193cmFwcGVyIHtcblx0XHRwYWRkaW5nOiAwIDI0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LXdyYXA6IHdyYXA7XG5cdFx0Z2FwOiAxNnB4O1xuXHR9XG5cdC5pbmZvX193cmFwcGVyIHtcblx0XHRwYWRkaW5nOiAwIDI0cHggMjRweCAyNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRnYXA6IDRweDtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENhcmQgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDIxMnB4O1xuXHRwYWRkaW5nOiAxNnB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDhweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3Ryb2tlLnByaW1hcnl9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblxuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3VyZmFjZS5ob3ZlcmVkfTtcblx0fVxuXG5cdC5pY29uX19jb250YWluZXIge1xuXHRcdHdpZHRoOiA0OHB4O1xuXHRcdGhlaWdodDogNDhweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DYXJkU2VsZWN0aW9uTW9kYWwuc3R5bGVkLmpzLm1hcCJdfQ== */"));export{l as StyledCard,d as StyledCardContainer};

package/dist/esm/components/card-selection-modal/index.d.ts

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

package/dist/esm/components/carousel/carousel.d.ts

@@ -0,0 +1,2 @@
+import { CarouselProps } from '@trendyol-js/react-carousel/dist/types/components/carousel';
+export declare const Carousel: (props: CarouselProps) => import("react/jsx-runtime").JSX.Element;