@bikdotai/bik-component-library 0.0.867 → 0.0.868-beta.1

package/dist/esm/components/avatar/Avatar.styled.d.ts

@@ -1,6 +1,8 @@
 import { AVATAR_BACKGROUND, AVATAR_TYPES, SIZE } from './AvatarHelper';
-export declare const AvatarStyle: import('styled-components').StyledComponent<"div", any, {
+export declare const AvatarStyle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     size: SIZE;
     background: AVATAR_BACKGROUND;
     type: AVATAR_TYPES;
-}, never>;
+}>> & string;

package/dist/esm/components/bik-chatbot/components/ChatWindow.d.ts

@@ -1,9 +1,11 @@
 import { default as React } from 'react';
 import { ChatWindowProps } from '../types';
-export declare const CustomGradientText: import('styled-components').StyledComponent<"span", any, {
+export declare const CustomGradientText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     colors?: string | undefined;
     angle?: number | undefined;
-}, never>;
+}>> & string;
 export type { ChatState } from '../types';
 interface ChatWindowWithHeightProps extends ChatWindowProps {
     chatWindowHeight?: string | number;

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

@@ -1,31 +1,60 @@
 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, {
+export declare const SideBarV2Container: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const MainSideBarV2MenuWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const SibeBarV2MenuItem: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const SidebarMainMenu: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const SidebarNewTag: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     isLastSticky?: boolean | undefined;
-}, never>;
-export declare const SidebarLockedChannel: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const SidebarLockedChannel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     isLastSticky?: boolean | undefined;
     is2ndLastSticky?: boolean | undefined;
-}, never>;
-export declare const SidebarMenuItemInner: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const SidebarMenuItemInner: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     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, {
+}>> & string;
+export declare const SidebarMenuItemContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const SidebarMenuItemText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<Omit<import('styled-components').FastOmit<import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     numberOfLines?: number | undefined;
     color?: string | undefined;
-} & {
+}>, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | (import('react').CSSProperties & {
+        [key: `--${string}`]: string | number | undefined;
+    }) | undefined;
+}, {
     isActive?: boolean | undefined;
-}, never>;
-export declare const SimpleSidebarV2Container: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const SimpleSidebarV2Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     postion?: "fixed" | "sticky" | undefined;
     top?: number | undefined;
     theme: SidebarV2Theme;
@@ -33,12 +62,14 @@ export declare const SimpleSidebarV2Container: import('styled-components').Style
     zIndex?: number | undefined;
     left?: number | undefined;
     isNewSidebar?: boolean | undefined;
-}, never>;
-export declare const SidebarV2PopupContainer: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const SidebarV2PopupContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     postion?: "fixed" | "sticky" | undefined;
     top?: number | undefined;
     theme: SidebarV2Theme;
     zIndex?: number | undefined;
     left?: number | undefined;
     bottom?: number | undefined;
-}, never>;
+}>> & string;

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

@@ -1,42 +1,102 @@
 /// <reference types="react" />
-export declare const GlobalContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const LoaderWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const LoadingMessageWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const BikLayoutContainer: import('styled-components').StyledComponent<"div", any, {
+export declare const GlobalContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const LoaderWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const LoadingMessageWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const BikLayoutContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     type?: "overflow-within" | "overflow-body" | undefined;
     backgroundColor?: string | undefined;
-}, never>;
-export declare const BikHeaderWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const BikHeaderContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const MenuInnerContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const ProfileDropdownToggleContainer: import('styled-components').StyledComponent<import('react-bootstrap/esm/helpers').BsPrefixRefForwardingComponent<"button", import('react-bootstrap/esm/DropdownToggle').DropdownToggleProps>, any, {}, never>;
-export declare const ProfileDropdownInnerContainer: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const BikHeaderWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const BikHeaderContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const MenuInnerContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const ProfileDropdownToggleContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('react-bootstrap/esm/helpers').Omit<any, import('react-bootstrap/esm/helpers').BsPrefixProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import('react-bootstrap/esm/DropdownToggle').DropdownToggleProps> & import('react-bootstrap/esm/helpers').BsPrefixProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import('react-bootstrap/esm/DropdownToggle').DropdownToggleProps & {
+    children?: import('react').ReactNode;
+}> & string & Omit<import('react-bootstrap/esm/helpers').BsPrefixRefForwardingComponent<"button", import('react-bootstrap/esm/DropdownToggle').DropdownToggleProps>, keyof import('react').Component<any, {}, any>>;
+export declare const ProfileDropdownInnerContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     isDropdownOpen: boolean;
-}, never>;
-export declare const UserNameTitleSmall: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const UserNameTitleSmall: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<import('styled-components').FastOmit<import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     numberOfLines?: number | undefined;
     color?: string | undefined;
