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

package/dist/cjs/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/cjs/components/carousel-secondary/CarouselSecondary.style.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),r=require("../../constants/Theme.js"),t=require("./model.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e);const s=o.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../constants/Theme.js"),t=require("./model.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e);const s=i.default.div`
 	width: 100%;
 	height: ${e=>e.version===t.CarouselVersion.V2?"100%":"372px"};
 	overflow: hidden;
 	border-radius: 8px;
-`,n=o.default.div`
+`,n=i.default.div`
 	width: 100%;
 	height: calc(100% - 42px);
 	display: flex;
@@ -11,7 +11,7 @@
 	scroll-snap-type: x mandatory;
 	white-space: break-spaces;
 	text-align: ${e=>e.textAlign||"left"};
-`,a=o.default.div`
+`,a=i.default.div`
 	display: inline-block;
 	flex-shrink: 0;
 	width: 100%;
@@ -19,7 +19,7 @@
 	scroll-snap-align: start;
 	padding: 24px;
 	overflow: hidden;
-`,d=o.default.div`
+`,d=i.default.div`
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
@@ -27,13 +27,13 @@
 	width: 100%;
 	padding: 10px;
 	background-color: ${e=>e.version===t.CarouselVersion.V2?r.COLORS.surface.standard:r.COLORS.surface.hovered};
-`,l=o.default.div`
+`,l=i.default.div`
 	display: flex;
 	flex-direction: row;
 	gap: 8px;
 	align-items: center;
 	justify-content: center;
-`,c=o.default.div`
+`,c=i.default.div`
 	width: ${e=>e.isActive&&e.version===t.CarouselVersion.V2?"8px":"6px"};
 	height: ${e=>e.isActive&&e.version===t.CarouselVersion.V2?"8px":"6px"};
 	border-radius: 50%;

package/dist/cjs/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/cjs/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/cjs/components/checkList/CheckList.styled.js

@@ -1,4 +1,4 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("@emotion/styled")).default.div`
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.div`
 	.title__container {
 		margin-bottom: 12px;
 	}

package/dist/cjs/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/cjs/components/colourInput/ColourInput.styled.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),r=require("../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(e);const i=o.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(e);const i=o.default.div`
 	margin-top: 8px;
 	display: flex;
 	min-height: unset;
@@ -13,7 +13,7 @@
 	border: 1px solid ${r.DEFAULT_THEME.colorsV2.stroke.primary};
 	border-radius: 4px;
 	justify-content: space-between;
-`,d=o.default.input`
+`,n=o.default.input`
 	padding: 0;
 	border: #e0e0e0 1px solid;
 	width: 32px;
@@ -26,4 +26,4 @@
 	::-webkit-color-swatch {
 		border-color: transparent;
 	}
-`;exports.ColorInputContainer=i,exports.StyledColorInput=d;
+`;exports.ColorInputContainer=i,exports.StyledColorInput=n;

package/dist/cjs/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/cjs/components/country-code-picker/CountryCodePicker.styled.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),t=require("../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);const o=i.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);const o=i.default.div`
 	display: flex;
 	align-items: center;
 	flex-direction: row;

package/dist/cjs/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/cjs/components/custom-date-time/CustomDateTime.styled.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),t=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=o(e).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=o(e).default.div`
 	display: flex;
 	flex-direction: column;
 	position: relative;

package/dist/cjs/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/cjs/components/dashboard-review-popup/DashboardReviewPopUp.styled.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),t=require("../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);const n=i.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);const n=i.default.div`
 	min-width: 323px;
 	min-height: 303px;
 	border-radius: 8px;

