@bikdotai/bik-component-library 0.0.805-beta.0 → 0.0.805-beta.10

package/dist/esm/components/bik-layout/BikSidebarV2/BikSidebarV2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BikSidebarV2.js","sources":["../../../../../src/components/bik-layout/BikSidebarV2/BikSidebarV2.tsx"],"sourcesContent":["import BikIcon from '@src/assets/icons/Bik_logo.svg';\nimport LockedIcon from '@src/assets/icons/locked.svg';\nimport {\n\tFragment,\n\tuseCallback,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport React from 'react';\nimport CircularProgressBar from '@src/components/progress-bar/CircularProgressBar';\nimport { COLORS } from '@src/constants/Theme';\nimport { NavigationHyperlink } from '../../navigation-hyperlink/NavigationHyperlink';\nimport { Menu } from './SidebarV2.model';\nimport { SidebarV2Popup } from './SidebarV2Popup';\nimport {\n\tMainSideBarV2MenuWrapper,\n\tSibeBarV2MenuItem,\n\tSidebarLockedChannel,\n\tSidebarMainMenu,\n\tSidebarMenuItemContainer,\n\tSidebarMenuItemInner,\n\tSidebarMenuItemText,\n\tSidebarNewTag,\n\tSideBarV2Container,\n} from './SidebarV2Styles';\nimport { SimpleSidebarV2 } from './SimpleSidebarV2';\n\nexport interface MenuItemV2 {\n\tkey: string | number;\n\tdisplayName: string;\n\ticon: React.FunctionComponent<React.SVGAttributes<SVGElement>>; // Main Icon element that is to display\n\tactiveIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>; // Icon element to pass when the menu is active\n\thoverIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>; //Icon element to pass when the menu is hovered upon\n\tisLastSticky?: boolean; // to stick any menu at the end of the list\n\tis2ndLastSticky?: boolean; // to stick any menu at 2nd last end of list\n\tchildren?: Menu[];\n\tshowAccessUpgradePanel?: boolean;\n\tpath?: string;\n\tlayout?: 'fullScreen' | 'popup' | string | undefined;\n\tisNew?: boolean;\n\tisLocked?: boolean;\n}\n\nexport interface BikSidebarV2Props {\n\tlogoSvg?: JSX.Element;\n\tallMenuList: MenuItemV2[];\n\tactiveMainMenu: MenuItemV2;\n\tactiveSubMenu: Menu;\n\trouter: any;\n\tonClickingMainMenu: (menu: MenuItemV2) => void;\n\tonClickingSubMenu: (subMenu: Menu) => void;\n\tonClickingAccessUpgradePanel?: () => void;\n\tonClickingPopupMenuItem?: (menu: Menu) => void;\n\tpopupMinHeight?: number;\n\tisNewSidebar?: boolean;\n\tonboardingPercentage?: number;\n\tmenuStyle?: React.CSSProperties;\n}\n\ninterface GetSideBarV2MenuItemProps {\n\toption: MenuItemV2;\n\tindex: number;\n\tonClickMainMenuLogic: (option: MenuItemV2) => void;\n\tsetHandleHoverForFullLayout: (option: MenuItemV2) => void;\n\tisDisabled: boolean;\n\tsetHoveredComp: (comp: any) => void;\n\tsetPopupMenu: (menu: any) => void;\n\tmainActiveMenu: MenuItemV2 | undefined;\n\thoveredComp: MenuItemV2 | undefined;\n\tpopupMenu: MenuItemV2 | undefined;\n\tonMouseLeaveMenuItem: () => void;\n}\n\nexport const BikSidebarV2: React.FC<BikSidebarV2Props> = (\n\tbikSidebarV2Props,\n) => {\n\tconst {\n\t\tlogoSvg,\n\t\tallMenuList,\n\t\tactiveMainMenu,\n\t\tactiveSubMenu,\n\t\trouter,\n\t\tonClickingMainMenu,\n\t\tonClickingSubMenu,\n\t\tonClickingAccessUpgradePanel,\n\t\tonClickingPopupMenuItem,\n\t\tpopupMinHeight,\n\t\tisNewSidebar,\n\t\tmenuStyle,\n\t} = bikSidebarV2Props;\n\tconst [mainActiveMenu, setMainActiveMenu] =\n\t\tuseState<MenuItemV2>(activeMainMenu);\n\tconst [hoveredComp, setHoveredComp] = useState<MenuItemV2>();\n\tconst [subActiveMenu, setSubActiveMenu] = useState<Menu>(activeSubMenu);\n\tconst [isDisabled, setIsDisabled] = useState(false);\n\tconst [popupMenu, setPopupMenu] = useState<MenuItemV2>();\n\tconst [popupMenuTop, setPopupMenuTop] = useState<number>();\n\tconst [sidebarEachMenuTop, setSidebarEachMenuTop] = useState<number>();\n\tconst hoverLeaveTimerRef = useRef<NodeJS.Timeout | null>(null);\n\tconst numberOfStickyOptions = useMemo(\n\t\t() =>\n\t\t\tallMenuList.filter((menu) => menu.is2ndLastSticky || menu.isLastSticky)\n\t\t\t\t.length,\n\t\t[allMenuList],\n\t);\n\n\tuseEffect(() => {\n\t\tsetMainActiveMenu(activeMainMenu);\n\t}, [activeMainMenu]);\n\n\tuseEffect(() => {\n\t\tsetSubActiveMenu(activeSubMenu);\n\t}, [activeSubMenu]);\n\n\tconst onClickMainMenuLogic = useCallback(\n\t\t(option: MenuItemV2) => {\n\t\t\tif (option?.layout === 'popup') {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetPopupMenu(undefined);\n\t\t\tsetHoveredComp(undefined);\n\t\t\tsetIsDisabled(true);\n\t\t\tsetMainActiveMenu(option);\n\t\t\tif (!option.path) {\n\t\t\t\tonClickingMainMenu(option);\n\t\t\t}\n\t\t\toption?.children?.length\n\t\t\t\t? setSubActiveMenu(option?.children[0])\n\t\t\t\t: setSubActiveMenu({} as Menu);\n\t\t\tsetHoveredComp(undefined);\n\t\t\tsetTimeout(() => {\n\t\t\t\tsetIsDisabled(false);\n\t\t\t}, 1000);\n\t\t},\n\t\t[onClickingMainMenu],\n\t);\n\n\tconst setHandleHoverForFullLayout = useCallback((option: MenuItemV2) => {\n\t\tcancelHoverLeaveTimer();\n\t\tsetHoveredComp(undefined);\n\t\tsetPopupMenu(undefined);\n\t\tif (option?.layout == 'popup') {\n\t\t\tconst top = determineElementTop();\n\t\t\ttop && setPopupMenuTop(top);\n\t\t\tsetPopupMenu(option);\n\t\t} else {\n\t\t\tconst targetElement = document.getElementById(\n\t\t\t\toption.displayName?.split(' ')?.join('') || option.key.toString(),\n\t\t\t);\n\t\t\tif (targetElement) {\n\t\t\t\tconst topValue = calculateTopSideBarPosition(targetElement, option);\n\t\t\t\tsetSidebarEachMenuTop(topValue);\n\t\t\t}\n\t\t\tsetHoveredComp(option);\n\t\t}\n\t}, []);\n\tconst calculateTopSideBarPosition = (\n\t\ttargetElement: HTMLElement,\n\t\toption: MenuItemV2,\n\t) => {\n\t\tconst targetRect = targetElement.getBoundingClientRect();\n\t\tlet topValue = targetRect.top;\n\t\tconst innerHeight = window.innerHeight;\n\t\tif (innerHeight <= 768) {\n\t\t\treturn topValue;\n\t\t}\n\t\tif (option.isLastSticky || option.is2ndLastSticky) {\n\t\t\tconst windowHeight = window.innerHeight;\n\t\t\tconst distanceToBottom = windowHeight - targetRect.bottom;\n\t\t\ttopValue = targetRect.top + distanceToBottom - 200; // sample height for lower elements\n\t\t}\n\t\treturn topValue;\n\t};\n\n\tuseEffect(() => {\n\t\tconst handleResize = () => {\n\t\t\tconst newTop = determineElementTop();\n\t\t\tnewTop && setPopupMenuTop(newTop);\n\t\t\tdetermineSideMenuTopWhileResize();\n\t\t};\n\t\twindow.addEventListener('resize', handleResize);\n\t\treturn () => {\n\t\t\twindow.removeEventListener('resize', handleResize);\n\t\t};\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n\tconst determineSideMenuTopWhileResize = () => {\n\t\tconst openSideMenuElement = document.getElementById('_sub-menu');\n\t\tconst openSideMenuElementHeight =\n\t\t\topenSideMenuElement?.getBoundingClientRect().height;\n\t\tif (openSideMenuElementHeight) {\n\t\t\tsetSidebarEachMenuTop(window.innerHeight - openSideMenuElementHeight);\n\t\t}\n\t};\n\tconst cancelHoverLeaveTimer = useCallback(() => {\n\t\tif (hoverLeaveTimerRef.current) {\n\t\t\tclearTimeout(hoverLeaveTimerRef.current);\n\t\t\thoverLeaveTimerRef.current = null;\n\t\t}\n\t}, []);\n\n\tconst startHoverLeaveTimer = useCallback(() => {\n\t\tcancelHoverLeaveTimer();\n\t\thoverLeaveTimerRef.current = setTimeout(() => {\n\t\t\tsetHoveredComp(undefined);\n\t\t\tsetPopupMenu(undefined);\n\t\t}, 150);\n\t}, [cancelHoverLeaveTimer]);\n\n\tconst determineElementTop = () => {\n\t\tif (popupMenu) {\n\t\t\tconst currentId =\n\t\t\t\tpopupMenu.displayName?.split(' ')?.join('') + '_sub' ||\n\t\t\t\tpopupMenu.key.toString() + '_sub';\n\n\t\t\tconst targetElement = document.getElementById(currentId);\n\t\t\tif (targetElement) {\n\t\t\t\tconst sideMenuRect = targetElement.getBoundingClientRect();\n\t\t\t\tlet divBoxTop = sideMenuRect.top;\n\t\t\t\tconst popupHeight = popupMinHeight ?? 320;\n\t\t\t\tif (sideMenuRect.bottom + popupHeight > window.innerHeight) {\n\t\t\t\t\tdivBoxTop -= sideMenuRect.bottom + popupHeight - window.innerHeight;\n\t\t\t\t}\n\t\t\t\treturn divBoxTop;\n\t\t\t}\n\t\t\treturn null;\n\t\t}\n\t};\n\n\treturn (\n\t\t<SideBarV2Container>\n\t\t\t<div\n\t\t\t\tclassName=\"bik-header-logo\"\n\t\t\t\tonClick={() => undefined}\n\t\t\t\tonKeyDown={() => undefined}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t{logoSvg ? logoSvg : <BikIcon />}\n\t\t\t</div>\n\t\t\t<MainSideBarV2MenuWrapper style={menuStyle}>\n\t\t\t\t{allMenuList?.map((option, index) => (\n\t\t\t\t\t<Fragment key={index}>\n\t\t\t\t\t\t{option.path ? (\n\t\t\t\t\t\t\t<NavigationHyperlink href={option.path} router={router}>\n\t\t\t\t\t\t\t\t<EachSidebarMenuItem\n\t\t\t\t\t\t\t\t\toption={option}\n\t\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t\t\tonClickMainMenuLogic={onClickMainMenuLogic}\n\t\t\t\t\t\t\t\t\tsetHandleHoverForFullLayout={setHandleHoverForFullLayout}\n\t\t\t\t\t\t\t\t\tisDisabled={isDisabled}\n\t\t\t\t\t\t\t\t\tsetHoveredComp={setHoveredComp}\n\t\t\t\t\t\t\t\t\tsetPopupMenu={setPopupMenu}\n\t\t\t\t\t\t\t\t\tmainActiveMenu={mainActiveMenu}\n\t\t\t\t\t\t\t\t\thoveredComp={hoveredComp}\n\t\t\t\t\t\t\t\t\tpopupMenu={popupMenu}\n\t\t\t\t\t\t\t\t\tonMouseLeaveMenuItem={startHoverLeaveTimer}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</NavigationHyperlink>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<EachSidebarMenuItem\n\t\t\t\t\t\t\t\toption={option}\n\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t\tonClickMainMenuLogic={onClickMainMenuLogic}\n\t\t\t\t\t\t\t\tsetHandleHoverForFullLayout={setHandleHoverForFullLayout}\n\t\t\t\t\t\t\t\tisDisabled={isDisabled}\n\t\t\t\t\t\t\t\tsetHoveredComp={setHoveredComp}\n\t\t\t\t\t\t\t\tsetPopupMenu={setPopupMenu}\n\t\t\t\t\t\t\t\tmainActiveMenu={mainActiveMenu}\n\t\t\t\t\t\t\t\thoveredComp={hoveredComp}\n\t\t\t\t\t\t\t\tpopupMenu={popupMenu}\n\t\t\t\t\t\t\t\tonMouseLeaveMenuItem={startHoverLeaveTimer}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{option.layout === 'popup' && popupMenu?.children?.length && (\n\t\t\t\t\t\t\t\t<SidebarV2Popup\n\t\t\t\t\t\t\t\t\ttop={popupMenuTop ?? undefined}\n\t\t\t\t\t\t\t\t\tmenuList={popupMenu?.children}\n\t\t\t\t\t\t\t\t\tonClickingPopupMenu={(popupMenuSelected) => {\n\t\t\t\t\t\t\t\t\t\tonClickingPopupMenuItem &&\n\t\t\t\t\t\t\t\t\t\t\tonClickingPopupMenuItem(popupMenuSelected);\n\t\t\t\t\t\t\t\t\t\tsetPopupMenu(undefined);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonMouseEnterOnMenu={cancelHoverLeaveTimer}\n\t\t\t\t\t\t\t\t\tonMouseLeaveOnMenu={startHoverLeaveTimer}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{hoveredComp?.children?.length && (\n\t\t\t\t\t\t\t\t<SimpleSidebarV2\n\t\t\t\t\t\t\t\t\tmenuList={hoveredComp?.children}\n\t\t\t\t\t\t\t\t\twidth={200}\n\t\t\t\t\t\t\t\t\tactiveMenu={subActiveMenu}\n\t\t\t\t\t\t\t\t\tonMouseEnterOnMenu={cancelHoverLeaveTimer}\n\t\t\t\t\t\t\t\t\tonMouseLeaveOnMenu={() => setHoveredComp(undefined)}\n\t\t\t\t\t\t\t\t\tleft={isNewSidebar ? 78 : 78}\n\t\t\t\t\t\t\t\t\tpostion={'fixed'}\n\t\t\t\t\t\t\t\t\theader={hoveredComp.displayName}\n\t\t\t\t\t\t\t\t\ttheme={'brand'}\n\t\t\t\t\t\t\t\t\trouter={router}\n\t\t\t\t\t\t\t\t\tshowAccessUpgradePanel={hoveredComp.showAccessUpgradePanel}\n\t\t\t\t\t\t\t\t\tonMenuClick={(menuSelected, reDirect) => {\n\t\t\t\t\t\t\t\t\t\tsetSubActiveMenu(menuSelected);\n\t\t\t\t\t\t\t\t\t\tsetMainActiveMenu(hoveredComp);\n\t\t\t\t\t\t\t\t\t\tsetHoveredComp(undefined);\n\t\t\t\t\t\t\t\t\t\tsetPopupMenu(undefined);\n\t\t\t\t\t\t\t\t\t\treDirect && onClickingSubMenu(menuSelected);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonUpgrade={onClickingAccessUpgradePanel}\n\t\t\t\t\t\t\t\t\ttop={\n\t\t\t\t\t\t\t\t\t\tisNewSidebar\n\t\t\t\t\t\t\t\t\t\t\t? sidebarEachMenuTop\n\t\t\t\t\t\t\t\t\t\t\t\t? sidebarEachMenuTop\n\t\t\t\t\t\t\t\t\t\t\t\t: 0\n\t\t\t\t\t\t\t\t\t\t\t: 0\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tisNewSidebar={isNewSidebar}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>\n\t\t\t\t\t</Fragment>\n\t\t\t\t))}\n\t\t\t\t{typeof bikSidebarV2Props.onboardingPercentage === 'number' && (\n\t\t\t\t\t<SibeBarV2MenuItem>\n\t\t\t\t\t\t<SidebarMainMenu>\n\t\t\t\t\t\t\t<SidebarMenuItemInner\n\t\t\t\t\t\t\t\tid={'bik-onboarding__checklist'}\n\t\t\t\t\t\t\t\tstickyBottom={\n\t\t\t\t\t\t\t\t\tnumberOfStickyOptions === 0\n\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t: numberOfStickyOptions === 1\n\t\t\t\t\t\t\t\t\t\t? 64\n\t\t\t\t\t\t\t\t\t\t: 128\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<CircularProgressBar\n\t\t\t\t\t\t\t\t\tpercentage={bikSidebarV2Props.onboardingPercentage}\n\t\t\t\t\t\t\t\t\twidth={48}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</SidebarMenuItemInner>\n\t\t\t\t\t\t</SidebarMainMenu>\n\t\t\t\t\t</SibeBarV2MenuItem>\n\t\t\t\t)}\n\t\t\t</MainSideBarV2MenuWrapper>\n\t\t</SideBarV2Container>\n\t);\n};\n\nconst IconComponent: React.FC<{\n\ticon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\tisActive: boolean;\n\tactiveStateIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\thoverStateIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\tisHovered: boolean;\n}> = (iconComponentProps) => {\n\tconst { icon, isActive, activeStateIcon } = iconComponentProps;\n\tconst Icon = icon;\n\tconst ActiveIcon = activeStateIcon;\n\treturn (\n\t\t<>\n\t\t\t{isActive ? (\n\t\t\t\t<ActiveIcon\n\t\t\t\t\twidth={16}\n\t\t\t\t\theight={16}\n\t\t\t\t\tcolor={COLORS.content.primaryInverse}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<Icon width={16} height={16} color={COLORS.content.secondaryInverse} />\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nconst EachSidebarMenuItem: React.FC<GetSideBarV2MenuItemProps> = ({\n\toption,\n\tindex,\n\tonClickMainMenuLogic,\n\tsetHandleHoverForFullLayout,\n\tisDisabled,\n\tmainActiveMenu,\n\thoveredComp,\n\tpopupMenu,\n\tonMouseLeaveMenuItem,\n}) => {\n\treturn (\n\t\t<SibeBarV2MenuItem>\n\t\t\t<SidebarMainMenu\n\t\t\t\tid={option.displayName?.split(' ')?.join('') || option.key.toString()}\n\t\t\t\tkey={index}\n\t\t\t\tonClick={() => !isDisabled && onClickMainMenuLogic(option)}\n\t\t\t\tonMouseEnter={() => {\n\t\t\t\t\tsetHandleHoverForFullLayout(option);\n\t\t\t\t}}\n\t\t\t\tonMouseLeave={onMouseLeaveMenuItem}\n\t\t\t\tonFocus={() => {\n\t\t\t\t\t// do nothing\n\t\t\t\t}}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t{option.isNew && (\n\t\t\t\t\t<SidebarNewTag isLastSticky={option.isLastSticky}>NEW</SidebarNewTag>\n\t\t\t\t)}\n\t\t\t\t{option.isLocked && (\n\t\t\t\t\t<SidebarLockedChannel\n\t\t\t\t\t\tisLastSticky={option.isLastSticky}\n\t\t\t\t\t\tis2ndLastSticky={option.is2ndLastSticky}\n\t\t\t\t\t>\n\t\t\t\t\t\t<LockedIcon height={16} width={16} />\n\t\t\t\t\t</SidebarLockedChannel>\n\t\t\t\t)}\n\t\t\t\t<SidebarMenuItemInner\n\t\t\t\t\tkey={index}\n\t\t\t\t\tid={\n\t\t\t\t\t\toption.displayName?.split(' ')?.join('') + '_sub' ||\n\t\t\t\t\t\toption.key.toString() + '_sub'\n\t\t\t\t\t}\n\t\t\t\t\tisActive={mainActiveMenu?.key === option.key}\n\t\t\t\t\tdata-active={mainActiveMenu?.key === option.key ? 'true' : undefined}\n\t\t\t\t\tisLastSticky={option.isLastSticky}\n\t\t\t\t\tis2ndLastSticky={option.is2ndLastSticky}\n\t\t\t\t\tisHovered={option.key === hoveredComp?.key}\n\t\t\t\t\tisNew={option.isNew}\n\t\t\t\t\tonMouseEnter={() => setHandleHoverForFullLayout(option)}\n\t\t\t\t\tonMouseLeave={onMouseLeaveMenuItem}\n\t\t\t\t>\n\t\t\t\t\t<IconComponent\n\t\t\t\t\t\ticon={option.icon}\n\t\t\t\t\t\tisActive={option.key == mainActiveMenu?.key}\n\t\t\t\t\t\tactiveStateIcon={\n\t\t\t\t\t\t\toption.activeIcon ??\n\t\t\t\t\t\t\t({} as React.FunctionComponent<React.SVGAttributes<SVGElement>>)\n\t\t\t\t\t\t}\n\t\t\t\t\t\thoverStateIcon={\n\t\t\t\t\t\t\toption.hoverIcon ??\n\t\t\t\t\t\t\t({} as React.FunctionComponent<React.SVGAttributes<SVGElement>>)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisHovered={\n\t\t\t\t\t\t\toption.key == hoveredComp?.key || option.key == popupMenu?.key\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<SidebarMenuItemContainer>\n\t\t\t\t\t\t<SidebarMenuItemText isActive={option?.key === mainActiveMenu?.key}>\n\t\t\t\t\t\t\t{option.displayName}\n\t\t\t\t\t\t</SidebarMenuItemText>\n\t\t\t\t\t</SidebarMenuItemContainer>\n\t\t\t\t</SidebarMenuItemInner>\n\t\t\t</SidebarMainMenu>\n\t\t</SibeBarV2MenuItem>\n\t);\n};\n"],"names":["BikSidebarV2","bikSidebarV2Props","logoSvg","allMenuList","activeMainMenu","activeSubMenu","router","onClickingMainMenu","onClickingSubMenu","onClickingAccessUpgradePanel","onClickingPopupMenuItem","popupMinHeight","isNewSidebar","menuStyle","mainActiveMenu","setMainActiveMenu","useState","hoveredComp","setHoveredComp","subActiveMenu","setSubActiveMenu","isDisabled","setIsDisabled","popupMenu","setPopupMenu","popupMenuTop","setPopupMenuTop","sidebarEachMenuTop","setSidebarEachMenuTop","hoverLeaveTimerRef","useRef","numberOfStickyOptions","useMemo","filter","menu","is2ndLastSticky","isLastSticky","length","useEffect","onClickMainMenuLogic","useCallback","option","layout","undefined","path","_a","children","setTimeout","setHandleHoverForFullLayout","cancelHoverLeaveTimer","top","determineElementTop","targetElement","document","getElementById","_b","displayName","split","join","key","toString","topValue","calculateTopSideBarPosition","targetRect","getBoundingClientRect","window","innerHeight","distanceToBottom","bottom","handleResize","newTop","determineSideMenuTopWhileResize","addEventListener","removeEventListener","openSideMenuElement","openSideMenuElementHeight","height","current","clearTimeout","startHoverLeaveTimer","currentId","sideMenuRect","divBoxTop","popupHeight","_jsxs","SideBarV2Container","_jsx","Object","assign","className","onClick","onKeyDown","BikIcon","MainSideBarV2MenuWrapper","style","map","index","Fragment","NavigationHyperlink","href","EachSidebarMenuItem","onMouseLeaveMenuItem","_Fragment","SidebarV2Popup","menuList","onClickingPopupMenu","popupMenuSelected","onMouseEnterOnMenu","onMouseLeaveOnMenu","SimpleSidebarV2","width","activeMenu","left","postion","header","theme","showAccessUpgradePanel","onMenuClick","menuSelected","reDirect","onUpgrade","onboardingPercentage","SibeBarV2MenuItem","SidebarMainMenu","SidebarMenuItemInner","id","stickyBottom","CircularProgressBar","percentage","IconComponent","iconComponentProps","icon","isActive","activeStateIcon","Icon","color","COLORS","content","primaryInverse","secondaryInverse","_ref","onMouseEnter","onMouseLeave","onFocus","isNew","SidebarNewTag","isLocked","SidebarLockedChannel","LockedIcon","_c","isHovered","_e","activeIcon","hoverStateIcon","_f","hoverIcon","SidebarMenuItemContainer","SidebarMenuItemText"],"mappings":"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"}

package/dist/esm/components/bik-layout/BikSidebarV2/SidebarV2Popup.js

@@ -1,2 +0,0 @@
-import{jsx as e,jsxs as n}from"react/jsx-runtime";import{TitleRegular as s,BodySecondary as t}from"../../TypographyStyle.js";import{SidebarV2PopupContainer as o}from"./SidebarV2Styles.js";const i=i=>{const{top:r,menuList:l,zIndex:a,left:c,onMouseLeaveOnMenu:m,onMouseEnterOnMenu:u,onClickingPopupMenu:d}=i;return e(o,Object.assign({top:r,theme:"white",zIndex:a,left:null!=c?c:78,postion:"fixed"},{children:e("div",Object.assign({id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseEnter:u,onMouseLeave:m},{children:null==l?void 0:l.map(((o,i)=>n("div",Object.assign({className:"each-menu",style:{borderBottom:i==l.length-1?"none":void 0},onClick:()=>d(o)},{children:[e(s,Object.assign({style:{fontSize:14}},{children:o.displayName})),e(t,Object.assign({style:{fontSize:12}},{children:o.description}))]}),i)))}),"_sub-menu")}))};export{i as SidebarV2Popup};
-//# sourceMappingURL=SidebarV2Popup.js.map

package/dist/esm/components/bik-layout/BikSidebarV2/SidebarV2Popup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarV2Popup.js","sources":["../../../../../src/components/bik-layout/BikSidebarV2/SidebarV2Popup.tsx"],"sourcesContent":["import { BodySecondary, TitleRegular } from '../../TypographyStyle';\nimport { Menu } from './SidebarV2.model';\nimport { SidebarV2PopupContainer } from './SidebarV2Styles';\n\nexport interface SidebarV2PopupI {\n\tmenuList: Menu[];\n\twidth?: number;\n\tzIndex?: number;\n\tleft?: number;\n\ttop?: number;\n\tonMouseLeaveOnMenu?: () => void;\n\tonMouseEnterOnMenu?: () => void;\n\tonClickingPopupMenu: (menuSelected: Menu, reDirect?: boolean) => void;\n}\n\nexport const SidebarV2Popup: React.FC<SidebarV2PopupI> = (sideBarProps) => {\n\tconst {\n\t\ttop,\n\t\tmenuList,\n\t\tzIndex,\n\t\tleft,\n\t\tonMouseLeaveOnMenu,\n\t\tonMouseEnterOnMenu,\n\t\tonClickingPopupMenu,\n\t} = sideBarProps;\n\treturn (\n\t\t<SidebarV2PopupContainer\n\t\t\ttop={top}\n\t\t\ttheme={'white'}\n\t\t\tzIndex={zIndex}\n\t\t\tleft={left ?? 78}\n\t\t\tpostion={'fixed'}\n\t\t>\n\t\t\t<div\n\t\t\t\tid={'_sub-menu'}\n\t\t\t\tkey={'_sub-menu'}\n\t\t\t\tclassName={'sidebar-right-menu' + ' transform-class'}\n\t\t\t\tonMouseEnter={onMouseEnterOnMenu}\n\t\t\t\tonMouseLeave={onMouseLeaveOnMenu}\n\t\t\t>\n\t\t\t\t{menuList?.map((child, popupIndex) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"each-menu\"\n\t\t\t\t\t\tkey={popupIndex}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tborderBottom:\n\t\t\t\t\t\t\t\tpopupIndex == menuList.length - 1 ? 'none' : undefined,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={() => onClickingPopupMenu(child)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<TitleRegular style={{ fontSize: 14 }}>\n\t\t\t\t\t\t\t{child.displayName}\n\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t\t<BodySecondary style={{ fontSize: 12 }}>\n\t\t\t\t\t\t\t{child.description}\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</SidebarV2PopupContainer>\n\t);\n};\n"],"names":["SidebarV2Popup","sideBarProps","top","menuList","zIndex","left","onMouseLeaveOnMenu","onMouseEnterOnMenu","onClickingPopupMenu","_jsx","SidebarV2PopupContainer","Object","assign","theme","postion","children","id","className","onMouseEnter","onMouseLeave","map","child","popupIndex","_jsxs","style","borderBottom","length","undefined","onClick","TitleRegular","fontSize","displayName","BodySecondary","description"],"mappings":"4LAeaA,MAAAA,EAA6CC,IACzD,MAAMC,IACLA,EAAGC,SACHA,EAAQC,OACRA,EAAMC,KACNA,EAAIC,mBACJA,EAAkBC,mBAClBA,EAAkBC,oBAClBA,GACGP,EACJ,OACCQ,EAACC,EAAuBC,OAAAC,OAAA,CACvBV,IAAKA,EACLW,MAAO,QACPT,OAAQA,EACRC,KAAMA,QAAAA,EAAQ,GACdS,QAAS,SAAO,CAAAC,SAEhBN,EACC,MAAAE,OAAAC,OAAA,CAAAI,GAAI,YAEJC,UAAW,qCACXC,aAAcX,EACdY,aAAcb,GAAkB,CAAAS,SAE/BZ,aAAA,EAAAA,EAAUiB,KAAI,CAACC,EAAOC,IACtBC,uBACCN,UAAU,YAEVO,MAAO,CACNC,aACCH,GAAcnB,EAASuB,OAAS,EAAI,YAASC,GAE/CC,QAASA,IAAMpB,EAAoBa,IAEnC,CAAAN,SAAA,CAAAN,EAACoB,EAAalB,OAAAC,OAAA,CAAAY,MAAO,CAAEM,SAAU,KAAI,CAAAf,SACnCM,EAAMU,eAERtB,EAACuB,EAAcrB,OAAAC,OAAA,CAAAY,MAAO,CAAEM,SAAU,KAAI,CAAAf,SACpCM,EAAMY,kBAXHX,OARF,eAwBmB"}

package/dist/esm/components/bik-layout/BikSidebarV2/SidebarV2Styles.js

@@ -1,294 +0,0 @@
-import e,{css as t}from"styled-components";import{BodyTiny as i}from"../../TypographyStyle.js";import{COLORS as r,BASE_COLORS as o,FONTS as n}from"../../../constants/Theme.js";const d=e.div`
-	background-color: #28034e;
-	width: 72px;
-	justify-content: space-between;
-	position: sticky;
-	top: 0;
-	left: 0;
-	z-index: 10;
-	overflow-y: auto;
-	height: 100vh;
-
-	.bik-header-logo {
-		padding: 8px 8px 0 8px;
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-		align-items: center;
-		width: 100%;
-		cursor: pointer;
-		img {
-			width: 100%;
-			height: 100%;
-			object-fit: container;
-		}
-	}
-`,a=e.div`
-	margin: 0px 0px 16px;
-	padding-bottom: 8px;
-`,p=e.div``,s=e.div`
-	padding: 0px 6px;
-	margin-bottom: 6px;
-	> * {
-		gap: 4px;
-	}
-`,b=e.div`
-	position: absolute;
-	right: 5px;
-	background: ${r.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: ${r.background.inverse};
-	${e=>{let{isLastSticky:i}=e;return i&&t`
-			@media (min-height: 768px) {
-				bottom: 116px;
-				z-index: 1;
-			}
-		`}}
-`,x=e.div`
-	position: absolute;
-	right: 10px;
-	margin-top: -5px;
-	${e=>{let{isLastSticky:i}=e;return i&&t`
-			@media (min-height: 768px) {
-				bottom: 116px;
-				z-index: 1;
-			}
-		`}}
-	${e=>{let{is2ndLastSticky:i}=e;return i&&t`
-			@media (min-height: 768px) {
-				bottom: 48px;
-				z-index: 1;
-			}
-		`}}
-`,c=e.div`
-	display: flex;
-	flex-direction: column;
-	border-radius: 10px;
-	align-items: center;
-	justify-content: space-around;
-	cursor: pointer;
-	> * {
-		gap: 10px;
-	}
-	padding: 8px 0px;
-
-	${e=>{let{isNew:i}=e;return i&&t`
-			padding-top: 14px;
-		`}}
-
-	${e=>{let{isActive:i}=e;return i&&t`
-			border-radius: 8px;
-			background-color: ${o.brand[850]};
-			color: ${r.content.primaryInverse};
-			box-shadow: inset 0 0 0 1px ${r.stroke.brandSubdued};
-		`}}
-
-	${e=>{let{isHovered:i}=e;return i&&t`
-			background: ${r.background.brandHovered};
-			border-radius: 8px;
-		`}}
-
-	&:hover:not([data-active='true']) {
-		background: ${r.background.brandHovered};
-		border-radius: 8px;
-	}
-
-	${e=>{let{isActive:i,isHovered:r}=e;return i&&r&&t`
-			border-radius: 8px;
-			box-shadow: inset 0 0 0 1px ${o.brand[700]};
-			background-color: ${o.brand[800]};
-		`}}
-
-	${e=>{let{isLastSticky:i}=e;return i&&t`
-			@media (min-height: 768px) {
-				position: absolute;
-				bottom: 72px;
-				left: 6px;
-				right: 6px;
-			}
-		`}}
-
-	${e=>{let{is2ndLastSticky:i}=e;return i&&t`
-			@media (min-height: 768px) {
-				position: absolute;
-				bottom: 8px;
-				left: 6px;
-				right: 6px;
-			}
-		`}}
-
-	${e=>{let{stickyBottom:i}=e;return void 0!==i&&t`
-			@media (min-height: 768px) {
-				position: absolute;
-				bottom: ${i}px;
-				left: 6px;
-				right: 6px;
-			}
-		`}}
-`,u=e.div`
-	display: flex;
-	flex-direction: row;
-	width: 100%;
-	cursor: pointer;
-`,l=e(i)`
-	user-select: none;
-	width: 100%;
-	color: ${e=>{let{isActive:t}=e;return t?r.content.primaryInverse:r.content.secondaryInverse}};
-	margin-bottom: 0px;
-	text-align: center;
-`,g=e.div`
-	.transform-class {
-		position: relative;
-		animation: animatebottom 0.2s;
-		transition-timing-function: ease-out;
-	}
-	@keyframes animatebottom {
-		from {
-			opacity: 0;
-		}
-
-		to {
-			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; //72
-		width: ${e=>e.width?e.width:240}px;
-		z-index: ${e=>e.zIndex?e.zIndex:2};
-		background-color: ${e=>"brand"==e.theme?r.background.inverse:r.surface.standard};
-		height: ${e=>e.isNewSidebar?"fit-content":"100vh"};
-		display: flex;
-		flex-direction: column;
-		padding: 4px;
-		border-radius: ${e=>e.isNewSidebar?"8px":""};
-
-		.sidebar-bridge {
-			position: absolute;
-			right: 100%;
-			top: 0;
-			width: 6px;
-			height: 100%;
-		}
-	}
-
-	.sub-child-menu {
-		display: flex;
-		align-items: center;
-		justify-content: flex-start;
-		margin-bottom: ${e=>e.isNewSidebar?"":"8px"};
-		cursor: pointer;
-		background: ${e=>"brand"==e.theme?r.background.inverse:"transparent"};
-		border-radius: 4px;
-		.sub-child-text {
-			color: ${e=>"brand"==e.theme?r.surface.standard:""};
-			margin-bottom: 0px;
-			padding: 8px 12px;
-			font-size: ${n.caption.fontSize}px;
-			line-height: ${n.caption.lineHeight}px;
-			font-weight: ${n.caption.fontWeight};
-			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 {
-			display: none;
-		}
-		.active-bold-weight {
-			font-weight: 600;
-			color: ${e=>e.isNewSidebar?r.background.warning.vibrant:""};
-		}
-		.sub-child-active-menu-style {
-			color: ${e=>e.isNewSidebar?r.background.warning.vibrant:""};
-		}
-	}
-	.sub-child-menu:hover {
-		background: ${e=>"brand"==e.theme?r.background.brandHovered:r.background.base};
-		border-radius: 4px;
-	}
-	.sub-child-active-menu {
-		background: ${e=>"brand"==e.theme?r.background.brandHovered:r.background.base};
-		border-radius: 4px;
-		border: ${e=>"brand"==e.theme?`1px solid ${r.stroke.brandSubdued}`:"none"};
-		.sub-child-active-text {
-			background: ${e=>"brand"==e.theme?r.stroke.brandSubdued:r.background.warning.vibrant};
-		}
-	}
-	.sub-child-active-menu:hover {
-		background: ${e=>"brand"==e.theme?r.background.inverseLight:r.background.base};
-		border-radius: 4px;
-		border: ${e=>"brand"==e.theme?`1px solid ${r.stroke.brandSubdued}`:"none"};
-		.sub-child-active-text {
-			background: ${e=>"brand"==e.theme?r.stroke.brandSubdued:r.background.warning.vibrant};
-		}
-	}
-	.sub-child-display-name {
-		padding: 14px 12px;
-		color: ${e=>"brand"==e.theme?r.content.secondaryInverse:r.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;
-	}
-`,m=e.div`
-	.sidebar-right-menu {
-		border-radius: 8px;
-		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; //72
-		z-index: ${e=>e.zIndex?e.zIndex:2};
-		background-color: ${e=>"brand"==e.theme?"#381062":r.surface.standard};
-		display: flex;
-		flex-direction: column;
-		padding: 4px;
-		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: ${r.background.base};
-			border-radius: 8px;
-		}
-	}
-`;export{a as MainSideBarV2MenuWrapper,p as SibeBarV2MenuItem,d as SideBarV2Container,x as SidebarLockedChannel,s as SidebarMainMenu,u as SidebarMenuItemContainer,c as SidebarMenuItemInner,l as SidebarMenuItemText,b as SidebarNewTag,m as SidebarV2PopupContainer,g as SimpleSidebarV2Container};
-//# sourceMappingURL=SidebarV2Styles.js.map

package/dist/esm/components/bik-layout/BikSidebarV2/SidebarV2Styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarV2Styles.js","sources":["../../../../../src/components/bik-layout/BikSidebarV2/SidebarV2Styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { BodyTiny } from '@src/components/TypographyStyle';\nimport { BASE_COLORS, COLORS, FONTS } from '@src/constants/Theme';\nimport { SidebarV2Theme } from './SidebarV2.model';\n\nexport const SideBarV2Container = styled.div`\n\tbackground-color: #28034e;\n\twidth: 72px;\n\tjustify-content: space-between;\n\tposition: sticky;\n\ttop: 0;\n\tleft: 0;\n\tz-index: 10;\n\toverflow-y: auto;\n\theight: 100vh;\n\n\t.bik-header-logo {\n\t\tpadding: 8px 8px 0 8px;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: 100%;\n\t\tcursor: pointer;\n\t\timg {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tobject-fit: container;\n\t\t}\n\t}\n`;\n\nexport const MainSideBarV2MenuWrapper = styled.div`\n\tmargin: 0px 0px 16px;\n\tpadding-bottom: 8px;\n`;\n\nexport const SibeBarV2MenuItem = styled.div``;\n\nexport const SidebarMainMenu = styled.div`\n\tpadding: 0px 6px;\n\tmargin-bottom: 6px;\n\t> * {\n\t\tgap: 4px;\n\t}\n`;\n\nexport const SidebarNewTag = styled.div<{ isLastSticky?: boolean }>`\n\tposition: absolute;\n\tright: 5px;\n\tbackground: ${COLORS.stroke.warning.vibrant} !important;\n\tfont-size: 7.7px;\n\tfont-family: 'Inter';\n\tline-height: 10px;\n\tpadding: 2px 9.27px 2px 9.27px;\n\tborder-radius: 16px 16px 0px 16px;\n\tbackground: ${COLORS.background.inverse};\n\t${({ isLastSticky }) =>\n\t\tisLastSticky &&\n\t\tcss`\n\t\t\t@media (min-height: 768px) {\n\t\t\t\tbottom: 116px;\n\t\t\t\tz-index: 1;\n\t\t\t}\n\t\t`}\n`;\n\nexport const SidebarLockedChannel = styled.div<{\n\tisLastSticky?: boolean;\n\tis2ndLastSticky?: boolean;\n}>`\n\tposition: absolute;\n\tright: 10px;\n\tmargin-top: -5px;\n\t${({ isLastSticky }) =>\n\t\tisLastSticky &&\n\t\tcss`\n\t\t\t@media (min-height: 768px) {\n\t\t\t\tbottom: 116px;\n\t\t\t\tz-index: 1;\n\t\t\t}\n\t\t`}\n\t${({ is2ndLastSticky }) =>\n\t\tis2ndLastSticky &&\n\t\tcss`\n\t\t\t@media (min-height: 768px) {\n\t\t\t\tbottom: 48px;\n\t\t\t\tz-index: 1;\n\t\t\t}\n\t\t`}\n`;\n\nexport const SidebarMenuItemInner = styled.div<{\n\tisActive?: boolean;\n\tisHovered?: boolean;\n\tisNew?: boolean;\n\tisLastSticky?: boolean;\n\tis2ndLastSticky?: boolean;\n\tstickyBottom?: number;\n}>`\n\tdisplay: flex;\n\tflex-direction: column;\n\tborder-radius: 10px;\n\talign-items: center;\n\tjustify-content: space-around;\n\tcursor: pointer;\n\t> * {\n\t\tgap: 10px;\n\t}\n\tpadding: 8px 0px;\n\n\t${({ isNew }) =>\n\t\tisNew &&\n\t\tcss`\n\t\t\tpadding-top: 14px;\n\t\t`}\n\n\t${({ isActive }) =>\n\t\tisActive &&\n\t\tcss`\n\t\t\tborder-radius: 8px;\n\t\t\tbackground-color: ${BASE_COLORS.brand['850']};\n\t\t\tcolor: ${COLORS.content.primaryInverse};\n\t\t\tbox-shadow: inset 0 0 0 1px ${COLORS.stroke.brandSubdued};\n\t\t`}\n\n\t${({ isHovered }) =>\n\t\tisHovered &&\n\t\tcss`\n\t\t\tbackground: ${COLORS.background.brandHovered};\n\t\t\tborder-radius: 8px;\n\t\t`}\n\n\t&:hover:not([data-active='true']) {\n\t\tbackground: ${COLORS.background.brandHovered};\n\t\tborder-radius: 8px;\n\t}\n\n\t${({ isActive, isHovered }) =>\n\t\tisActive &&\n\t\tisHovered &&\n\t\tcss`\n\t\t\tborder-radius: 8px;\n\t\t\tbox-shadow: inset 0 0 0 1px ${BASE_COLORS.brand['700']};\n\t\t\tbackground-color: ${BASE_COLORS.brand['800']};\n\t\t`}\n\n\t${({ isLastSticky }) =>\n\t\tisLastSticky &&\n\t\tcss`\n\t\t\t@media (min-height: 768px) {\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: 72px;\n\t\t\t\tleft: 6px;\n\t\t\t\tright: 6px;\n\t\t\t}\n\t\t`}\n\n\t${({ is2ndLastSticky }) =>\n\t\tis2ndLastSticky &&\n\t\tcss`\n\t\t\t@media (min-height: 768px) {\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: 8px;\n\t\t\t\tleft: 6px;\n\t\t\t\tright: 6px;\n\t\t\t}\n\t\t`}\n\n\t${({ stickyBottom }) =>\n\t\tstickyBottom !== undefined &&\n\t\tcss`\n\t\t\t@media (min-height: 768px) {\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: ${stickyBottom}px;\n\t\t\t\tleft: 6px;\n\t\t\t\tright: 6px;\n\t\t\t}\n\t\t`}\n`;\n\nexport const SidebarMenuItemContainer = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\twidth: 100%;\n\tcursor: pointer;\n`;\n\nexport const SidebarMenuItemText = styled(BodyTiny)<{ isActive?: boolean }>`\n\tuser-select: none;\n\twidth: 100%;\n\tcolor: ${({ isActive }) =>\n\t\tisActive ? COLORS.content.primaryInverse : COLORS.content.secondaryInverse};\n\tmargin-bottom: 0px;\n\ttext-align: center;\n`;\n\nexport const SimpleSidebarV2Container = styled.div<{\n\tpostion?: 'fixed' | 'sticky';\n\ttop?: number;\n\ttheme: SidebarV2Theme;\n\twidth?: number;\n\tzIndex?: number;\n\tleft?: number;\n\tisNewSidebar?: boolean;\n}>`\n\t.transform-class {\n\t\tposition: relative;\n\t\tanimation: animatebottom 0.2s;\n\t\ttransition-timing-function: ease-out;\n\t}\n\t@keyframes animatebottom {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t}\n\n\t\tto {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t.sidebar-right-menu {\n\t\tposition: ${(props) => (props.postion ? props.postion : 'sticky')};\n\t\ttop: ${(props) => (props.top ? props.top : 0)}px;\n\t\tleft: ${(props) => (props.left ? props.left : 0)}px; //72\n\t\twidth: ${(props) => (props.width ? props.width : 240)}px;\n\t\tz-index: ${(props) => (props.zIndex ? props.zIndex : 2)};\n\t\tbackground-color: ${(props) =>\n\t\t\tprops.theme == 'brand'\n\t\t\t\t? COLORS.background.inverse\n\t\t\t\t: COLORS.surface.standard};\n\t\theight: ${(props) => (props.isNewSidebar ? 'fit-content' : '100vh')};\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tpadding: 4px;\n\t\tborder-radius: ${(props) => (props.isNewSidebar ? '8px' : '')};\n\n\t\t.sidebar-bridge {\n\t\t\tposition: absolute;\n\t\t\tright: 100%;\n\t\t\ttop: 0;\n\t\t\twidth: 6px;\n\t\t\theight: 100%;\n\t\t}\n\t}\n\n\t.sub-child-menu {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: flex-start;\n\t\tmargin-bottom: ${(props) => (props.isNewSidebar ? '' : '8px')};\n\t\tcursor: pointer;\n\t\tbackground: ${(props) =>\n\t\t\tprops.theme == 'brand' ? COLORS.background.inverse : 'transparent'};\n\t\tborder-radius: 4px;\n\t\t.sub-child-text {\n\t\t\tcolor: ${(props) =>\n\t\t\t\tprops.theme == 'brand' ? COLORS.surface.standard : ''};\n\t\t\tmargin-bottom: 0px;\n\t\t\tpadding: 8px 12px;\n\t\t\tfont-size: ${FONTS.caption.fontSize}px;\n\t\t\tline-height: ${FONTS.caption.lineHeight}px;\n\t\t\tfont-weight: ${FONTS.caption.fontWeight};\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t}\n\t\t.sub-child-new-tag {\n\t\t\tpadding: 2px 9px 2px 9px;\n\t\t\tborder-radius: 16px;\n\t\t\tbackground-color: rgba(254, 192, 45, 1);\n\t\t\tfont-family: Inter;\n\t\t\tfont-size: 7px;\n\t\t\tfont-weight: 600;\n\t\t\tline-height: 10px;\n\t\t\tcolor: rgba(40, 3, 78, 1);\n\t\t}\n\t\t.sub-child-active-text {\n\t\t\tdisplay: none;\n\t\t}\n\t\t.active-bold-weight {\n\t\t\tfont-weight: 600;\n\t\t\tcolor: ${(props) =>\n\t\t\t\tprops.isNewSidebar ? COLORS.background.warning.vibrant : ''};\n\t\t}\n\t\t.sub-child-active-menu-style {\n\t\t\tcolor: ${(props) =>\n\t\t\t\tprops.isNewSidebar ? COLORS.background.warning.vibrant : ''};\n\t\t}\n\t}\n\t.sub-child-menu:hover {\n\t\tbackground: ${(props) =>\n\t\t\tprops.theme == 'brand'\n\t\t\t\t? COLORS.background.brandHovered\n\t\t\t\t: COLORS.background.base};\n\t\tborder-radius: 4px;\n\t}\n\t.sub-child-active-menu {\n\t\tbackground: ${(props) =>\n\t\t\tprops.theme == 'brand'\n\t\t\t\t? COLORS.background.brandHovered\n\t\t\t\t: COLORS.background.base};\n\t\tborder-radius: 4px;\n\t\tborder: ${(props) =>\n\t\t\tprops.theme == 'brand'\n\t\t\t\t? `1px solid ${COLORS.stroke.brandSubdued}`\n\t\t\t\t: 'none'};\n\t\t.sub-child-active-text {\n\t\t\tbackground: ${(props) =>\n\t\t\t\tprops.theme == 'brand'\n\t\t\t\t\t? COLORS.stroke.brandSubdued\n\t\t\t\t\t: COLORS.background.warning.vibrant};\n\t\t}\n\t}\n\t.sub-child-active-menu:hover {\n\t\tbackground: ${(props) =>\n\t\t\tprops.theme == 'brand'\n\t\t\t\t? COLORS.background.inverseLight\n\t\t\t\t: COLORS.background.base};\n\t\tborder-radius: 4px;\n\t\tborder: ${(props) =>\n\t\t\tprops.theme == 'brand'\n\t\t\t\t? `1px solid ${COLORS.stroke.brandSubdued}`\n\t\t\t\t: 'none'};\n\t\t.sub-child-active-text {\n\t\t\tbackground: ${(props) =>\n\t\t\t\tprops.theme == 'brand'\n\t\t\t\t\t? COLORS.stroke.brandSubdued\n\t\t\t\t\t: COLORS.background.warning.vibrant};\n\t\t}\n\t}\n\t.sub-child-display-name {\n\t\tpadding: 14px 12px;\n\t\tcolor: ${(props) =>\n\t\t\tprops.theme == 'brand'\n\t\t\t\t? COLORS.content.secondaryInverse\n\t\t\t\t: COLORS.text.secondary};\n\t}\n\t.lower-sticky-panel {\n\t\tposition: ${(props) => (props.isNewSidebar ? 'relative' : 'absolute')};\n\t\tbottom: ${(props) => (props.isNewSidebar ? '' : '16px')};\n\t\tmargin-top: ${(props) => (props.isNewSidebar ? 'auto' : '')};\n\t\tmargin-bottom: ${(props) => (props.isNewSidebar ? '16px' : '')};\n\t\t.title-text {\n\t\t\tpadding: 8px 12px;\n\t\t\ttext-align: center;\n\t\t}\n\t\t.upgrade-button {\n\t\t\tmargin: auto;\n\t\t}\n\t}\n\t.sidebar-skeleton {\n\t\tpadding: 8px;\n\t}\n`;\n\nexport const SidebarV2PopupContainer = styled.div<{\n\tpostion?: 'fixed' | 'sticky';\n\ttop?: number;\n\ttheme: SidebarV2Theme;\n\tzIndex?: number;\n\tleft?: number;\n\tbottom?: number;\n}>`\n\t.sidebar-right-menu {\n\t\tborder-radius: 8px;\n\t\tborder: 0.5px solid var(--stroke-color-stroke-primary, #e0e0e0);\n\t\tbox-shadow: 0px 0px 12px 0px rgba(222, 236, 255, 0.6);\n\t\tposition: ${(props) => (props.postion ? props.postion : 'sticky')};\n\t\ttop: ${(props) => (props.top ? props.top : undefined)}px;\n\t\tbottom: 10px;\n\t\tleft: ${(props) => (props.left ? props.left : 0)}px; //72\n\t\tz-index: ${(props) => (props.zIndex ? props.zIndex : 2)};\n\t\tbackground-color: ${(props) =>\n\t\t\tprops.theme == 'brand' ? '#381062' : COLORS.surface.standard};\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tpadding: 4px;\n\t\tgap: 4px;\n\t\tmin-height: 100px;\n\t\toverflow-y: auto;\n\t}\n\t.each-menu {\n\t\tpadding: 8px;\n\t\tgap: 4px;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: flex-start;\n\t\talign-items: flex-start;\n\t\tborder-bottom: 0.5px solid #e0e0e0;\n\t\tcursor: pointer;\n\t\tmax-width: 320px;\n\t\t&:hover {\n\t\t\tbackground-color: ${COLORS.background.base};\n\t\t\tborder-radius: 8px;\n\t\t}\n\t}\n`;\n"],"names":["SideBarV2Container","styled","div","MainSideBarV2MenuWrapper","SibeBarV2MenuItem","SidebarMainMenu","SidebarNewTag","COLORS","stroke","warning","vibrant","background","inverse","_ref","isLastSticky","css","SidebarLockedChannel","_ref2","_ref3","is2ndLastSticky","SidebarMenuItemInner","_ref4","isNew","_ref5","isActive","BASE_COLORS","brand","content","primaryInverse","brandSubdued","_ref6","isHovered","brandHovered","_ref7","_ref8","_ref9","_ref10","stickyBottom","undefined","SidebarMenuItemContainer","SidebarMenuItemText","BodyTiny","_ref11","secondaryInverse","SimpleSidebarV2Container","props","postion","top","left","width","zIndex","theme","surface","standard","isNewSidebar","FONTS","caption","fontSize","lineHeight","fontWeight","base","inverseLight","text","secondary","SidebarV2PopupContainer"],"mappings":"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"}

package/dist/esm/components/bik-layout/BikSidebarV2/SimpleSidebarV2.js

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

package/dist/esm/components/bik-layout/BikSidebarV2/SimpleSidebarV2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleSidebarV2.js","sources":["../../../../../src/components/bik-layout/BikSidebarV2/SimpleSidebarV2.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { Button } from '../../button';\nimport { NavigationHyperlink } from '../../navigation-hyperlink/NavigationHyperlink';\nimport { BodyCaption, TitleSmall } from '../../TypographyStyle';\nimport { Menu, SimpleSidebarV2Props } from './SidebarV2.model';\nimport { SimpleSidebarV2Container } from './SidebarV2Styles';\n\nexport const SimpleSidebarV2: React.FC<SimpleSidebarV2Props> = (\n\tsimpleSidebarProps,\n) => {\n\tconst {\n\t\tmenuList,\n\t\tactiveMenu,\n\t\ttheme,\n\t\tshowAccessUpgradePanel = false,\n\t\theader,\n\t\twidth,\n\t\tzIndex,\n\t\tleft,\n\t\tpostion,\n\t\ttop,\n\t\trouter,\n\t\tonMouseLeaveOnMenu,\n\t\tonMouseEnterOnMenu,\n\t\tonMenuClick,\n\t\tonUpgrade,\n\t\tisNewSidebar,\n\t} = simpleSidebarProps;\n\n\tconst [isActiveMenu, setIsActiveMenu] = useState(activeMenu);\n\tconst getChildSideBar = (child: Menu, hoveredIndex: number) => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={`sub-child-menu  ${\n\t\t\t\t\tisActiveMenu?.key == child?.key ? 'sub-child-active-menu' : ''\n\t\t\t\t}`}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tsetIsActiveMenu(child);\n\t\t\t\t\tonMenuClick(child, !child.page);\n\t\t\t\t}}\n\t\t\t\tkey={hoveredIndex}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tclassName={\n\t\t\t\t\t\tisActiveMenu?.key == child?.key && theme == 'brand'\n\t\t\t\t\t\t\t? 'sub-child-active-text'\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<BodyCaption\n\t\t\t\t\tclassName={`sub-child-text ${\n\t\t\t\t\t\tisActiveMenu?.key == child?.key && theme == 'white'\n\t\t\t\t\t\t\t? 'active-bold-weight'\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}`}\n\t\t\t\t>\n\t\t\t\t\t{child?.displayName}\n\t\t\t\t</BodyCaption>\n\t\t\t\t{child.isNew && <div className=\"sub-child-new-tag\">NEW</div>}\n\t\t\t</div>\n\t\t);\n\t};\n\n\treturn (\n\t\t<SimpleSidebarV2Container\n\t\t\twidth={width}\n\t\t\tzIndex={zIndex}\n\t\t\tleft={left}\n\t\t\ttheme={theme}\n\t\t\tpostion={postion}\n\t\t\ttop={top}\n\t\t\tisNewSidebar={isNewSidebar}\n\t\t>\n\t\t\t<div\n\t\t\t\tid={'_sub-menu'}\n\t\t\t\tkey={'_sub-menu'}\n\t\t\t\tclassName={'sidebar-right-menu' + ' transform-class'}\n\t\t\t\tonMouseLeave={onMouseLeaveOnMenu}\n\t\t\t\tonMouseEnter={onMouseEnterOnMenu}\n\t\t\t>\n\t\t\t\t<div className=\"sidebar-bridge\" />\n\t\t\t\t<div>\n\t\t\t\t\t{!isNewSidebar && (\n\t\t\t\t\t\t<BodyCaption className=\"sub-child-display-name\">\n\t\t\t\t\t\t\t{header}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{menuList?.map((child, hoveredIndex) => {\n\t\t\t\t\t\treturn child.page ? (\n\t\t\t\t\t\t\t<NavigationHyperlink href={child.page} router={router}>\n\t\t\t\t\t\t\t\t{getChildSideBar(child, hoveredIndex)}\n\t\t\t\t\t\t\t</NavigationHyperlink>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\tgetChildSideBar(child, hoveredIndex)\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t\t{showAccessUpgradePanel && (\n\t\t\t\t\t<div className=\"lower-sticky-panel\">\n\t\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\t\tclassName=\"title-text\"\n\t\t\t\t\t\t\tstyle={{ color: COLORS.surface.standard }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tUpgrade plan to access this feature.\n\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"upgrade-button\"\n\t\t\t\t\t\t\tbuttonText=\"Upgrade plan\"\n\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tinverse\n\t\t\t\t\t\t\tonClick={() => (onUpgrade ? onUpgrade() : '')}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</SimpleSidebarV2Container>\n\t);\n};\n"],"names":["SimpleSidebarV2","simpleSidebarProps","menuList","activeMenu","theme","showAccessUpgradePanel","header","width","zIndex","left","postion","top","router","onMouseLeaveOnMenu","onMouseEnterOnMenu","onMenuClick","onUpgrade","isNewSidebar","isActiveMenu","setIsActiveMenu","useState","getChildSideBar","child","hoveredIndex","_jsxs","Object","assign","className","key","onClick","page","children","_jsx","BodyCaption","displayName","isNew","SimpleSidebarV2Container","id","onMouseLeave","onMouseEnter","map","NavigationHyperlink","href","TitleSmall","style","color","COLORS","surface","standard","Button","buttonText","buttonType","size","inverse"],"mappings":"uZAQaA,MAAAA,EACZC,IAEA,MAAMC,SACLA,EAAQC,WACRA,EAAUC,MACVA,EAAKC,uBACLA,GAAyB,EAAKC,OAC9BA,EAAMC,MACNA,EAAKC,OACLA,EAAMC,KACNA,EAAIC,QACJA,EAAOC,IACPA,EAAGC,OACHA,EAAMC,mBACNA,EAAkBC,mBAClBA,EAAkBC,YAClBA,EAAWC,UACXA,EAASC,aACTA,GACGhB,GAEGiB,EAAcC,GAAmBC,EAASjB,GAC3CkB,EAAkBA,CAACC,EAAaC,IAEpCC,EAAA,MAAAC,OAAAC,OAAA,CACCC,+BACCT,eAAAA,EAAcU,OAAON,aAAA,EAAAA,EAAOM,KAAM,wBAA0B,IAE7DC,QAASA,KACRV,EAAgBG,GAChBP,EAAYO,GAAQA,EAAMQ,KAAK,EAC/B,cAEW,QAAM,CAAAC,SAAA,CAElBC,EACC,OAAA,CAAAL,WACCT,aAAY,EAAZA,EAAcU,OAAON,aAAA,EAAAA,EAAOM,MAAgB,SAATxB,EAChC,wBACA,KAGL4B,EAACC,EACAR,OAAAC,OAAA,CAAAC,UAAW,oBACVT,aAAY,EAAZA,EAAcU,OAAON,aAAK,EAALA,EAAOM,MAAgB,SAATxB,EAChC,qBACA,KAGH,CAAA2B,SAAAT,aAAA,EAAAA,EAAOY,eAERZ,EAAMa,OAASH,EAAA,MAAAP,OAAAC,OAAA,CAAKC,UAAU,qBAAmB,CAAAI,SAAA,YAnB7CR,GAwBR,OACCS,EAACI,iBACA7B,MAAOA,EACPC,OAAQA,EACRC,KAAMA,EACNL,MAAOA,EACPM,QAASA,EACTC,IAAKA,EACLM,aAAcA,aAEdO,EACC,MAAAC,OAAAC,OAAA,CAAAW,GAAI,YAEJV,UAAW,qCACXW,aAAczB,EACd0B,aAAczB,GAAkB,CAAAiB,SAAA,CAEhCC,SAAKL,UAAU,mBACfH,EACE,MAAA,CAAAO,SAAA,EAACd,GACDe,EAACC,EAAWR,OAAAC,OAAA,CAACC,UAAU,0BACrB,CAAAI,SAAAzB,KAIFJ,eAAAA,EAAUsC,KAAI,CAAClB,EAAOC,IACfD,EAAMQ,KACZE,EAACS,EAAmBhB,OAAAC,OAAA,CAACgB,KAAMpB,EAAMQ,KAAMlB,OAAQA,GAC7C,CAAAmB,SAAAV,EAAgBC,EAAOC,MAGzBF,EAAgBC,EAAOC,QAIzBlB,GACAmB,EAAK,MAAAC,OAAAC,OAAA,CAAAC,UAAU,iCACdK,EAACW,EACAlB,OAAAC,OAAA,CAAAC,UAAU,aACViB,MAAO,CAAEC,MAAOC,EAAOC,QAAQC,WAAU,CAAAjB,SAAA,0CAI1CC,EAACiB,EACA,CAAAtB,UAAU,iBACVuB,WAAW,eACXC,WAAW,UACXC,KAAK,QACLC,SACA,EAAAxB,QAASA,IAAOb,EAAYA,IAAc,YArCxC,eA0CoB"}

package/dist/esm/components/dual-icon-button/DualIconButton.js

@@ -1,2 +0,0 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import o,{forwardRef as i}from"react";import{COLORS as n}from"../../constants/Theme.js";import{Container as l,IconHalf as c,Divider as r}from"./DualIconButton.styled.js";const s=i(((i,s)=>{let{id:d,LeftIcon:a,RightIcon:m,onLeftClick:h,onRightClick:b,disabled:p,leftIconColor:y,rightIconColor:f,style:g}=i;const I=p?n.content.inactive:n.content.primaryInverse;return t(l,Object.assign({id:d,ref:s,disabled:p,style:g},{children:[e(c,Object.assign({disabled:p,onClick:p?void 0:h},{children:o.createElement(a,{height:16,width:16,color:y||I,style:{display:"block"}})})),e(r,{}),e(c,Object.assign({disabled:p,onClick:p?void 0:b},{children:o.createElement(m,{height:16,width:16,color:f||I,style:{display:"block"}})}))]}))}));s.displayName="DualIconButton";export{s as DualIconButton};
-//# sourceMappingURL=DualIconButton.js.map

package/dist/esm/components/dual-icon-button/DualIconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DualIconButton.js","sources":["../../../../src/components/dual-icon-button/DualIconButton.tsx"],"sourcesContent":["import React from 'react';\nimport { forwardRef } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport * as Sc from './DualIconButton.styled';\nimport { DualIconButtonProps } from './model';\n\nexport const DualIconButton = forwardRef<HTMLDivElement, DualIconButtonProps>(\n\t(\n\t\t{\n\t\t\tid,\n\t\t\tLeftIcon,\n\t\t\tRightIcon,\n\t\t\tonLeftClick,\n\t\t\tonRightClick,\n\t\t\tdisabled,\n\t\t\tleftIconColor,\n\t\t\trightIconColor,\n\t\t\tstyle,\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst iconColor = disabled\n\t\t\t? COLORS.content.inactive\n\t\t\t: COLORS.content.primaryInverse;\n\n\t\treturn (\n\t\t\t<Sc.Container id={id} ref={ref} disabled={disabled} style={style}>\n\t\t\t\t<Sc.IconHalf\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tonClick={disabled ? undefined : onLeftClick}\n\t\t\t\t>\n\t\t\t\t\t{React.createElement(LeftIcon, {\n\t\t\t\t\t\theight: 16,\n\t\t\t\t\t\twidth: 16,\n\t\t\t\t\t\tcolor: leftIconColor || iconColor,\n\t\t\t\t\t\tstyle: { display: 'block' },\n\t\t\t\t\t})}\n\t\t\t\t</Sc.IconHalf>\n\t\t\t\t<Sc.Divider />\n\t\t\t\t<Sc.IconHalf\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tonClick={disabled ? undefined : onRightClick}\n\t\t\t\t>\n\t\t\t\t\t{React.createElement(RightIcon, {\n\t\t\t\t\t\theight: 16,\n\t\t\t\t\t\twidth: 16,\n\t\t\t\t\t\tcolor: rightIconColor || iconColor,\n\t\t\t\t\t\tstyle: { display: 'block' },\n\t\t\t\t\t})}\n\t\t\t\t</Sc.IconHalf>\n\t\t\t</Sc.Container>\n\t\t);\n\t},\n);\n\nDualIconButton.displayName = 'DualIconButton';\n"],"names":["DualIconButton","forwardRef","_ref","ref","id","LeftIcon","RightIcon","onLeftClick","onRightClick","disabled","leftIconColor","rightIconColor","style","iconColor","COLORS","content","inactive","primaryInverse","_jsxs","Sc","Object","assign","children","_jsx","onClick","undefined","React","createElement","height","width","color","display","displayName"],"mappings":"4NAMO,MAAMA,EAAiBC,GAC7B,CAAAC,EAYCC,KACG,IAZHC,GACCA,EAAEC,SACFA,EAAQC,UACRA,EAASC,YACTA,EAAWC,aACXA,EAAYC,SACZA,EAAQC,cACRA,EAAaC,eACbA,EAAcC,MACdA,GACAV,EAGD,MAAMW,EAAYJ,EACfK,EAAOC,QAAQC,SACfF,EAAOC,QAAQE,eAElB,OACCC,EAACC,EAAaC,OAAAC,OAAA,CAAAjB,GAAIA,EAAID,IAAKA,EAAKM,SAAUA,EAAUG,MAAOA,GAAK,CAAAU,SAAA,CAC/DC,EAACJ,EAAWC,OAAAC,OAAA,CACXZ,SAAUA,EACVe,QAASf,OAAWgB,EAAYlB,GAAW,CAAAe,SAE1CI,EAAMC,cAActB,EAAU,CAC9BuB,OAAQ,GACRC,MAAO,GACPC,MAAOpB,GAAiBG,EACxBD,MAAO,CAAEmB,QAAS,cAGpBR,EAACJ,EAAU,CAAA,GACXI,EAACJ,EACAC,OAAAC,OAAA,CAAAZ,SAAUA,EACVe,QAASf,OAAWgB,EAAYjB,aAE/BkB,EAAMC,cAAcrB,EAAW,CAC/BsB,OAAQ,GACRC,MAAO,GACPC,MAAOnB,GAAkBE,EACzBD,MAAO,CAAEmB,QAAS,iBAGN,IAKlB/B,EAAegC,YAAc"}

package/dist/esm/components/dual-icon-button/DualIconButton.styled.js

@@ -1,26 +0,0 @@
-import t from"styled-components";import{COLORS as n}from"../../constants/Theme.js";const e=t.div`
-	display: inline-flex;
-	align-items: center;
-	border-radius: 4px;
-	overflow: hidden;
-	background: ${t=>t.disabled?n.background.inactive:n.background.inverseLight};
-`,i=t.button`
-	all: unset;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	width: 24px;
-	height: 24px;
-	padding: 4px;
-	box-sizing: border-box;
-	cursor: ${t=>t.disabled?"not-allowed":"pointer"};
-	background: transparent;
-
-	${t=>t.disabled?"":`\n\t\t:hover {\n\t\t\tbackground-color: ${n.background.inverse};\n\t\t}\n\t\t:active {\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t}\n\t`}
-`,o=t.div`
-	width: 1px;
-	height: 12px;
-	background: rgba(255, 255, 255, 0.3);
-	flex-shrink: 0;
-`;export{e as Container,o as Divider,i as IconHalf};
-//# sourceMappingURL=DualIconButton.styled.js.map

package/dist/esm/components/dual-icon-button/DualIconButton.styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DualIconButton.styled.js","sources":["../../../../src/components/dual-icon-button/DualIconButton.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const Container = styled.div<{ disabled?: boolean }>`\n\tdisplay: inline-flex;\n\talign-items: center;\n\tborder-radius: 4px;\n\toverflow: hidden;\n\tbackground: ${(props) =>\n\t\tprops.disabled\n\t\t\t? COLORS.background.inactive\n\t\t\t: COLORS.background.inverseLight};\n`;\n\nexport const IconHalf = styled.button<{ disabled?: boolean }>`\n\tall: unset;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 24px;\n\theight: 24px;\n\tpadding: 4px;\n\tbox-sizing: border-box;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\tbackground: transparent;\n\n\t${(props) =>\n\t\t!props.disabled\n\t\t\t? `\n\t\t:hover {\n\t\t\tbackground-color: ${COLORS.background.inverse};\n\t\t}\n\t\t:active {\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t}\n\t`\n\t\t\t: ''}\n`;\n\nexport const Divider = styled.div`\n\twidth: 1px;\n\theight: 12px;\n\tbackground: rgba(255, 255, 255, 0.3);\n\tflex-shrink: 0;\n`;\n"],"names":["Container","styled","div","props","disabled","COLORS","background","inactive","inverseLight","IconHalf","button","inverse","Divider"],"mappings":"mFAGaA,MAAAA,EAAYC,EAAOC,GAA2B;;;;;eAK3CC,GACdA,EAAMC,SACHC,EAAOC,WAAWC,SAClBF,EAAOC,WAAWE;EAGVC,EAAWR,EAAOS,MAA8B;;;;;;;;;WASjDP,GAAWA,EAAMC,SAAW,cAAgB;;;GAGpDD,GACDA,EAAMC,SASJ,GARA,2CAEkBC,EAAOC,WAAWK;EAS5BC,EAAUX,EAAOC,GAAG;;;;;"}

package/dist/esm/icons/Informational/Files and folders/DatabaseSvgrepoCom.js

@@ -1,2 +0,0 @@
-import{__rest as t}from"../../../_virtual/_tslib.js";import{jsxs as s,jsx as a}from"react/jsx-runtime";const c=c=>{var{size:e=24,color:i="currentColor"}=c,l=t(c,["size","color"]);const r=Object.assign({width:e,height:e,color:i},l);return s("svg",Object.assign({viewBox:"0 0 24 24",id:"Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"},r,{children:[s("defs",{children:[a("style",{children:".cls-1{fill:none;}.cls-2{clip-path:url(#clip-path);}"}),a("clipPath",Object.assign({id:"clip-path"},{children:a("rect",{className:"cls-1",x:-.15,y:.06,width:24,height:24})}))]}),a("title",{children:"database"}),s("g",Object.assign({className:"cls-2"},{children:[a("path",{d:"M12,12.14c-6,0-10.46-2.14-10.46-5s4.5-5,10.46-5,10.46,2.15,10.46,5S18,12.14,12,12.14Zm0-8.49c-5.28,0-9,1.84-9,3.5s3.68,3.49,9,3.49,9-1.84,9-3.49S17.28,3.65,12,3.65Z"}),a("path",{d:"M12,17a16.54,16.54,0,0,1-8.35-1.94A3.76,3.76,0,0,1,1.54,12,3.78,3.78,0,0,1,3.66,8.93a.76.76,0,0,1,1,.25.75.75,0,0,1-.24,1C3.54,10.77,3,11.4,3,12s.5,1.23,1.41,1.79A15,15,0,0,0,12,15.5a15,15,0,0,0,7.55-1.71C20.46,13.23,21,12.6,21,12s-.5-1.23-1.41-1.79a.75.75,0,0,1-.24-1,.76.76,0,0,1,1-.25A3.78,3.78,0,0,1,22.46,12a3.78,3.78,0,0,1-2.12,3.07A16.58,16.58,0,0,1,12,17Z"}),a("path",{d:"M12,21.85c-6,0-10.46-2.15-10.46-5a3.78,3.78,0,0,1,2.12-3.06.75.75,0,0,1,1,.24.76.76,0,0,1-.24,1C3.54,15.62,3,16.26,3,16.85c0,1.66,3.68,3.5,9,3.5s9-1.84,9-3.5c0-.59-.5-1.23-1.41-1.78a.76.76,0,0,1-.24-1,.75.75,0,0,1,1-.24,3.78,3.78,0,0,1,2.12,3.06C22.46,19.7,18,21.85,12,21.85Z"})]}))]}))};export{c as default};
-//# sourceMappingURL=DatabaseSvgrepoCom.js.map

package/dist/esm/icons/Informational/Files and folders/DatabaseSvgrepoCom.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatabaseSvgrepoCom.js","sources":["../../../../../src/icons/Informational/Files and folders/DatabaseSvgrepoCom.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\n\ninterface Props extends SVGProps<SVGSVGElement> {\n\tsize?: number | string;\n\tcolor?: string;\n}\nconst SvgDatabaseSvgrepoCom = ({\n\tsize = 24,\n\tcolor = 'currentColor',\n\t...rest\n}: Props) => {\n\tconst props = {\n\t\twidth: size,\n\t\theight: size,\n\t\tcolor,\n\t\t...rest,\n\t};\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 24 24\"\n\t\t\tid=\"Layer_1\"\n\t\t\tdata-name=\"Layer 1\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\txmlnsXlink=\"http://www.w3.org/1999/xlink\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<defs>\n\t\t\t\t<style>{'.cls-1{fill:none;}.cls-2{clip-path:url(#clip-path);}'}</style>\n\t\t\t\t<clipPath id=\"clip-path\">\n\t\t\t\t\t<rect className=\"cls-1\" x={-0.15} y={0.06} width={24} height={24} />\n\t\t\t\t</clipPath>\n\t\t\t</defs>\n\t\t\t<title>{'database'}</title>\n\t\t\t<g className=\"cls-2\">\n\t\t\t\t<path d=\"M12,12.14c-6,0-10.46-2.14-10.46-5s4.5-5,10.46-5,10.46,2.15,10.46,5S18,12.14,12,12.14Zm0-8.49c-5.28,0-9,1.84-9,3.5s3.68,3.49,9,3.49,9-1.84,9-3.49S17.28,3.65,12,3.65Z\" />\n\t\t\t\t<path d=\"M12,17a16.54,16.54,0,0,1-8.35-1.94A3.76,3.76,0,0,1,1.54,12,3.78,3.78,0,0,1,3.66,8.93a.76.76,0,0,1,1,.25.75.75,0,0,1-.24,1C3.54,10.77,3,11.4,3,12s.5,1.23,1.41,1.79A15,15,0,0,0,12,15.5a15,15,0,0,0,7.55-1.71C20.46,13.23,21,12.6,21,12s-.5-1.23-1.41-1.79a.75.75,0,0,1-.24-1,.76.76,0,0,1,1-.25A3.78,3.78,0,0,1,22.46,12a3.78,3.78,0,0,1-2.12,3.07A16.58,16.58,0,0,1,12,17Z\" />\n\t\t\t\t<path d=\"M12,21.85c-6,0-10.46-2.15-10.46-5a3.78,3.78,0,0,1,2.12-3.06.75.75,0,0,1,1,.24.76.76,0,0,1-.24,1C3.54,15.62,3,16.26,3,16.85c0,1.66,3.68,3.5,9,3.5s9-1.84,9-3.5c0-.59-.5-1.23-1.41-1.78a.76.76,0,0,1-.24-1,.75.75,0,0,1,1-.24,3.78,3.78,0,0,1,2.12,3.06C22.46,19.7,18,21.85,12,21.85Z\" />\n\t\t\t</g>\n\t\t</svg>\n\t);\n};\nexport default SvgDatabaseSvgrepoCom;\n"],"names":["SvgDatabaseSvgrepoCom","_a","size","color","rest","__rest","props","Object","assign","width","height","_jsxs","viewBox","id","xmlns","xmlnsXlink","children","_jsx","className","x","y","d"],"mappings":"uGAMMA,MAAAA,EAAyBC,IAAA,IAAAC,KAC9BA,EAAO,GAAEC,MACTA,EAAQ,gBAAcF,EACnBG,EAH2BC,EAAAJ,EAAA,CAAA,OAAA,UAK9B,MAAMK,EAAKC,OAAAC,OAAA,CACVC,MAAOP,EACPQ,OAAQR,EACRC,SACGC,GAEJ,OACCO,EACC,MAAAJ,OAAAC,OAAA,CAAAI,QAAQ,YACRC,GAAG,UACO,YAAA,UACVC,MAAM,6BACNC,WAAW,gCACPT,EAAK,CAAAU,SAAA,CAETL,oBACCM,EAAQ,QAAA,CAAAD,SAAA,yDACRC,EAAA,WAAAV,OAAAC,OAAA,CAAUK,GAAG,uBACZI,EAAM,OAAA,CAAAC,UAAU,QAAQC,GAAI,IAAMC,EAAG,IAAMX,MAAO,GAAIC,OAAQ,WAGhEO,EAAQ,QAAA,CAAAD,SAAA,aACRL,EAAA,IAAAJ,OAAAC,OAAA,CAAGU,UAAU,SACZ,CAAAF,SAAA,CAAAC,EAAA,OAAA,CAAMI,EAAE,yKACRJ,EAAA,OAAA,CAAMI,EAAE,gXACRJ,EAAA,OAAA,CAAMI,EAAE,+RAEJ"}

package/dist/esm/icons/Media/Others/CloudSvgrepoCom.js

@@ -1,2 +0,0 @@
-import{__rest as o}from"../../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";const t=t=>{var{size:e=24,color:s="currentColor"}=t,i=o(t,["size","color"]);const n=Object.assign({width:e,height:e,color:s},i);return r("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n,{children:r("path",{d:"M3 13.6493C3 16.6044 5.41766 19 8.4 19L16.5 19C18.9853 19 21 16.9839 21 14.4969C21 12.6503 19.8893 10.9449 18.3 10.25C18.1317 7.32251 15.684 5 12.6893 5C10.3514 5 8.34694 6.48637 7.5 8.5C4.8 8.9375 3 11.2001 3 13.6493Z",stroke:"#000000",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})}))};export{t as default};
-//# sourceMappingURL=CloudSvgrepoCom.js.map

package/dist/esm/icons/Media/Others/CloudSvgrepoCom.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CloudSvgrepoCom.js","sources":["../../../../../src/icons/Media/Others/CloudSvgrepoCom.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\n\ninterface Props extends SVGProps<SVGSVGElement> {\n\tsize?: number | string;\n\tcolor?: string;\n}\nconst SvgCloudSvgrepoCom = ({\n\tsize = 24,\n\tcolor = 'currentColor',\n\t...rest\n}: Props) => {\n\tconst props = {\n\t\twidth: size,\n\t\theight: size,\n\t\tcolor,\n\t\t...rest,\n\t};\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 24 24\"\n\t\t\tfill=\"none\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<path\n\t\t\t\td=\"M3 13.6493C3 16.6044 5.41766 19 8.4 19L16.5 19C18.9853 19 21 16.9839 21 14.4969C21 12.6503 19.8893 10.9449 18.3 10.25C18.1317 7.32251 15.684 5 12.6893 5C10.3514 5 8.34694 6.48637 7.5 8.5C4.8 8.9375 3 11.2001 3 13.6493Z\"\n\t\t\t\tstroke=\"#000000\"\n\t\t\t\tstrokeWidth={2}\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t/>\n\t\t</svg>\n\t);\n};\nexport default SvgCloudSvgrepoCom;\n"],"names":["SvgCloudSvgrepoCom","_a","size","color","rest","__rest","props","Object","assign","width","height","_jsx","viewBox","fill","xmlns","children","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin"],"mappings":"6FAMMA,MAAAA,EAAsBC,IAAA,IAAAC,KAC3BA,EAAO,GAAEC,MACTA,EAAQ,gBAAcF,EACnBG,EAHwBC,EAAAJ,EAAA,CAAA,OAAA,UAK3B,MAAMK,EAAKC,OAAAC,OAAA,CACVC,MAAOP,EACPQ,OAAQR,EACRC,SACGC,GAEJ,OACCO,EACC,MAAAJ,OAAAC,OAAA,CAAAI,QAAQ,YACRC,KAAK,OACLC,MAAM,8BACFR,EAAK,CAAAS,SAETJ,UACCK,EAAE,6NACFC,OAAO,UACPC,YAAa,EACbC,cAAc,QACdC,eAAe,YAEX"}

package/dist/esm/src/components/bik-layout/BikSidebarV2/BikSidebarV2.d.ts

@@ -1,33 +0,0 @@
-import React from 'react';
-import { Menu } from './SidebarV2.model';
-export interface MenuItemV2 {
-    key: string | number;
-    displayName: string;
-    icon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    activeIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    hoverIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    isLastSticky?: boolean;
-    is2ndLastSticky?: boolean;
-    children?: Menu[];
-    showAccessUpgradePanel?: boolean;
-    path?: string;
-    layout?: 'fullScreen' | 'popup' | string | undefined;
-    isNew?: boolean;
-    isLocked?: boolean;
-}
-export interface BikSidebarV2Props {
-    logoSvg?: JSX.Element;
-    allMenuList: MenuItemV2[];
-    activeMainMenu: MenuItemV2;
-    activeSubMenu: Menu;
-    router: any;
-    onClickingMainMenu: (menu: MenuItemV2) => void;
-    onClickingSubMenu: (subMenu: Menu) => void;
-    onClickingAccessUpgradePanel?: () => void;
-    onClickingPopupMenuItem?: (menu: Menu) => void;
-    popupMinHeight?: number;
-    isNewSidebar?: boolean;
-    onboardingPercentage?: number;
-    menuStyle?: React.CSSProperties;
-}
-export declare const BikSidebarV2: React.FC<BikSidebarV2Props>;

package/dist/esm/src/components/bik-layout/BikSidebarV2/SidebarV2.model.d.ts

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

package/dist/esm/src/components/bik-layout/BikSidebarV2/SidebarV2Popup.d.ts

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

package/dist/esm/src/components/bik-layout/BikSidebarV2/SidebarV2Styles.d.ts

@@ -1,44 +0,0 @@
-import { SidebarV2Theme } from './SidebarV2.model';
-export declare const SideBarV2Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MainSideBarV2MenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SibeBarV2MenuItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SidebarMainMenu: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SidebarNewTag: import("styled-components").StyledComponent<"div", any, {
-    isLastSticky?: boolean | undefined;
-}, never>;
-export declare const SidebarLockedChannel: import("styled-components").StyledComponent<"div", any, {
-    isLastSticky?: boolean | undefined;
-    is2ndLastSticky?: boolean | undefined;
-}, never>;
-export declare const SidebarMenuItemInner: import("styled-components").StyledComponent<"div", any, {
-    isActive?: boolean | undefined;
-    isHovered?: boolean | undefined;
-    isNew?: boolean | undefined;
-    isLastSticky?: boolean | undefined;
-    is2ndLastSticky?: boolean | undefined;
-    stickyBottom?: number | undefined;
-}, never>;
-export declare const SidebarMenuItemContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SidebarMenuItemText: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-} & {
-    isActive?: boolean | undefined;
-}, never>;
-export declare const SimpleSidebarV2Container: import("styled-components").StyledComponent<"div", any, {
-    postion?: "fixed" | "sticky" | undefined;
-    top?: number | undefined;
-    theme: SidebarV2Theme;
-    width?: number | undefined;
-    zIndex?: number | undefined;
-    left?: number | undefined;
-    isNewSidebar?: boolean | undefined;
-}, never>;
-export declare const SidebarV2PopupContainer: import("styled-components").StyledComponent<"div", any, {
-    postion?: "fixed" | "sticky" | undefined;
-    top?: number | undefined;
-    theme: SidebarV2Theme;
-    zIndex?: number | undefined;
-    left?: number | undefined;
-    bottom?: number | undefined;
-}, never>;

package/dist/esm/src/components/bik-layout/BikSidebarV2/SimpleSidebarV2.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { SimpleSidebarV2Props } from './SidebarV2.model';
-export declare const SimpleSidebarV2: React.FC<SimpleSidebarV2Props>;