-}, never>;
-export declare const UserAvatarContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const StyledTooltip: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<import('react-bootstrap').TooltipProps & import('react').RefAttributes<HTMLDivElement>> & {
+}>, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | (import('react').CSSProperties & {
+        [key: `--${string}`]: string | number | undefined;
+    }) | undefined;
+}> & string;
+export declare const UserAvatarContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledTooltip: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<import('react-bootstrap').TooltipProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string & Omit<import('react').ForwardRefExoticComponent<import('react-bootstrap').TooltipProps & import('react').RefAttributes<HTMLDivElement>> & {
     TOOLTIP_OFFSET: number[];
-}, any, {}, never>;
-export declare const UserInfoContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const StatusContainer: import('styled-components').StyledComponent<"div", any, {
+}, keyof import('react').Component<any, {}, any>>;
+export declare const UserInfoContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StatusContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     isAvailable: boolean;
-}, never>;
-export declare const UserStatusContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const StyledBodyCaption: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const UserStatusContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledBodyCaption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<Omit<import('styled-components').FastOmit<import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     numberOfLines?: number | undefined;
     color?: string | undefined;
-} & {
+}>, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | (import('react').CSSProperties & {
+        [key: `--${string}`]: string | number | undefined;
+    }) | undefined;
+}, {
     isAvailable: boolean;
-}, never>;
-export declare const FeatureModalContainer: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const FeatureModalContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     zIndex?: number | undefined;
     resetHeight?: boolean | undefined;
     relativePostion?: boolean | undefined;
-}, never>;
-export declare const InnerModalContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const RelativeModalContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const FeatureModalV2Container: import('styled-components').StyledComponent<"div", any, {}, never>;
+}>> & string;
+export declare const InnerModalContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const RelativeModalContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const FeatureModalV2Container: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;

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

@@ -1,8 +1,16 @@
 import { SidebarTheme } from './Sidebar.model';
-export declare const SideBarContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const MainSideBarMenuWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const SibeBarMenuItem: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const SimpleSidebarContainer: import('styled-components').StyledComponent<"div", any, {
+export declare const SideBarContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const MainSideBarMenuWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const SibeBarMenuItem: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const SimpleSidebarContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     postion?: "fixed" | "sticky" | undefined;
     top?: number | undefined;
     theme: SidebarTheme;
@@ -10,12 +18,14 @@ export declare const SimpleSidebarContainer: import('styled-components').StyledC
     zIndex?: number | undefined;
     left?: number | undefined;
     isNewSidebar?: boolean | undefined;
-}, never>;
-export declare const SidebarPopupContainer: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const SidebarPopupContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     postion?: "fixed" | "sticky" | undefined;
     top?: number | undefined;
     theme: SidebarTheme;
     zIndex?: number | undefined;
     left?: number | undefined;
     bottom?: number | undefined;
-}, never>;
+}>> & string;

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

@@ -1,5 +1,7 @@
 import { Size, Type } from './model';
-export declare const Button: import('styled-components').StyledComponent<"button", any, {
+export declare const Button: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     size: Size;
     buttonType: Type;
     isLoading?: boolean | undefined;
@@ -11,5 +13,5 @@ export declare const Button: import('styled-components').StyledComponent<"button
     activated?: boolean | undefined;
     error?: boolean | undefined;
     buttonColor?: string | undefined;
-}, never>;
+}>> & string;
 export declare const ButtonCustomDashedBorder: () => import("react/jsx-runtime").JSX.Element;

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

