@bikdotai/bik-component-library 0.0.718-beta.7 → 0.0.718-beta.9

package/dist/cjs/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/cjs/components/bik-layout/FeatureModal.js

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

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

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

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

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

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

@@ -0,0 +1,93 @@
+/// <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;
+    }[];
+    isLocked?: undefined;
+    showAccessUpgradePanel?: undefined;
+    isNew?: undefined;
+    isLastSticky?: undefined;
+    layout?: undefined;
+    is2ndLastSticky?: undefined;
+} | {
+    displayName: string;
+    key: number;
+    icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    isLocked: boolean;
+    activeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    hoverIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    children?: undefined;
+    showAccessUpgradePanel?: undefined;
+    isNew?: undefined;
+    isLastSticky?: undefined;
+    layout?: undefined;
+    is2ndLastSticky?: 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;
+    isLocked: boolean;
+    children: {
+        displayName: string;
+        key: number;
+    }[];
+    isNew?: undefined;
+    isLastSticky?: undefined;
+    layout?: undefined;
+    is2ndLastSticky?: 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>>;
+    isNew: boolean;
+    children?: undefined;
+    isLocked?: undefined;
+    showAccessUpgradePanel?: undefined;
+    isLastSticky?: undefined;
+    layout?: undefined;
+    is2ndLastSticky?: 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>>;
+    isNew: boolean;
+    isLastSticky: boolean;
+    children: {
+        displayName: string;
+        key: number;
+    }[];
+    isLocked?: undefined;
+    showAccessUpgradePanel?: undefined;
+    layout?: undefined;
+    is2ndLastSticky?: 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>>;
+    layout: string;
+    is2ndLastSticky: boolean;
+    children: {
+        displayName: string;
+        key: number;
+        description: string;
+    }[];
+    isLocked?: undefined;
+    showAccessUpgradePanel?: undefined;
+    isNew?: undefined;
+    isLastSticky?: undefined;
+})[];

package/dist/cjs/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/cjs/components/bik-layout/PageLoader.js

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

package/dist/cjs/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/cjs/components/bik-layout/ShowShopifyRestrictedModal.js

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

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Menu } from './SimpleSidebar';
+export interface SidebarPopupI {
+    menuList: Menu[];
+    width?: number;
+    zIndex?: number;
+    left?: number;
+    top?: number;
+    onMouseLeaveOnMenu?: () => void;
+    onClickingPopupMenu: (menuSelected: Menu, reDirect?: boolean) => void;
+}
+export declare const SidebarPopup: React.FC<SidebarPopupI>;

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

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

package/dist/cjs/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/cjs/components/bik-layout/SidebarSkeleton.js

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

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

@@ -0,0 +1,21 @@
+import { SidebarTheme } from './SimpleSidebar';
+export declare const SideBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MainSideBarMenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SibeBarMenuItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SimpleSidebarContainer: import("styled-components").StyledComponent<"div", any, {
+    postion?: "fixed" | "sticky" | undefined;
+    top?: number | undefined;
+    theme: SidebarTheme;
+    width?: number | undefined;
+    zIndex?: number | undefined;
+    left?: number | undefined;
+    isNewSidebar?: boolean | undefined;
+}, never>;
+export declare const SidebarPopupContainer: import("styled-components").StyledComponent<"div", any, {
+    postion?: "fixed" | "sticky" | undefined;
+    top?: number | undefined;
+    theme: SidebarTheme;
+    zIndex?: number | undefined;
+    left?: number | undefined;
+    bottom?: number | undefined;
+}, never>;

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

