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

package/dist/esm/components/ProgressChecklist/ProgressChecklist.style.d.ts

@@ -1,32 +1,67 @@
-export declare const ProgressChecklistContainer: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const ProgressChecklistContainer: 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;
+}, {
     noBorder?: boolean | undefined;
-}, never>;
-export declare const HeaderSection: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const ProgressBarSection: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const ChecklistItemsSection: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const ChecklistItem: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const HeaderSection: 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 ProgressBarSection: 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 ChecklistItemsSection: 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 ChecklistItem: 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;
+}, {
     completed?: boolean | undefined;
-}, never>;
-export declare const ChecklistCheckbox: import('styled-components').StyledComponent<"input", any, {}, never>;
-export declare const ChecklistItemContent: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const ChecklistItemText: import('styled-components').StyledComponent<"p", any, {
+}>> & string;
+export declare const ChecklistCheckbox: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const ChecklistItemContent: 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 ChecklistItemText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     completed?: boolean | undefined;
-}, never>;
-export declare const ChecklistItemDescription: import('styled-components').StyledComponent<"p", any, {
+}>> & string;
+export declare const ChecklistItemDescription: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     completed?: boolean | undefined;
-}, never>;
-export declare const SingleChecklistItem: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const SingleChecklistItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     isActive: boolean;
-}, never>;
-export declare const SingleChecklistMainRow: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const SingleChecklistIconWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const SingleChecklistContent: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const SingleChecklistHeader: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const SingleChecklistMainRow: 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 SingleChecklistIconWrapper: 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 SingleChecklistContent: 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 SingleChecklistHeader: 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;
+}, {
     completed?: boolean | undefined;
     isActive?: boolean | undefined;
-}, never>;
-export declare const SingleChecklistSubheader: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const SingleChecklistSubheader: 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 SingleChecklistActionWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const SingleChecklistAlertRow: import('styled-components').StyledComponent<"div", any, {}, never>;
+}>> & string;
+export declare const SingleChecklistActionWrapper: 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 SingleChecklistAlertRow: 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/QueryBuilder/components/Connectors/Connector.styled.d.ts

@@ -1 +1,4 @@
-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;

package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.styled.d.ts

@@ -1 +1,4 @@
-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;

package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.styled.d.ts

@@ -1,3 +1,10 @@
-export declare const Container: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const Line: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const Horinzontal: 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 declare const Line: 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 Horinzontal: 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/QueryBuilder/components/QueryBuilderNodes.styled.d.ts

@@ -1,2 +1,7 @@
-export declare const Container: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const LinedContainer: 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 declare const LinedContainer: 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/TablePagination/TablePagination.styled.d.ts

@@ -1,6 +1,11 @@
-export declare const StyledTablePaginationContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const StyledPagingContainer: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const StyledTablePaginationContainer: 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 StyledPagingContainer: 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;
+}, {
     active: boolean;
     isLast?: boolean | undefined;
     disabled?: boolean | undefined;
-}, never>;
+}>> & string;

package/dist/esm/components/TablePagination/TablePaginationCard.d.ts

@@ -1,6 +1,8 @@
 import { default as React } from 'react';
 import { TablePaginationProps } from './TablePagination';
-export declare const TablePaginationCardStyled: import('styled-components').StyledComponent<"div", any, {
+export declare const TablePaginationCardStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     removeBorder?: boolean | undefined;
-}, never>;
+}>> & string;
 export declare const TablePaginationCard: React.FC<TablePaginationProps>;

package/dist/esm/components/TypographyStyle.d.ts

@@ -1,128 +1,207 @@
+/// <reference types="react" />
 export interface customStyles {
     fontWeight?: number;
     fontSize?: number;
     width?: number;
 }
-export declare const TitleXlarge: import('styled-components').StyledComponent<"div", any, {
+export declare const TitleXlarge: 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>;
-export declare const TitleLarge: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const TitleLarge: 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>;
-export declare const TitleMedium: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const TitleMedium: 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>;
-export declare const SmallRegular: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const SmallRegular: 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>;
-export declare const TitleRegular: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const TitleRegular: 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>;
-export declare const TitleSmall: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const TitleSmall: 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>;
-export declare const TitleTiny: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const TitleTiny: 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>;
-export declare const Display: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const Display: 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>;
-export declare const BodyLarge: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const BodyLarge: 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>;
-export declare const BodyPrimary: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const BodyPrimary: 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>;
-export declare const BodySecondary: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const BodySecondary: 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;
     customStyles?: customStyles | undefined;
-}, never>;
-export declare const ButtonRegularAI: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const ButtonRegularAI: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     numberOfLines?: number | undefined;
     color?: string | undefined;
     disabled?: boolean | undefined;
