@bikdotai/bik-component-library 0.0.736-beta.1 → 0.0.736-beta.2

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

@@ -1,8 +1,2 @@
-export declare const StyledCardContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const StyledCard: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
+export declare const StyledCardContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,4 +1,4 @@
-import r from"@emotion/styled";import{DEFAULT_THEME as o}from"../../constants/Theme.js";const e=r.div`
+import r from"styled-components";import{DEFAULT_THEME as o}from"../../constants/Theme.js";const e=r.div`
 	display: flex;
 	flex-direction: column;
 	gap: 12px;

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

@@ -1,36 +1,18 @@
 import { CarouselVersion } from './model';
-export declare const CarouselContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+export declare const CarouselContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     version?: CarouselVersion;
-}, JSX.IntrinsicElements, {}>;
-export declare const CarouselBody: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+}>> & string;
+export declare const CarouselBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     textAlign: string | undefined;
-}, JSX.IntrinsicElements, {}>;
-export declare const CarouselPage: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+}>> & string;
+export declare const CarouselPage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isActive: boolean;
-}, JSX.IntrinsicElements, {}>;
-export declare const CarouselFooter: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+}>> & string;
+export declare const CarouselFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     version?: CarouselVersion;
-}, JSX.IntrinsicElements, {}>;
-export declare const PageIndicator: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const Indicator: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+}>> & string;
+export declare const PageIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Indicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isActive: boolean;
     version?: CarouselVersion;
-}, JSX.IntrinsicElements, {}>;
+}>> & string;

package/dist/esm/components/carousel-secondary/CarouselSecondary.style.js

@@ -1,4 +1,4 @@
-import e from"@emotion/styled";import{COLORS as i}from"../../constants/Theme.js";import{CarouselVersion as t}from"./model.js";const n=e.div`
+import e from"styled-components";import{COLORS as i}from"../../constants/Theme.js";import{CarouselVersion as t}from"./model.js";const n=e.div`
 	width: 100%;
 	height: ${e=>e.version===t.V2?"100%":"372px"};
 	overflow: hidden;
@@ -19,7 +19,7 @@ import e from"@emotion/styled";import{COLORS as i}from"../../constants/Theme.js"
 	scroll-snap-align: start;
 	padding: 24px;
 	overflow: hidden;
-`,d=e.div`
+`,s=e.div`
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
@@ -27,7 +27,7 @@ import e from"@emotion/styled";import{COLORS as i}from"../../constants/Theme.js"
 	width: 100%;
 	padding: 10px;
 	background-color: ${e=>e.version===t.V2?i.surface.standard:i.surface.hovered};
-`,s=e.div`
+`,d=e.div`
 	display: flex;
 	flex-direction: row;
 	gap: 8px;
@@ -39,4 +39,4 @@ import e from"@emotion/styled";import{COLORS as i}from"../../constants/Theme.js"
 	border-radius: 50%;
 	background-color: ${e=>e.isActive?e.version===t.V2?i.content.brand:i.content.secondary:e.version===t.V2?i.stroke.brandLightAlt:i.content.inactive};
 	cursor: pointer;
-`;export{o as CarouselBody,n as CarouselContainer,d as CarouselFooter,r as CarouselPage,a as Indicator,s as PageIndicator};
+`;export{o as CarouselBody,n as CarouselContainer,s as CarouselFooter,r as CarouselPage,a as Indicator,d as PageIndicator};

package/dist/esm/components/checkBox/CheckBox.d.ts