package/dist/cjs/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/cjs/components/dashboard-review-popup/components/FiveStar.styled.js

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),t=require("../../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(e);const i=n.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../constants/Theme.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(e);const i=r.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 	justify-content: center;
 	align-items: center;
-`,o=n.default.div`
+`,o=r.default.div`
 	display: flex;
 	width: 100%;
 	height: 48px;

package/dist/cjs/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/cjs/components/dashboard-review-popup/components/Form.styled.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),r=require("../../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=t(e);const d=a.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=t(e);const d=a.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 24px;
@@ -35,7 +35,7 @@
 	&::placeholder {
 		color: white;
 	}
-`,l=a.default.div`
+`,n=a.default.div`
 	display: flex;
 	width: 100%;
 	height: 48px;
@@ -46,4 +46,4 @@
 	border-radius: 4px;
 	background: ${r.COLORS.background.brand};
 	cursor: pointer;
-`;exports.Button=l,exports.Chip=i,exports.Container=d,exports.StarWrapper=p,exports.TextArea=s,exports.Wrapper=o;
+`;exports.Button=n,exports.Chip=i,exports.Container=d,exports.StarWrapper=p,exports.TextArea=s,exports.Wrapper=o;

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

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@emotion/styled"),r=require("../../star-rating/StarRating.js"),i=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const s=a(t).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../star-rating/StarRating.js"),i=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=s(t).default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
-`;exports.ZeroState=t=>{let{handleStarSelection:a,initialText:l}=t;return e.jsxs(s,{children:[e.jsx(i.TitleMedium,{color:n.COLORS.surface.standard,children:null!=l?l:"Rate your experience with us"}),e.jsx("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:e.jsx(r.StarRating,{starSize:32,onChange:a})})]})};
+`;exports.ZeroState=t=>{let{handleStarSelection:s,initialText:l}=t;return e.jsxs(a,{children:[e.jsx(i.TitleMedium,{color:n.COLORS.surface.standard,children:null!=l?l:"Rate your experience with us"}),e.jsx("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:e.jsx(r.StarRating,{starSize:32,onChange:s})})]})};

package/dist/cjs/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/cjs/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/cjs/components/datePicker/DatePicker.styled.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@emotion/styled"),t=require("../../constants/Theme.js");function o(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var a=o(r);const e=a.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),t=require("../../constants/Theme.js");function o(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var a=o(r);const e=a.default.div`
 	position: relative;
 	z-index: 99999;
 	width: fit-content;
@@ -178,17 +178,17 @@
 	box-sizing: border-box;
 	width: 100%;
 	max-width: 350px;
-`,i=a.default.div`
+`,d=a.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
 	flex: 1;
 	min-width: 0;
 	max-width: 154px;
-`,d=a.default.div`
+`,i=a.default.div`
 	font-style: normal;
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 20px;
 	color: ${t.COLORS.content.secondary};
-`;exports.PickerContainer=e,exports.TimeInputWrapper=i,exports.TimeLabel=d,exports.TimePickerContainer=n;
+`;exports.PickerContainer=e,exports.TimeInputWrapper=d,exports.TimeLabel=i,exports.TimePickerContainer=n;

package/dist/cjs/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/cjs/components/discount-modal/DiscountModal.styled.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("@emotion/styled"),e=require("../../constants/Theme.js");function r(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var t=r(o);const p=t.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),e=require("../../constants/Theme.js");function r(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var t=r(o);const p=t.default.div`
 	display: flex;
 	gap: 16px;
 	margin-bottom: 18px;
@@ -17,7 +17,7 @@
 			border: 1px solid ${e.DEFAULT_THEME.colorsV2.content.brand};
 		}
 	}
-`,i=t.default.div`
+`,a=t.default.div`
 	margin: 16px 0;
 	display: flex;
 	flex-direction: column;
@@ -39,7 +39,7 @@
 		padding: 4px 12px;
 		gap: 6px;
 	}
-`,a=t.default.div`
+`,i=t.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
@@ -66,4 +66,4 @@
 	z-index: 2;
 	border: 1px solid ${e.DEFAULT_THEME.colorsV2.content.placeholder};
 	border-radius: 4px;
-`;exports.CouponTypeContainerStyled=p,exports.DynamicCouponContainer=a,exports.StaticCouponContainerStyled=i,exports.StyledDiscountDialogueContainer=n,exports.VariablePickerContainer=d;
+`;exports.CouponTypeContainerStyled=p,exports.DynamicCouponContainer=i,exports.StaticCouponContainerStyled=a,exports.StyledDiscountDialogueContainer=n,exports.VariablePickerContainer=d;

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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;