@bikdotai/bik-component-library 0.0.870-beta.0 → 0.0.870

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-copilot/ControlledCopilot.styled.d.ts

@@ -1,7 +1,10 @@
-export declare const PanelPositioner: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const PanelPositioner: 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;
+}, {
     $left: number;
     $top: number;
     $width: number;
     $height: number;
     $zIndex: number;
-}, never>;
+}>> & string;

package/dist/esm/components/bik-copilot/CopilotBall.styled.d.ts

@@ -1,4 +1,7 @@
-export declare const BallButton: import('styled-components').StyledComponent<"button", any, {
+/// <reference types="react" />
+export declare const BallButton: 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: number;
     $left: number;
     $top: number;
@@ -6,4 +9,4 @@ export declare const BallButton: import('styled-components').StyledComponent<"bu
     $zIndex: number;
     $isDragging: boolean;
     $draggable: boolean;
-}, never>;
+}>> & string;

package/dist/esm/components/bik-copilot/CopilotFeedbackModal.styled.d.ts

@@ -1,12 +1,33 @@
-export declare const ModalCard: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const ModalHeader: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const ModalHeading: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const ModalTitle: import('styled-components').StyledComponent<"span", any, {}, never>;
-export declare const ModalSubtitle: import('styled-components').StyledComponent<"span", any, {}, never>;
-export declare const ModalClose: import('styled-components').StyledComponent<"button", any, {}, never>;
-export declare const ReasonList: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const ReasonChip: import('styled-components').StyledComponent<"button", any, {
+/// <reference types="react" />
+export declare const ModalCard: 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 ModalHeader: 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 ModalHeading: 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 ModalTitle: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const ModalSubtitle: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const ModalClose: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const ReasonList: 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 ReasonChip: 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;
+}, {
     $selected: boolean;
-}, never>;
-export declare const NoteInput: import('styled-components').StyledComponent<"textarea", any, {}, never>;
-export declare const SubmitButton: import('styled-components').StyledComponent<"button", any, {}, never>;
+}>> & string;
+export declare const NoteInput: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const SubmitButton: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;

package/dist/esm/components/bik-copilot/CopilotPanel.styled.d.ts

@@ -1,17 +1,38 @@
-export declare const PanelContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const PanelHeader: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const HeaderAvatar: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const HeaderText: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const HeaderTitleRow: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const HeaderBadge: import('styled-components').StyledComponent<"span", any, {}, never>;
-export declare const HeaderActions: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const IconAction: import('styled-components').StyledComponent<"button", any, {}, never>;
+/// <reference types="react" />
+export declare const PanelContainer: 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 PanelHeader: 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 HeaderAvatar: 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 HeaderText: 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 HeaderTitleRow: 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 HeaderBadge: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const HeaderActions: 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 IconAction: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
 /**
  * Wraps the scroller so the bottom fade and the jump-to-latest button can be
  * absolutely positioned over it.
  */
-export declare const MessagesViewport: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const MessagesArea: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const MessagesViewport: 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 MessagesArea: 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;
 /**
  * Softens the cut-off edge of a long answer the reader has scrolled up from, so
  * the clipped line reads as continuing rather than as the end of the message.
@@ -21,55 +42,111 @@ export declare const MessagesArea: import('styled-components').StyledComponent<"
  * masked blur over it that strengthens towards the bottom. Browsers without
  * `backdrop-filter` still get the fade.
  */
-export declare const ScrollFade: import('styled-components').StyledComponent<"div", any, {
+export declare const ScrollFade: 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;
+}, {
     $visible: boolean;
-}, never>;
-export declare const JumpToLatestButton: import('styled-components').StyledComponent<"button", any, {
+}>> & string;
+export declare const JumpToLatestButton: 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;
+}, {
     $visible: boolean;
-}, never>;
-export declare const EmptyState: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const EmptyStateIcon: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const SuggestionList: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const SuggestionChip: import('styled-components').StyledComponent<"button", any, {}, never>;
-export declare const MessageBubble: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const EmptyState: 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 EmptyStateIcon: 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 SuggestionList: 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 SuggestionChip: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const MessageBubble: 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;
+}, {
     $role: 'user' | 'assistant' | 'system';
-}, never>;
-export declare const ThinkingBubble: import('styled-components').StyledComponent<"div", any, {}, never>;
+}>> & string;
+export declare const ThinkingBubble: 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;
 /** Sits above the oldest message while the page before it is fetched. */
-export declare const HistoryLoader: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const FollowUpList: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const FollowUpsLabel: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const ToolCtaList: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const ToolCtaLink: import('styled-components').StyledComponent<"a", any, {}, never>;
-export declare const FollowUpChip: import('styled-components').StyledComponent<"button", any, {}, never>;
+export declare const HistoryLoader: 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 FollowUpList: 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 FollowUpsLabel: 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 ToolCtaList: 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 ToolCtaLink: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const FollowUpChip: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
 /**
  * Bubble-less on purpose: a stopped reply is a note about the transcript, not a
  * message in it.
  */
-export declare const InterruptedNote: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const MessageTimestamp: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const InterruptedNote: 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 MessageTimestamp: 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;
 /**
  * Actions under a finished assistant reply. Kept low-contrast so a row of icons
  * under every message does not compete with the answer itself.
  */
-export declare const MessageActions: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const MessageAction: import('styled-components').StyledComponent<"button", any, {}, never>;
-export declare const ThinkingLabel: import('styled-components').StyledComponent<"span", any, {}, never>;
-export declare const ErrorBanner: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const InputArea: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const MessageActions: 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 MessageAction: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const ThinkingLabel: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const ErrorBanner: 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 InputArea: 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;
 /**
  * The quoted selection above the input. Deliberately outside `InputWrapper` so
  * it does not grow the field's focus ring, and truncated rather than wrapped —
  * a long quote must not push the input off the panel.
  */
-export declare const AttachmentChip: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const AttachmentText: import('styled-components').StyledComponent<"span", any, {}, never>;
-export declare const AttachmentRemove: import('styled-components').StyledComponent<"button", any, {}, never>;
-export declare const InputWrapper: import('styled-components').StyledComponent<"div", any, {
+export declare const AttachmentChip: 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 AttachmentText: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const AttachmentRemove: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const InputWrapper: 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;
+}, {
     $focused: boolean;
-}, never>;
-export declare const MessageInput: import('styled-components').StyledComponent<"textarea", any, {}, never>;
-export declare const SendButton: import('styled-components').StyledComponent<"button", any, {
+}>> & string;
+export declare const MessageInput: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const SendButton: 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;
+}, {
     $active: boolean;
-}, never>;
-export declare const Disclaimer: import('styled-components').StyledComponent<"div", any, {}, never>;
+}>> & string;
+export declare const Disclaimer: 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/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;