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

package/dist/esm/components/stepper/Stepper.styled.d.ts

@@ -1,8 +1,14 @@
 import { StepperStates } from './Stepper.model';
-export declare const StepperContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const SingleStepperChildContainer: import('styled-components').StyledComponent<"div", any, {
+export declare const StepperContainer: 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 SingleStepperChildContainer: 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;
+}, {
     selectedState: StepperStates;
     stepsCount: number;
     isInActive?: boolean | undefined;
-}, never>;
-export declare const WorkingStepperContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+}>> & string;
+export declare const WorkingStepperContainer: 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/switch/Switch.d.ts

@@ -1,6 +1,8 @@
 import { SwitchColorProps, SwitchProps } from './Switch.type';
 export declare const Switch: import('react').ForwardRefExoticComponent<SwitchProps & import('react').RefAttributes<HTMLButtonElement>>;
-export declare const SwitchContainer: import('styled-components').StyledComponent<"div", any, {
+export declare const SwitchContainer: 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;
+}, {
     trackLength: number;
     trackHeight: number;
     trackColor: SwitchColorProps;
@@ -9,13 +11,17 @@ export declare const SwitchContainer: import('styled-components').StyledComponen
     duration: number;
     disabled?: boolean | undefined;
     outlineColor: SwitchColorProps;
-}, never>;
-export declare const Thumb: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const Thumb: 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;
+}, {
     value: boolean;
     duration: number;
     thumbColor: SwitchColorProps;
-}, never>;
-export declare const Loader: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const Loader: 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;
+}, {
     value: boolean;
     trackColor: SwitchColorProps;
-}, never>;
+}>> & string;

package/dist/esm/components/tabs/Tabs.styles.d.ts

@@ -1,16 +1,37 @@
 import { TabItemProps, TabItemTextProps } from './Tabs.model';
-export declare const TabHeader: import('styled-components').StyledComponent<"div", any, {
+export declare const TabHeader: 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;
+}, {
     bgColor?: string | undefined;
     tabGap?: number | undefined;
-}, never>;
-export declare const TabItem: import('styled-components').StyledComponent<"div", any, TabItemProps, never>;
-export declare const TrailingNumberContainer: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const TabItem: 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;
+}, TabItemProps>> & string;
+export declare const TrailingNumberContainer: 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;
     selectedBackground?: string | undefined;
-}, never>;
-export declare const TabItemText: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const TabItemText: 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;
-} & TabItemTextProps, never>;
-export declare const EmptyTab: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const RightComponent: 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;
+}, TabItemTextProps>> & string;
+export declare const EmptyTab: 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 RightComponent: 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/tag/Tag.styled.d.ts

@@ -1,5 +1,7 @@
 import { TagTheme, TagType, TagVariant } from './model';
-export declare const Tag: import('styled-components').StyledComponent<"div", any, {
+export declare const Tag: 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;
+}, {
     theme: TagTheme;
     type: TagType;
     variant: TagVariant;
@@ -14,4 +16,4 @@ export declare const Tag: import('styled-components').StyledComponent<"div", any
     borderRadius?: string | number | undefined;
     size?: "small" | "regular" | undefined;
     hoverBackgroundColor?: string | undefined;
-}, never>;
+}>> & string;

package/dist/esm/components/template-context-mapper/Badge/index.d.ts

@@ -1,6 +1,9 @@
-export declare const BadgeContainer: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const BadgeContainer: 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;
+}, {
     padding?: string | undefined;
-}, never>;
+}>> & string;
 export interface BadgeProps {
     errorText: string;
     padding?: string;

package/dist/esm/components/template-context-mapper/modalElements/EditMediaV2.style.d.ts

@@ -1,6 +1,15 @@
-export declare const RightComponent: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const ImageContainer: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const RightComponent: 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 ImageContainer: 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;
-}, never>;
-export declare const Container: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const EditTemplateMediaContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+}>> & string;
+export declare const Container: 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 EditTemplateMediaContainer: 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-context-mapper/modalElements/VariableConnector.d.ts

