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

package/dist/esm/components/template-preview/WhatsApp/ChatUI.style.d.ts

@@ -1,21 +1,63 @@
-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;
+}, {
     isCarouselCard?: boolean | undefined;
     showBorder?: boolean | undefined;
     showDashedBorder?: boolean | undefined;
     isWhatsappCarousel?: boolean | undefined;
     hasError?: boolean | undefined;
     isPreview?: boolean | undefined;
-}, never>;
-export declare const TimeStamp: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const TimeStamp: 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 FooterText: import('styled-components').StyledComponent<"div", any, {
+}>, "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 FooterText: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('styled-components').FastOmit<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 MediaContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const ChatBtnContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const FooterWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const MediaNameAbsWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const DownloadMediaIconHolder: import('styled-components').StyledComponent<"div", any, {}, never>;
+}>, "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;
+}, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | 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 MediaContainer: 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 ChatBtnContainer: 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 FooterWrapper: 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 MediaNameAbsWrapper: 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 DownloadMediaIconHolder: 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/template-preview/WhatsApp/ChatUiV2.d.ts

@@ -1,3 +1,5 @@
 import { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';
-export declare const HtmlContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const HtmlContainer: 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 ChatUIV2: (props: WhatsappLikePreviewTypes) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.d.ts

@@ -4,6 +4,12 @@ import { CreateTemplateType } from '../../models/WhatsAppTemplate';
  * Type of props is infered from template
  */
 export declare const LimitedTimeOffer: (props: CreateTemplateType['limitedTimeOfferComponent']) => import("react/jsx-runtime").JSX.Element;
-export declare const StyledLimitedOfferTime: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const StyledLtoIcon: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const StyledLtoText: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const StyledLimitedOfferTime: 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 StyledLtoIcon: 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 StyledLtoText: 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/template-preview/webpush/WebpushPreview.styled.d.ts

@@ -1 +1,4 @@
-export declare const WebpushPreviewContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const WebpushPreviewContainer: 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/testimonial-card/TestimonialCard.style.d.ts

@@ -1,15 +1,34 @@
-export declare const TestimonialCardStyle: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const TestimonialCardStyle: 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;
     height?: string | undefined;
     version?: string | undefined;
-}, never>;
-export declare const TestimonialProfileCard: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const TestimonialProfileInfo2: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const Logo: import('styled-components').StyledComponent<"img", any, {}, never>;
-export declare const TestimonialProfileInfo: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const TestimonialProfileFooter: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const TestimonialProfileCard: 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 TestimonialProfileInfo2: 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 Logo: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const TestimonialProfileInfo: 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 TestimonialProfileFooter: 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;
-}, never>;
-export declare const FooterText: import('styled-components').StyledComponent<"span", any, {}, never>;
-export declare const FooterStat: import('styled-components').StyledComponent<"span", any, {}, never>;
-export declare const FooterArrow: import('styled-components').StyledComponent<"span", any, {}, never>;
+}>> & string;
+export declare const FooterText: 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 FooterStat: 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 FooterArrow: 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;

package/dist/esm/components/thumbnail/Thumbnail.styled.d.ts

@@ -1,4 +1,6 @@
 import { SIZE } from '../avatar/AvatarHelper';
-export declare const ThumbnailStyle: import('styled-components').StyledComponent<"div", any, {
+export declare const ThumbnailStyle: 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;
-}, never>;
+}>> & string;

package/dist/esm/components/toaster/Toaster.styled.d.ts

@@ -1,8 +1,10 @@
 import { TypeOptions } from 'react-toastify';
-export declare const ToasterStyled: import('styled-components').StyledComponent<"div", any, {
+export declare const ToasterStyled: 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;
     height?: string | undefined;
     zIndex?: number | undefined;
     isSubTextIncluded?: boolean | undefined;
     type?: TypeOptions | undefined;
-}, never>;
+}>> & string;

package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.style.d.ts

@@ -1 +1,4 @@
-export declare const ModalBody: import('styled-components').StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const ModalBody: 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/unsatisfactory-response-list/UnsatisfactoryResponseList.style.d.ts

@@ -1 +1,4 @@
-export declare const IncorrectRepliesStyle: import('styled-components').StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const IncorrectRepliesStyle: 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/variable-picker-v3/styles.d.ts

@@ -1,8 +1,17 @@
-export declare const HeaderWrapper: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const HeaderWrapper: 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;
+}, {
     openDefault?: boolean | undefined;
-}, never>;
-export declare const RecommendWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const BackHeader: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const Container: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const RecommendWrapper: 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 BackHeader: 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 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;
+}, {
     height: string;
-}, never>;
+}>> & string;

package/dist/esm/components/vertical-full-screen-modal/styles.d.ts