@@ -9,7 +9,7 @@ export type CheckBoxProps = {
     size?: 'DEFAULT' | 'SMALL';
     skipHoverState?: boolean;
     labelSize?: 'DEFAULT' | 'SMALL';
-    rightComponent?: JSX.Element;
+    rightComponent?: React.JSX.Element;
     checkboxBorderColor?: string;
     boldOnChecked?: boolean;
     bold?: boolean;

package/dist/esm/components/checkList/CheckList.styled.d.ts

@@ -1,4 +1 @@
-export declare const CheckListStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
+export declare const CheckListStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/checkList/CheckList.styled.js

@@ -1,4 +1,4 @@
-import t from"@emotion/styled";const o=t.div`
+import t from"styled-components";const o=t.div`
 	.title__container {
 		margin-bottom: 12px;
 	}

package/dist/esm/components/colourInput/ColourInput.styled.d.ts

@@ -1,8 +1,2 @@
-export declare const ColorInputContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const StyledColorInput: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
+export declare const ColorInputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledColorInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;

package/dist/esm/components/colourInput/ColourInput.styled.js

@@ -1,4 +1,4 @@
-import r from"@emotion/styled";import{DEFAULT_THEME as e}from"../../constants/Theme.js";const o=r.div`
+import r from"styled-components";import{DEFAULT_THEME as e}from"../../constants/Theme.js";const o=r.div`
 	margin-top: 8px;
 	display: flex;
 	min-height: unset;

package/dist/esm/components/country-code-picker/CountryCodePicker.styled.d.ts

@@ -1,10 +1,4 @@
-export declare const StyledCountryPickerOption: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const StyledCountryPickerWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+export declare const StyledCountryPickerOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledCountryPickerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     height?: string;
-}, JSX.IntrinsicElements, {}>;
+}>> & string;

package/dist/esm/components/country-code-picker/CountryCodePicker.styled.js

@@ -1,4 +1,4 @@
-import t from"@emotion/styled";import{COLORS as e}from"../../constants/Theme.js";const i=t.div`
+import t from"styled-components";import{COLORS as e}from"../../constants/Theme.js";const i=t.div`
 	display: flex;
 	align-items: center;
 	flex-direction: row;
@@ -9,7 +9,7 @@ import t from"@emotion/styled";import{COLORS as e}from"../../constants/Theme.js"
 		width: 24px;
 		height: auto;
 	}
-`,o=t.div`
+`,p=t.div`
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
@@ -28,4 +28,4 @@ import t from"@emotion/styled";import{COLORS as e}from"../../constants/Theme.js"
 		width: 24px;
 		height: auto;
 	}
-`;export{i as StyledCountryPickerOption,o as StyledCountryPickerWrapper};
+`;export{i as StyledCountryPickerOption,p as StyledCountryPickerWrapper};

package/dist/esm/components/custom-date-time/CustomDateTime.styled.d.ts

@@ -1,4 +1 @@
-export declare const CustomDateTimeStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
+export declare const CustomDateTimeStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/custom-date-time/CustomDateTime.styled.js

@@ -1,4 +1,4 @@
-import o from"@emotion/styled";import{DEFAULT_THEME as e}from"../../constants/Theme.js";const t=o.div`
+import o from"styled-components";import{DEFAULT_THEME as e}from"../../constants/Theme.js";const t=o.div`
 	display: flex;
 	flex-direction: column;
 	position: relative;

package/dist/esm/components/dashboard-review-popup/DashboardReviewPopUp.styled.d.ts

@@ -1,8 +1,2 @@
-export declare const Container: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const CrossIconHolder: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CrossIconHolder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/dashboard-review-popup/DashboardReviewPopUp.styled.js

@@ -1,4 +1,4 @@
-import t from"@emotion/styled";import{COLORS as i}from"../../constants/Theme.js";const e=t.div`
+import t from"styled-components";import{COLORS as i}from"../../constants/Theme.js";const e=t.div`
 	min-width: 323px;
 	min-height: 303px;
 	border-radius: 8px;
@@ -9,7 +9,7 @@ import t from"@emotion/styled";import{COLORS as i}from"../../constants/Theme.js"
 	justify-content: center;
 	position: relative;
 	padding: 24px 16px;
-`,o=t.div`
+`,n=t.div`
 	border-radius: 20px;
 	display: flex;
 	width: 40px;
@@ -23,4 +23,4 @@ import t from"@emotion/styled";import{COLORS as i}from"../../constants/Theme.js"
 	top: -20px;
 	right: -20px;
 	cursor: pointer;
-`;export{e as Container,o as CrossIconHolder};
+`;export{e as Container,n as CrossIconHolder};

package/dist/esm/components/dashboard-review-popup/components/FiveStar.styled.d.ts