@@ -3,10 +3,12 @@ import { ButtonPlaceHolderOptions, CUSTOM_VARIABLE } from '../../template-previe
 import { WEB_PUSH_COMPONENT_TYPE } from '../../template-preview/models/WebpushTemplate';
 import { BUTTON_TYPE } from '../../template-preview/models/WhatsAppTemplate';
 import { ComponentType } from './modal';
-export declare const Container: import('styled-components').StyledComponent<"div", any, {
+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;
+}, {
     focused?: boolean | undefined;
     channel?: CHANNEL_TYPE | undefined;
-}, never>;
+}>> & string;
 /** COMPONENT BELOW */
 export interface VariableConnectorProps {
     onFocus?: () => void;

package/dist/esm/components/template-context-mapper/modalElements/VariableConnectorsPanel.d.ts

@@ -1,4 +1,7 @@
-export declare const Container: import('styled-components').StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const Container: 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 interface VariableConnectorsProps {
     onFocus?: (variableIndex: number) => void;
     showVariableModal?: boolean;
@@ -7,4 +10,6 @@ export interface VariableConnectorsProps {
 }
 declare const VariableConnectors: ({ onFocus, showVariableModal, discountCode, setDiscountCode, }: VariableConnectorsProps) => import("react/jsx-runtime").JSX.Element;
 export default VariableConnectors;
-export declare const AddVariableStyled: import('styled-components').StyledComponent<"button", any, {}, never>;
+export declare const AddVariableStyled: 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/template-context-mapper/styles/TemplateAnalyticsStyles.d.ts

@@ -1,9 +1,27 @@
-export declare const TemplateContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const RightPanelContainer: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const TemplateContainer: 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 RightPanelContainer: 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;
+}, {
     fullWidth?: boolean | undefined;
-}, never>;
-export declare const LeftPanelContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const CustomTitleMedium: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const LeftPanelContainer: 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 CustomTitleMedium: 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/dist/esm/components/template-context-mapper/utils/TemplateConstants.d.ts

@@ -2,40 +2,48 @@ export declare const TEMPLATE_QUALITY_MAP: {
     YELLOW: {
         Icon: import('react').FunctionComponent<import('react').SVGAttributes<SVGElement>>;
         title: string;
-        sublineTextType: import('styled-components').StyledComponent<"div", any, {
+        sublineTextType: 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>;
+        }>> & string;
         sublineColor: string;
         subline: string;
     };
     RED: {
         Icon: import('react').FunctionComponent<import('react').SVGAttributes<SVGElement>>;
         title: string;
-        sublineTextType: import('styled-components').StyledComponent<"div", any, {
+        sublineTextType: 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>;
+        }>> & string;
         sublineColor: string;
         subline: string;
     };
     GREEN: {
         Icon: import('react').FunctionComponent<import('react').SVGAttributes<SVGElement>>;
         title: string;
-        sublineTextType: import('styled-components').StyledComponent<"div", any, {
+        sublineTextType: 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>;
+        }>> & string;
         sublineColor: string;
         subline: string;
     };
     UNKNOWN: {
         Icon: import('react').FunctionComponent<import('react').SVGAttributes<SVGElement>>;
         title: string;
-        sublineTextType: import('styled-components').StyledComponent<"div", any, {
+        sublineTextType: 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>;
+        }>> & string;
         sublineColor: string;
         subline: string;
     };

package/dist/esm/components/template-preview/EmailTemplatePreview.styled.d.ts

@@ -1,14 +1,27 @@
-export declare const Header: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const ImageContainer: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const Header: 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 ImageContainer: 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;
+}, {
     hideHeader?: boolean | undefined;
-}, never>;
-export declare const CardLoadingContainer: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const CardLoadingContainer: 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;
+}, {
     hideHeader?: boolean | undefined;
-}, never>;
-export declare const IframeContainer: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const IframeContainer: 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;
+}, {
     applyBorderBottom?: boolean | undefined;
-}, never>;
-export declare const ViewButton: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const EmailContainer: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const ViewButton: 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 EmailContainer: 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;
+}, {
     hideHeader?: boolean | undefined;
-}, never>;
+}>> & string;