@@ -1,8 +1,17 @@
-export declare const VerticalModalContainer: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const VerticalModalContainer: 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;
-}, never>;
-export declare const VerticalModalHeader: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const VerticalModalContent: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const VerticalModalFooter: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const VerticalModalHeader: 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 VerticalModalContent: 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 VerticalModalFooter: 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;
+}, {
     addGap?: boolean | undefined;
-}, never>;
+}>> & string;

package/dist/esm/components/whats-new/WhatsNew.styles.d.ts

@@ -1,11 +1,22 @@
-export declare const WhatsNewIconContainer: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const WhatsNewIconContainer: 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;
+}, {
     count?: number | undefined;
-}, never>;
-export declare const WhatsNewWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const MainContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const MainCardContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const BackgroundImageContainer: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const WhatsNewWrapper: 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 MainContainer: 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 MainCardContainer: 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 BackgroundImageContainer: 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;
+}, {
     imageUrl: string;
     height?: string | undefined;
     width?: string | undefined;
-}, never>;
+}>> & string;

package/dist/esm/editor/BikEditor.styles.d.ts

@@ -1,9 +1,12 @@
-export declare const BikEditorShell: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const BikEditorShell: 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;
+}, {
     minHeight?: string | undefined;
     maxHeight?: string | undefined;
     tightParagraphs?: boolean | undefined;
     jsonMode?: boolean | undefined;
-}, never>;
+}>> & string;
 /**
  * jsonMode header bar: a "JSON" label on the left and the Beautify / Copy actions
  * on the right. Owns the frame's top rounded border (no bottom edge — the code
@@ -11,21 +14,29 @@ export declare const BikEditorShell: import('styled-components').StyledComponent
  * it recolours on focus/error). Grey fill sets it apart from the white code
  * surface below.
  */
-export declare const BikJsonHeader: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const BikJsonHeader: 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;
 /**
  * jsonMode code surface below the header. Owns the recolourable border: brand on
  * focus, negative when the JSON is invalid (error wins over focus).
  */
-export declare const BikJsonBody: import('styled-components').StyledComponent<"div", any, {
+export declare const BikJsonBody: 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;
+}, {
     $error?: boolean | undefined;
-}, never>;
+}>> & string;
 /**
  * jsonMode empty state: a centered code glyph + placeholder line over the code
  * area. Pointer-events off so clicks focus the editor.
  */
-export declare const BikJsonEmptyState: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const BikJsonEmptyState: 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;
 /**
  * JSON parse-error alert rendered by BikEditor in jsonMode: a standalone rounded
  * card below the code area.
  */
-export declare const BikJsonError: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const BikJsonError: 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/editor/extensions/editorDropdown.styles.d.ts

@@ -1,18 +1,53 @@
-export declare const DropdownContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const DropdownItem: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const DropdownContainer: 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 DropdownItem: 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;
-}, never>;
-export declare const MentionAvatar: import('styled-components').StyledComponent<"img", any, {}, never>;
-export declare const MentionAvatarFallback: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const MentionLabel: import('styled-components').StyledComponent<"span", any, {}, never>;
-export declare const MentionPresenceDot: import('styled-components').StyledComponent<"span", any, {
+}>> & string;
+export declare const MentionAvatar: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const MentionAvatarFallback: 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 MentionLabel: 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 MentionPresenceDot: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     $online?: boolean | undefined;
-}, never>;
-export declare const SlashLabel: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const SlashLabel: 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 SlashDescription: import('styled-components').StyledComponent<"div", any, {
+}>, "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 SlashDescription: 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>;
+}>, "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;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.867",
+	"version": "0.0.868-beta.1",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",
@@ -132,7 +132,6 @@
 		"@types/react": "^18.3.12",
 		"@types/react-calendar": "^3.5.2",
 		"@types/react-slick": "^0.23.13",
-		"@types/styled-components": "^5.1.26",
 		"@types/testing-library__jest-dom": "^5.14.5",
 		"@types/uuid": "^9.0.8",
 		"@typescript-eslint/eslint-plugin": "^5.48.1",
@@ -160,7 +159,7 @@
 		"react-redux": "^7.2.6",
 		"redux": "^4.1.2",
 		"storybook": "9.1.20",
-		"styled-components": "^5.3.3",
+		"styled-components": "^6.4.0",
 		"tslib": "^2.4.1",
 		"typescript": "^4.9.4",
 		"vite": "^7.3.5",
@@ -175,7 +174,7 @@
 		"react-dom": "^16.8.0 || ^17 || ^18 || ^19",
 		"react-redux": "^7.2.6",
 		"redux": "^4.1.2",
-		"styled-components": "^5.3.3"
+		"styled-components": "^6.4.0"
 	},
 	"engines": {
 		"node": ">=20"