@@ -0,0 +1,271 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e);const n=o.default.div`
+	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%;
+		}
+	}
+
+	.sticky-menu-three {
+		@media (min-height: 768px) {
+			position: absolute;
+			bottom: 128px;
+			width: 85%;
+		}
+	}
+
+	.new-menu-item {
+		padding-top: 14px;
+	}
+`,r=o.default.div`
+	margin: 16px 0px;
+`,a=o.default.div`
+	.main--sidebar {
+		overflow-y: auto;
+		padding: 0px 8px;
+		margin-bottom: 6px;
+		> * {
+			gap: 8px;
+		}
+	}
+	.locked--channel {
+		position: absolute;
+		right: 10px;
+		margin-top: -5px;
+	}
+
+	.new-tag {
+		position: absolute;
+		right: 5px;
+		background: ${t.COLORS.stroke.warning.vibrant} !important;
+		font-size: 7.7px;
+		font-family: 'Inter';
+		line-height: 10px;
+		padding: 2px 9.27px 2px 9.27px;
+		border-radius: 16px 16px 0px 16px;
+		background: ${t.COLORS.background.inverse};
+	}
+
+	.tag-sticky {
+		@media (min-height: 768px) {
+			bottom: 116px;
+			z-index: 1;
+		}
+	}
+	.tag-sticky-2 {
+		@media (min-height: 768px) {
+			bottom: 48px;
+			z-index: 1;
+		}
+	}
+
+	.sidebar-menu-item {
+		display: flex;
+		flex-direction: column;
+		border-radius: 10px;
+		align-items: center;
+		justify-content: space-around;
+		cursor: pointer;
+		> * {
+			gap: 10px;
+		}
+		padding: 8px;
+	}
+
+	.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: ${t.COLORS.content.secondaryInverse};
+			margin-bottom: 0px;
+			text-align: center;
+		}
+		.active-menu-item-text {
+			color: ${t.COLORS.background.warning.vibrant};
+		}
+	}
+	.main-menu-active-class {
+		border-radius: 10px;
+		background-color: #381062;
+		color: ${t.COLORS.background.warning.vibrant};
+	}
+	.sidebar-menu-item-hover {
+		background: #381062;
+		border-radius: 8px;
+	}
+	.sidebar-menu-item:hover {
+		background: #381062;
+		border-radius: 8px;
+	}
+`,d=o.default.div`
+	.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: ${e=>e.postion?e.postion:"sticky"};
+		top: ${e=>e.top?e.top:0}px;
+		left: ${e=>e.left?e.left:0}px; //88
+		width: ${e=>e.width?e.width:200}px;
+		z-index: ${e=>e.zIndex?e.zIndex:2};
+		background-color: ${e=>"brand"==e.theme?"#381062":t.COLORS.surface.standard};
+		height: ${e=>e.isNewSidebar?"fit-content":"100vh"};
+		display: flex;
+		flex-direction: column;
+		padding: 8px;
+		border-radius: ${e=>e.isNewSidebar?"12px":""};
+	}
+
+	.sub-child-menu {
+		display: flex;
+		align-items: center;
+		justify-content: flex-start;
+		margin-bottom: ${e=>e.isNewSidebar?"":"8px"};
+		cursor: pointer;
+		.sub-child-text {
+			color: ${e=>"brand"==e.theme?t.COLORS.surface.standard:""};
+			margin-bottom: 0px;
+			padding: 8px 12px;
+			white-space: nowrap;
+			overflow: hidden;
+			text-overflow: ellipsis;
+		}
+		.sub-child-new-tag {
+			padding: 2px 9px 2px 9px;
+			border-radius: 16px;
+			background-color: rgba(254, 192, 45, 1);
+			font-family: Inter;
+			font-size: 7px;
+			font-weight: 600;
+			line-height: 10px;
+			color: rgba(40, 3, 78, 1);
+		}
+		.sub-child-active-text {
+			border-radius: 0px 4px 4px 0px;
+			width: 2px;
+			height: 12px;
+			background: ${e=>e.isNewSidebar?t.COLORS.background.warning.vibrant:"white"};
+		}
+		.active-bold-weight {
+			font-weight: 600;
+			color: ${e=>e.isNewSidebar?t.COLORS.background.warning.vibrant:""};
+		}
+		.sub-child-active-menu-style {
+			color: ${e=>e.isNewSidebar?t.COLORS.background.warning.vibrant:""};
+		}
+	}
+	.sub-child-menu:hover {
+		background: ${e=>"brand"==e.theme?t.COLORS.background.inverseLight:t.COLORS.background.base};
+		border-radius: 8px;
+	}
+	.sub-child-active-menu {
+		background: ${e=>"brand"==e.theme?t.COLORS.background.inverseLight:t.COLORS.background.base};
+		border-radius: 8px;
+	}
+	.sub-child-display-name {
+		padding: 14px 12px;
+		color: ${e=>"brand"==e.theme?t.COLORS.content.secondaryInverse:t.COLORS.text.secondary};
+	}
+	.lower-sticky-panel {
+		position: ${e=>e.isNewSidebar?"relative":"absolute"};
+		bottom: ${e=>e.isNewSidebar?"":"16px"};
+		margin-top: ${e=>e.isNewSidebar?"auto":""};
+		margin-bottom: ${e=>e.isNewSidebar?"16px":""};
+		.title-text {
+			padding: 8px 12px;
+			text-align: center;
+		}
+		.upgrade-button {
+			margin: auto;
+		}
+	}
+	.sidebar-skeleton {
+		padding: 8px;
+	}
+`,p=o.default.div`
+	.sidebar-right-menu {
+		border-radius: 4px;
+		border: 0.5px solid var(--stroke-color-stroke-primary, #e0e0e0);
+		box-shadow: 0px 0px 12px 0px rgba(222, 236, 255, 0.6);
+		position: ${e=>e.postion?e.postion:"sticky"};
+		top: ${e=>e.top?e.top:void 0}px;
+		bottom: 10px;
+		left: ${e=>e.left?e.left:0}px; //88
+		z-index: ${e=>e.zIndex?e.zIndex:2};
+		background-color: ${e=>"brand"==e.theme?"#381062":t.COLORS.surface.standard};
+		display: flex;
+		flex-direction: column;
+		padding: 12px;
+		gap: 4px;
+		min-height: 100px;
+		overflow-y: auto;
+	}
+	.each-menu {
+		padding: 8px;
+		gap: 4px;
+		display: flex;
+		flex-direction: column;
+		justify-content: flex-start;
+		align-items: flex-start;
+		border-bottom: 0.5px solid #e0e0e0;
+		cursor: pointer;
+		max-width: 320px;
+		:hover {
+			background-color: ${t.COLORS.background.base};
+			border-radius: 8px;
+		}
+	}
+`;exports.MainSideBarMenuWrapper=r,exports.SibeBarMenuItem=a,exports.SideBarContainer=n,exports.SidebarPopupContainer=p,exports.SimpleSidebarContainer=d;

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

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

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

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

package/dist/cjs/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/cjs/components/button/Button.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ButtonProps } from './model';
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

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

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

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { Size, Type } from './model';
+export declare const Button: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    size: Size;
+    buttonType: Type;
+    isLoading?: boolean | undefined;
+    inverse?: boolean | undefined;
+    disabled?: boolean | undefined;
+    matchParentWidth?: boolean | undefined;
+    version?: "1.0" | "2.0" | undefined;
+    darkMode?: boolean | undefined;
+    activated?: boolean | undefined;
+    error?: boolean | undefined;
+    buttonColor?: string | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const ButtonCustomDashedBorder: () => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/cjs/components/button/index.d.ts

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