package/dist/esm/components/template-preview/RCS/RCSPreview.styled.d.ts

@@ -1,12 +1,40 @@
 import { RCS_TEMPLATE_TYPE } from '../models/RCSTemplate';
-export declare const RCSContainer: import('styled-components').StyledComponent<"div", any, {
+export declare const RCSContainer: 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;
+}, {
     isCarousal?: boolean | undefined;
     templateType?: RCS_TEMPLATE_TYPE | undefined;
-}, never>;
-export declare const RcsHtmlContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const HeaderTextContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const TitleTextContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const RCSPreviewContainer: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const RcsHtmlContainer: 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 HeaderTextContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<import('styled-components').FastOmit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | 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;
+}> & string;
+export declare const TitleTextContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<import('styled-components').FastOmit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | 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;
+}> & string;
+export declare const RCSPreviewContainer: 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;
@@ -15,19 +43,41 @@ export declare const RCSPreviewContainer: import('styled-components').StyledComp
     isPreview?: boolean | undefined;
     needBorder?: boolean | undefined;
     isHorizontalOrientation?: boolean | undefined;
-}, never>;
-export declare const RCSChatBtnContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const RCSMediaContainer: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const RCSChatBtnContainer: 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 RCSMediaContainer: 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;
+}, {
     isHorizontal: boolean;
-}, never>;
-export declare const RCSPdfContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const PdfComineText: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const PdfText: import('styled-components').StyledComponent<"p", any, {}, never>;
-export declare const RCSCarousalContainer: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const RCSPdfContainer: 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 PdfComineText: 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 PdfText: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const RCSCarousalContainer: 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;
+}, {
     borderRadius?: string | undefined;
-}, never>;
-export declare const HeaderContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const LeftContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const IconContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const TitleContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const SubTitle: import('styled-components').StyledComponent<"p", any, {}, never>;
+}>> & string;
+export declare const HeaderContainer: 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 LeftContainer: 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 IconContainer: 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 TitleContainer: 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 SubTitle: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;

package/dist/esm/components/template-preview/SMS/SMSBubble.d.ts

@@ -1,5 +1,10 @@
-export declare const SideCaret: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const SMSContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const SideCaret: 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 SMSContainer: 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 type SMSBubbleProps = {
     content: string;
     size?: 'small' | 'large';

package/dist/esm/components/template-preview/SmsTemplatePreview.styled.d.ts

@@ -1,13 +1,30 @@
-export declare const SideCaret: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const SMSBubbleContainer: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const SideCaret: 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 SMSBubbleContainer: 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?: "small" | "large" | undefined;
-}, never>;
-export declare const SMSCardHeader: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const SMSContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const SMSInnerContainer: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const SMSCardHeader: 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 SMSContainer: 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 SMSInnerContainer: 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;
+}, {
     hideHeader?: boolean | undefined;
     outsidePreview?: boolean | undefined;
-}, never>;
-export declare const BubbleSideCaret: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const BubbleContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const SMSHeader: import('styled-components').StyledComponent<"div", any, {}, never>;
+}>> & string;
+export declare const BubbleSideCaret: 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 BubbleContainer: 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 SMSHeader: 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/TemplatePreview.styled.d.ts

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

@@ -1,5 +1,16 @@
-export declare const HeaderContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const LeftContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const IconContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const TitleContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const SubTitle: import('styled-components').StyledComponent<"p", any, {}, never>;
+/// <reference types="react" />
+export declare const HeaderContainer: 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 LeftContainer: 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 IconContainer: 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 TitleContainer: 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 SubTitle: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;