@@ -1,8 +1,2 @@
-export declare const Container: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const Button: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/dashboard-review-popup/components/FiveStar.styled.js

@@ -1,10 +1,10 @@
-import e from"@emotion/styled";import{COLORS as t}from"../../../constants/Theme.js";const i=e.div`
+import e from"styled-components";import{COLORS as t}from"../../../constants/Theme.js";const n=e.div`
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 	justify-content: center;
 	align-items: center;
-`,n=e.div`
+`,i=e.div`
 	display: flex;
 	width: 100%;
 	height: 48px;
@@ -15,4 +15,4 @@ import e from"@emotion/styled";import{COLORS as t}from"../../../constants/Theme.
 	border-radius: 4px;
 	background: ${t.surface.standard};
 	cursor: pointer;
-`;export{n as Button,i as Container};
+`;export{i as Button,n as Container};

package/dist/esm/components/dashboard-review-popup/components/Form.styled.d.ts

@@ -1,26 +1,8 @@
-export declare const Container: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const StarWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const Chip: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Chip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     selected?: boolean;
-}, JSX.IntrinsicElements, {}>;
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const TextArea: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const Button: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
+}>> & string;
+export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TextArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>> & string;
+export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/dashboard-review-popup/components/Form.styled.js

@@ -1,14 +1,14 @@
-import r from"@emotion/styled";import{COLORS as e}from"../../../constants/Theme.js";const d=r.div`
+import r from"styled-components";import{COLORS as e}from"../../../constants/Theme.js";const d=r.div`
 	display: flex;
 	flex-direction: column;
 	gap: 24px;
 	align-items: flex-start;
 	width: 100%;
-`,i=r.div`
+`,a=r.div`
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
-`,a=r.div`
+`,i=r.div`
 	border-radius: 24px;
 	border: 1px solid
 		${r=>r.selected?e.surface.standard:e.stroke.primary};
@@ -18,12 +18,12 @@ import r from"@emotion/styled";import{COLORS as e}from"../../../constants/Theme.
 	gap: 10px;
 	cursor: pointer;
 	background: ${r=>r.selected?e.surface.standard:"transparent"};
-`,t=r.div`
+`,p=r.div`
 	display: flex;
 	flex-direction: row;
 	gap: 8px;
 	flex-wrap: wrap;
-`,p=r.textarea`
+`,t=r.textarea`
 	border-radius: 8px;
 	border: 1px solid ${e.stroke.primary};
 	height: 120px;
@@ -46,4 +46,4 @@ import r from"@emotion/styled";import{COLORS as e}from"../../../constants/Theme.
 	border-radius: 4px;
 	background: ${e.background.brand};
 	cursor: pointer;
-`;export{o as Button,a as Chip,d as Container,i as StarWrapper,p as TextArea,t as Wrapper};
+`;export{o as Button,i as Chip,d as Container,a as StarWrapper,t as TextArea,p as Wrapper};

package/dist/esm/components/dashboard-review-popup/components/ZeroState.js

@@ -1,5 +1,5 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"@emotion/styled";import{StarRating as i}from"../../star-rating/StarRating.js";import{TitleMedium as o}from"../../TypographyStyle.js";import{COLORS as n}from"../../../constants/Theme.js";const l=r.div`
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"styled-components";import{StarRating as i}from"../../star-rating/StarRating.js";import{TitleMedium as n}from"../../TypographyStyle.js";import{COLORS as o}from"../../../constants/Theme.js";const l=r.div`
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
-`,a=r=>{let{handleStarSelection:a,initialText:s}=r;return e(l,{children:[t(o,{color:n.surface.standard,children:null!=s?s:"Rate your experience with us"}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:t(i,{starSize:32,onChange:a})})]})};export{a as ZeroState};
+`,a=r=>{let{handleStarSelection:a,initialText:s}=r;return e(l,{children:[t(n,{color:o.surface.standard,children:null!=s?s:"Rate your experience with us"}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:t(i,{starSize:32,onChange:a})})]})};export{a as ZeroState};

package/dist/esm/components/data-source-panel/DataSourcePanel.d.ts