@@ -3,10 +3,24 @@ export declare const getBackgroundColor: (type: Type, size: Size, inverse?: bool
 export declare const getColor: (type: Type, size: Size, inverse?: boolean, darkMode?: boolean) => string;
 export declare const getDisabledTextColor: (inverse?: boolean) => string;
 export declare const getPadding: (type: Type, size: Size) => "0px" | "4px 6px" | "4px 8px" | "6px 4px" | "6px 12px" | "10px 4px" | "10px 12px" | "14px 4px" | "14px 12px" | undefined;
-export declare const GetButtonTextComponent: (size: Size, type: Type, disabled?: boolean) => import('styled-components').StyledComponent<"div", any, {
+export declare const GetButtonTextComponent: (size: Size, type: Type, disabled?: boolean) => (import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     numberOfLines?: number | undefined;
     color?: string | undefined;
-}, never>;
+    customStyles?: import('../TypographyStyle').customStyles | undefined;
+}>> & string) | (import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+    disabled?: boolean | undefined;
+}>> & string) | (import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}>> & string);
 export declare const getBorderColor: (type: Type, inverse?: boolean, error?: boolean) => string;
 export declare const strokeStyle: (size: Size, color: string, width?: number) => string;
 export declare const getBorder: (version: '1.0' | '2.0' | '3.0', type: Type, size: Size, inverse?: boolean, error?: boolean) => string;

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

@@ -1,14 +1,19 @@
-export declare const ButtonGroupStyle: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const ButtonGroupStyle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     width: string | undefined;
     size: 'small' | 'medium' | 'large';
     gap: string | undefined;
     iconPosition?: "left" | "right" | "top" | undefined;
-}, never>;
-export declare const Button: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const Button: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     isActive: boolean;
     matchParentWidth: boolean;
     borderRadius: string;
     iconPosition?: "left" | "right" | "top" | undefined;
     size: 'small' | 'medium' | 'large';
     backgroundColor?: string | undefined;
-}, never>;
+}>> & string;

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

@@ -1,2 +1,7 @@
-export declare const StyledCardContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const StyledCard: import('styled-components').StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledCardContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledCard: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;

package/dist/esm/components/card-selector/CardSelector.styled.d.ts

@@ -1,7 +1,12 @@
-export declare const Container: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     selected: boolean;
     disabled: boolean;
     loading: boolean;
     isTooltipPresent?: boolean | undefined;
-}, never>;
-export declare const Loader: import('styled-components').StyledComponent<"div", any, {}, never>;
+}>> & string;
+export declare const Loader: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;

package/dist/esm/components/carousel-preview/CarouselPreview.style.d.ts

@@ -1,10 +1,15 @@
-export declare const Container: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     showHeader?: boolean | undefined;
     removeBottomBorder?: boolean | undefined;
     borderRadius?: string | undefined;
     hideBorder?: boolean | undefined;
-}, never>;
-export declare const CarouselSlickContainer: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const CarouselSlickContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     cardCount: number;
     selectedCarouselIndex: number;
-}, never>;
+}>> & string;

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

@@ -1,18 +1,30 @@
 import { CarouselVersion } from './model';
-export declare const CarouselContainer: import('styled-components').StyledComponent<"div", any, {
+export declare const CarouselContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     version?: CarouselVersion | undefined;
-}, never>;
-export declare const CarouselBody: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const CarouselBody: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     textAlign: string | undefined;
-}, never>;
-export declare const CarouselPage: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const CarouselPage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     isActive: boolean;
-}, never>;
-export declare const CarouselFooter: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const CarouselFooter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     version?: CarouselVersion | undefined;
-}, never>;
-export declare const PageIndicator: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const Indicator: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const PageIndicator: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const Indicator: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     isActive: boolean;
     version?: CarouselVersion | undefined;
-}, never>;
+}>> & string;