-}, never>;
-export declare const BodyPrimaryLink: import('styled-components').StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const BodySecondaryLink: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const BodyPrimaryLink: 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;
+}>, "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 BodySecondaryLink: 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;
     customStyles?: customStyles | undefined;
-}, never>;
-export declare const BodyCaption: 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 BodyCaption: 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>;
-export declare const AiBodyCaption: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const AiBodyCaption: 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>;
-export declare const BodyTiny: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const BodyTiny: 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>;
-export declare const BodyTinySemiBold: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const BodyTinySemiBold: 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>;
-export declare const AiBodyTiny: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const AiBodyTiny: 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>;
-export declare const ButtonLarge: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const ButtonLarge: 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>;
-export declare const ButtonLargeAI: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const ButtonLargeAI: 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>;
-export declare const ButtonRegular: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const ButtonRegular: 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>;
-export declare const SubHeading: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const SubHeading: 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>;
-export declare const BodyRegular: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const BodyRegular: 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>;
-export declare const Caption: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const Caption: 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>;
-export declare const TextPlaceholder: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const TextPlaceholder: 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>;
-export declare const TitleFour: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const TitleFour: 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>;
-export declare const BodySmall: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const BodySmall: 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>;
-export declare const CaptionBold: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const CaptionBold: 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>;
-export declare const Tiny: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const Tiny: 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;

package/dist/esm/components/WhatsAppTextEditor/AIRephrase.styled.d.ts

@@ -1,6 +1,9 @@
-export declare const BorderAnimationContainer: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const BorderAnimationContainer: 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;
+}, {
     rotation: number;
     show: boolean;
     borderRadius: string | number;
     borderSize: string | number;
-}, never>;
+}>> & string;

package/dist/esm/components/WhatsAppTextEditor/CustomEditor.styled.d.ts

@@ -1,9 +1,22 @@
-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;
+}, {
     isError: boolean;
-}, never>;
-export declare const TextSpace: import('styled-components').StyledComponent<"textarea", any, {}, never>;
-export declare const OuterContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+}>> & string;
+export declare const TextSpace: 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 OuterContainer: 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;
 /** Above the editor: optional title (left) + error / char limit (right). */
-export declare const EditorFooterRow: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const EditorFooterTitle: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const EditorFooterRight: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const EditorFooterRow: 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 EditorFooterTitle: 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 EditorFooterRight: 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/WhatsAppTextEditor/WhatsAppTextEditorHeader.d.ts

@@ -1,6 +1,8 @@
 import { default as React } from 'react';
 import { AIActionToneOption } from './AIRephraseButton';
-export declare const CustomRightBorder: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const CustomRightBorder: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
 export declare enum EditorActionTypes {
     'BOLD' = "BOLD",
     'ITALIC' = "ITALIC",

package/dist/esm/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.styles.d.ts

@@ -1,10 +1,27 @@
-export declare const Header: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const IconContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const Description: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const StepsContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const EachStep: 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 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 Description: 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 StepsContainer: 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 EachStep: 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;
+}, {
     last?: boolean | undefined;
-}, never>;
-export declare const BulletWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const Bullet: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const Image: import('styled-components').StyledComponent<"img", any, {}, never>;
+}>> & string;
+export declare const BulletWrapper: 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 Bullet: 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 Image: 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;

package/dist/esm/components/accordion/Accordion.style.d.ts

@@ -1,5 +1,7 @@
 import { AccordionProps } from './Accordion.model';
-declare const AccordionStyle: import('styled-components').StyledComponent<"div", any, {
+declare const AccordionStyle: 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;
     width?: string | undefined;
     contentMargin?: string | undefined;
@@ -11,7 +13,11 @@ declare const AccordionStyle: import('styled-components').StyledComponent<"div",
     backgroundColor?: string | undefined;
     hasChildrenMaxHeight?: boolean | undefined;
     openDirection?: AccordionProps['openDirection'];
-}, never>;
+}>> & string;
 export default AccordionStyle;
-export declare const AccordionHeaderGroup: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const AccordionHeaderGroup2: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const AccordionHeaderGroup: 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 AccordionHeaderGroup2: 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;