@@ -1,4 +1,5 @@
 import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import React from 'react';
 import { AllSourceInfoDetailsCustomDataModel, CustomDataType, DataSourcePanelZeroState, footerButtonOptionModel, InfoContent, MessageSource, ProductSourceData } from './model';
 export interface ProductSearchRuleDB {
     rule_id?: string;

package/dist/esm/components/datePicker/DatePicker.styled.d.ts

@@ -1,18 +1,6 @@
-export declare const PickerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+export declare const PickerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     selectRange: boolean;
-}, JSX.IntrinsicElements, {}>;
-export declare const TimePickerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const TimeInputWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const TimeLabel: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
+}>> & string;
+export declare const TimePickerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TimeInputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TimeLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/datePicker/DatePicker.styled.js

@@ -1,4 +1,4 @@
-import r from"@emotion/styled";import{COLORS as t}from"../../constants/Theme.js";const o=r.div`
+import r from"styled-components";import{COLORS as t}from"../../constants/Theme.js";const o=r.div`
 	position: relative;
 	z-index: 99999;
 	width: fit-content;

package/dist/esm/components/discount-modal/DiscountModal.styled.d.ts

@@ -1,22 +1,7 @@
-export declare const CouponTypeContainerStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+export declare const CouponTypeContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     selectedDiv: number;
-}, JSX.IntrinsicElements, {}>;
-export declare const StaticCouponContainerStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const DynamicCouponContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const StyledDiscountDialogueContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const VariablePickerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
+}>> & string;
+export declare const StaticCouponContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DynamicCouponContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledDiscountDialogueContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const VariablePickerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/discount-modal/DiscountModal.styled.js

@@ -1,4 +1,4 @@
-import o from"@emotion/styled";import{DEFAULT_THEME as r}from"../../constants/Theme.js";const p=o.div`
+import o from"styled-components";import{DEFAULT_THEME as r}from"../../constants/Theme.js";const p=o.div`
 	display: flex;
 	gap: 16px;
 	margin-bottom: 18px;
@@ -17,7 +17,7 @@ import o from"@emotion/styled";import{DEFAULT_THEME as r}from"../../constants/Th
 			border: 1px solid ${r.colorsV2.content.brand};
 		}
 	}
-`,i=o.div`
+`,d=o.div`
 	margin: 16px 0;
 	display: flex;
 	flex-direction: column;
@@ -39,7 +39,7 @@ import o from"@emotion/styled";import{DEFAULT_THEME as r}from"../../constants/Th
 		padding: 4px 12px;
 		gap: 6px;
 	}
-`,d=o.div`
+`,i=o.div`
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
@@ -66,4 +66,4 @@ import o from"@emotion/styled";import{DEFAULT_THEME as r}from"../../constants/Th
 	z-index: 2;
 	border: 1px solid ${r.colorsV2.content.placeholder};
 	border-radius: 4px;
-`;export{p as CouponTypeContainerStyled,d as DynamicCouponContainer,i as StaticCouponContainerStyled,e as StyledDiscountDialogueContainer,a as VariablePickerContainer};
+`;export{p as CouponTypeContainerStyled,i as DynamicCouponContainer,d as StaticCouponContainerStyled,e as StyledDiscountDialogueContainer,a as VariablePickerContainer};

package/dist/esm/components/discount-modal/DynamicCoupon/DynamicCoupon.d.ts

@@ -12,7 +12,7 @@ interface DiscountDetailsProps {
     id: string;
     label: string;
     value: string;
-    icon: (color: string) => JSX.Element;
+    icon: (color: string) => React.JSX.Element;
 }
 interface DynamicCouponI {
     discountData: ICouponData;

package/dist/esm/components/dropdown/type.d.ts

@@ -1,4 +1,5 @@
 import { Placement, PositioningStrategy } from '@popperjs/core';
+import React from 'react';
 import { ButtonProps, Type } from '../button/model';
 export interface OpenDropdownProps {
     defaultOptions?: DropdownOption[];
@@ -41,7 +42,7 @@ export interface OpenDropdownProps {
 }
 export type GroupedOption = {
     label?: string;
-    leadingIcon?: JSX.Element;
+    leadingIcon?: React.JSX.Element;
     options: (SingleOption | MultiSelectOption)[];
 };
 export type SingleOption = {
@@ -52,9 +53,9 @@ export type SingleOption = {
     disabled?: boolean;
     isFreeForm?: boolean;
     subText?: string;
-    trailingIcon?: JSX.Element;
-    leadingIcon?: JSX.Element;
-    customComponent?: JSX.Element;
+    trailingIcon?: React.JSX.Element;
+    leadingIcon?: React.JSX.Element;
+    customComponent?: React.JSX.Element;
     searchKey?: string;
     selectedLabel?: string;
     children?: SingleOption[];

package/dist/esm/components/fab-menu/FABMenu.d.ts

@@ -11,7 +11,7 @@ export declare const FABMenu: React.FC<{
     buttonPosition?: FAB_POSITION;
     menuWidth?: number;
     menuHeight?: number;
-    buttonIcon?: JSX.Element;
+    buttonIcon?: React.JSX.Element;
     buttonPaddingHorizontal?: number;
     buttonPaddingVertical?: number;
     tooltipPlacement?: Placement;

package/dist/esm/components/floating-action-button/FloatingActionButton.d.ts

@@ -7,7 +7,7 @@ export declare const FloatingActionButton: React.FC<{
     children?: React.ReactNode;
     width?: number;
     height?: number;
-    icon?: JSX.Element;
+    icon?: React.JSX.Element;
     color?: string;
     position?: FAB_POSITION;
     buttonPaddingHorizontal?: number;

package/dist/esm/components/input/Input.styled.d.ts

@@ -1,8 +1,5 @@
 import { InputStateI, InputTypeI, InputVariant } from '@src/components/input/Input';
-export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+export declare const InputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     width?: string;
     height?: string;
     isActive?: boolean;
@@ -12,33 +9,59 @@ export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
     version?: "1.0" | "2.0";
     hightlightInputColor?: string;
     hideBorder?: boolean;
-}, JSX.IntrinsicElements, {}>;
-export declare const IconHolder: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+}>> & string;
+export declare const IconHolder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isLeft?: boolean;
     iconSize?: string;
     variant?: InputVariant;
-}, JSX.IntrinsicElements, {}>;
-export declare const InputContainer: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const InputContainerSmall: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const InputHeader: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+}>> & string;
+export declare const InputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "numberOfLines"> & {
+    numberOfLines?: number;
+    color?: string;
+}, {
+    height?: string;
+    type?: InputTypeI;
+    autoGrow?: boolean;
+    minHeight?: string;
+    maxHeight?: string;
+}>> & string;
+export declare const InputContainerSmall: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "numberOfLines"> & {
+    numberOfLines?: number;
+    color?: string;
+}, {
+    height?: string;
+    type?: InputTypeI;
+}>> & string;
+export declare const InputHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    invalid?: boolean;
+}>> & string;
+export declare const MaxCharStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "numberOfLines"> & {
+    numberOfLines?: number;
+    color?: string;
+}, {
+    position?: string;
+}>> & string;
+export declare const InputFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "numberOfLines"> & {
+    numberOfLines?: number;
+    color?: string;
+}, {
     invalid?: boolean;
-}, JSX.IntrinsicElements, {}>;
-export declare const MaxCharStyle: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const InputFooter: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const RootContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+}>> & string;
+export declare const RootContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     width?: string;
     height?: string;
     state?: InputStateI;
     type: InputTypeI;
-}, JSX.IntrinsicElements, {}>;
-export declare const PrefixHolder: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const SuffixHolder: import("@emotion/styled").StyledComponent<any, {}, {}>;
+}>> & string;
+export declare const PrefixHolder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "numberOfLines"> & {
+    numberOfLines?: number;
+    color?: string;
+}, {
+    variant?: InputVariant;
+}>> & string;
+export declare const SuffixHolder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "numberOfLines"> & {
+    numberOfLines?: number;
+    color?: string;
+}, {
+    variant?: InputVariant;
+}>> & string;