@bikdotai/bik-component-library 0.0.738-beta.1 → 0.0.738-beta.5

package/dist/cjs/components/bik-layout/CommonStyles.d.ts

@@ -1,43 +1,43 @@
 /// <reference types="react" />
 export declare const GlobalContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const LoaderWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const LoadingMessageWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const BikLayoutContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & {
     type?: "overflow-within" | "overflow-body" | undefined;
     backgroundColor?: string | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const BikHeaderWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const BikHeaderContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const MenuInnerContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ProfileDropdownToggleContainer: import("@emotion/styled").StyledComponent<import("react-bootstrap/esm/helpers").Omit<any, import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps> & import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps & {
+export declare const ProfileDropdownToggleContainer: import("@emotion/styled").StyledComponent<import("react-bootstrap/esm/helpers").Omit<any, import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any>> & import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps> & import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any>> & import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps & {
     children?: import("react").ReactNode;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const ProfileDropdownInnerContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & {
     isDropdownOpen: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -55,24 +55,24 @@ export declare const UserNameTitleSmall: import("@emotion/styled").StyledCompone
 }, {}, {}>;
 export declare const UserAvatarContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledTooltip: import("@emotion/styled").StyledComponent<import("react-bootstrap").TooltipProps & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const UserInfoContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StatusContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & {
     isAvailable: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const UserStatusContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledBodyCaption: import("@emotion/styled").StyledComponent<{
     [x: string]: any;
@@ -90,7 +90,7 @@ export declare const StyledBodyCaption: import("@emotion/styled").StyledComponen
 }, {}, {}>;
 export declare const FeatureModalContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & {
     zIndex?: number | undefined;
     resetHeight?: boolean | undefined;
@@ -98,13 +98,13 @@ export declare const FeatureModalContainer: import("@emotion/styled").StyledComp
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const InnerModalContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const RelativeModalContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const FeatureModalV2Container: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/button/Button.styled.d.ts

@@ -2,7 +2,7 @@
 import { Size, Type } from './model';
 export declare const Button: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & {
     size: Size;
     buttonType: Type;

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 export declare const StyledCardContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledCard: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/carousel-preview/CarouselPreview.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("react-slick"),s=require("./CarouselPreview.style.js"),o=require("./CarouselPreviewCard.js"),t=require("../template-context-mapper/context/templateModalContext.js"),a=require("../template-preview/helpers/templateMiscHelper.js"),n=require("../template-preview/RCS/RCSPreview.styled.js"),i=require("./CustomCarouselArrows.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(r),c=d(l);const v=u.default.forwardRef((r=>{let{channel:l,template:i,isPreview:d,removeBottomBorder:u,borderRadius:c,showArrows:v,hideBorder:w,showSampleValues:C}=r;var m,h;const{sliderRef:x,selectedCarouselIndex:j,cardCount:f,setIsCarouselHovered:P,cardIndex:b,showVariablePicker:R}=t.useTemplateModalContext(),g=-1==b?a.determineCardIndex(l):b,I=null===(h=null===(m=null==i?void 0:i.components)||void 0===m?void 0:m[g])||void 0===h?void 0:h.cards,S=(null==I?void 0:I.length)?e.jsx(p,{cards:I,cardCount:null!=f?f:0,selectedCarouselIndex:null!=j?j:-1,sliderRef:x,isPreview:d,showArrows:v,channel:l,template:i,setIsCarouselHovered:P,showSampleValues:!!C,showVariablePicker:R}):null;return a.isRCSChannel(l)?e.jsx(n.RCSCarousalContainer,Object.assign({borderRadius:c},{children:S})):e.jsxs(s.Container,Object.assign({removeBottomBorder:u,borderRadius:c,hideBorder:w},{children:[e.jsx(o.default,{channel:l,currentTemplate:i,carouselCardIndex:-1,isPreview:d,width:"77%"}),S]}))})),p=r=>{let{cards:l,cardCount:t,selectedCarouselIndex:a,sliderRef:n,isPreview:d,showArrows:u,channel:v,template:p,setIsCarouselHovered:w,showSampleValues:C,showVariablePicker:m}=r;return e.jsx(s.CarouselSlickContainer,Object.assign({cardCount:t,selectedCarouselIndex:a,onMouseEnter:()=>!m&&(null==w?void 0:w(!0)),onMouseLeave:()=>!m&&(null==w?void 0:w(!1))},{children:e.jsx(c.default,Object.assign({ref:n,swipeToSlide:!0,draggable:!0,swipe:!0,infinite:!1,focusOnSelect:!d,centerMode:!0,arrows:u,adaptiveHeight:!0,nextArrow:e.jsx(i.CustomCarouselRightArrow,{isPreview:null!=d&&d}),prevArrow:e.jsx(i.CustomCarouselLeftArrow,{isPreview:null!=d&&d})},{children:null==l?void 0:l.map(((r,l)=>{var s,t;const a={components:r.components,mapping:null===(t=null===(s=null==p?void 0:p.mapping)||void 0===s?void 0:s.cards)||void 0===t?void 0:t[l],content:null==p?void 0:p.content,templateType:null==p?void 0:p.templateType};return e.jsx(o.default,{channel:v,currentTemplate:a,carouselCardIndex:l,isPreview:d,width:"100%",showSampleValues:C},l)}))}))}))};exports.CarouselPreview=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("react-slick"),s=require("./CarouselPreview.style.js"),t=require("./CarouselPreviewCard.js"),o=require("../template-context-mapper/context/templateModalContext.js"),a=require("../template-preview/helpers/templateMiscHelper.js"),n=require("../template-preview/RCS/RCSPreview.styled.js"),i=require("./CustomCarouselArrows.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(r),c=d(l);const v=u.default.forwardRef((r=>{let{channel:l,template:i,isPreview:d,removeBottomBorder:u,borderRadius:c,showArrows:v,hideBorder:C,showSampleValues:w}=r;var m,h;const{sliderRef:x,selectedCarouselIndex:j,cardCount:f,setIsCarouselHovered:P,cardIndex:R}=o.useTemplateModalContext(),g=-1==R?a.determineCardIndex(l):R,I=null===(h=null===(m=null==i?void 0:i.components)||void 0===m?void 0:m[g])||void 0===h?void 0:h.cards,S=(null==I?void 0:I.length)?e.jsx(p,{cards:I,cardCount:null!=f?f:0,selectedCarouselIndex:null!=j?j:-1,sliderRef:x,isPreview:d,showArrows:v,channel:l,template:i,setIsCarouselHovered:P,showSampleValues:!!w}):null;return a.isRCSChannel(l)?e.jsx(n.RCSCarousalContainer,Object.assign({borderRadius:c},{children:S})):e.jsxs(s.Container,Object.assign({removeBottomBorder:u,borderRadius:c,hideBorder:C},{children:[e.jsx(t.default,{channel:l,currentTemplate:i,carouselCardIndex:-1,isPreview:d,width:"77%"}),S]}))})),p=r=>{let{cards:l,cardCount:o,selectedCarouselIndex:a,sliderRef:n,isPreview:d,showArrows:u,channel:v,template:p,setIsCarouselHovered:C,showSampleValues:w}=r;return e.jsx(s.CarouselSlickContainer,Object.assign({cardCount:o,selectedCarouselIndex:a,onMouseEnter:()=>null==C?void 0:C(!0),onMouseLeave:()=>null==C?void 0:C(!1)},{children:e.jsx(c.default,Object.assign({ref:n,swipeToSlide:!0,draggable:!0,swipe:!0,infinite:!1,focusOnSelect:!d,centerMode:!0,arrows:u,adaptiveHeight:!0,nextArrow:e.jsx(i.CustomCarouselRightArrow,{isPreview:null!=d&&d}),prevArrow:e.jsx(i.CustomCarouselLeftArrow,{isPreview:null!=d&&d})},{children:null==l?void 0:l.map(((r,l)=>{var s,o;const a={components:r.components,mapping:null===(o=null===(s=null==p?void 0:p.mapping)||void 0===s?void 0:s.cards)||void 0===o?void 0:o[l],content:null==p?void 0:p.content,templateType:null==p?void 0:p.templateType};return e.jsx(t.default,{channel:v,currentTemplate:a,carouselCardIndex:l,isPreview:d,width:"100%",showSampleValues:w},l)}))}))}))};exports.CarouselPreview=v;

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

@@ -2,35 +2,35 @@
 import { CarouselVersion } from './model';
 export declare const CarouselContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & {
     version?: CarouselVersion | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CarouselBody: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & {
     textAlign: string | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CarouselPage: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & {
     isActive: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CarouselFooter: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & {
     version?: CarouselVersion | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const PageIndicator: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Indicator: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & {
     isActive: boolean;
     version?: CarouselVersion | undefined;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const CheckListStyled: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 export declare const ColorInputContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledColorInput: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;

package/dist/cjs/components/country-code-picker/CountryCodePicker.modal.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.CountriesData=[{name:"Afghanistan",dial:"+93",code:"AF",code3:"AFG"},{name:"Albania",dial:"+355",code:"AL",code3:"ALB"},{name:"Algeria",dial:"+213",code:"DZ",code3:"DZA"},{name:"Andorra",dial:"+376",code:"AD",code3:"AND"},{name:"Angola",dial:"+244",code:"AO",code3:"AGO"},{name:"Anguilla",dial:"+1264",code:"AI",code3:"AIA"},{name:"Antarctica",dial:"+672",code:"AQ",code3:"ATA"},{name:"Antigua and Barbuda",dial:"+1268",code:"AG",code3:"ATG"},{name:"Argentina",dial:"+54",code:"AR",code3:"ARG"},{name:"Armenia",dial:"+374",code:"AM",code3:"ARM"},{name:"Aruba",dial:"+297",code:"AW",code3:"ABW"},{name:"Australia",dial:"+61",code:"AU",code3:"AUS"},{name:"Austria",dial:"+43",code:"AT",code3:"AUT"},{name:"Azerbaijan",dial:"+994",code:"AZ",code3:"AZE"},{name:"Bahamas",dial:"+1242",code:"BS",code3:"BHS"},{name:"Bahrain",dial:"+973",code:"BH",code3:"BHR"},{name:"Bangladesh",dial:"+880",code:"BD",code3:"BGD"},{name:"Barbados",dial:"+1246",code:"BB",code3:"BRB"},{name:"Belarus",dial:"+375",code:"BY",code3:"BLR"},{name:"Belgium",dial:"+32",code:"BE",code3:"BEL"},{name:"Belize",dial:"+501",code:"BZ",code3:"BLZ"},{name:"Benin",dial:"+229",code:"BJ",code3:"BEN"},{name:"Bermuda",dial:"+1441",code:"BM",code3:"BMU"},{name:"Bhutan",dial:"+975",code:"BT",code3:"BTN"},{name:"Bosnia and Herzegovina",dial:"+387",code:"BA",code3:"BIH"},{name:"Botswana",dial:"+267",code:"BW",code3:"BWA"},{name:"Brazil",dial:"+55",code:"BR",code3:"BRA"},{name:"British Indian Ocean Territory",dial:"+246",code:"IO",code3:"IOT"},{name:"Bulgaria",dial:"+359",code:"BG",code3:"BGR"},{name:"Burkina Faso",dial:"+226",code:"BF",code3:"BFA"},{name:"Burundi",dial:"+257",code:"BI",code3:"BDI"},{name:"Cambodia",dial:"+855",code:"KH",code3:"KHM"},{name:"Cameroon",dial:"+237",code:"CM",code3:"CMR"},{name:"Canada",dial:"+1",code:"CA",code3:"CAN"},{name:"Cape Verde",dial:"+238",code:"CV",code3:"CPV"},{name:"Central African Republic",dial:"+236",code:"CF",code3:"CAF"},{name:"Chad",dial:"+235",code:"TD",code3:"TCD"},{name:"Chile",dial:"+56",code:"CL",code3:"CHL"},{name:"China",dial:"+86",code:"CN",code3:"CHN"},{name:"Christmas Island",dial:"+61",code:"CX",code3:"CXR"},{name:"Colombia",dial:"+57",code:"CO",code3:"COL"},{name:"Comoros",dial:"+269",code:"KM",code3:"COM"},{name:"Cook Islands",dial:"+682",code:"CK",code3:"COK"},{name:"Costa Rica",dial:"+506",code:"CR",code3:"CRI"},{name:"Croatia",dial:"+385",code:"HR",code3:"HRV"},{name:"Cuba",dial:"+53",code:"CU",code3:"CUB"},{name:"Cyprus",dial:"+357",code:"CY",code3:"CYP"},{name:"Czech Republic",dial:"+420",code:"CZ",code3:"CZE"},{name:"Denmark",dial:"+45",code:"DK",code3:"DNK"},{name:"Djibouti",dial:"+253",code:"DJ",code3:"DJI"},{name:"Dominica",dial:"+1767",code:"DM",code3:"DMA"},{name:"Ecuador",dial:"+593",code:"EC",code3:"ECU"},{name:"Egypt",dial:"+20",code:"EG",code3:"EGY"},{name:"El Salvador",dial:"+503",code:"SV",code3:"SLV"},{name:"Equatorial Guinea",dial:"+240",code:"GQ",code3:"GNQ"},{name:"Eritrea",dial:"+291",code:"ER",code3:"ERI"},{name:"Estonia",dial:"+372",code:"EE",code3:"EST"},{name:"Ethiopia",dial:"+251",code:"ET",code3:"ETH"},{name:"Faroe Islands",dial:"+298",code:"FO",code3:"FRO"},{name:"Fiji",dial:"+679",code:"FJ",code3:"FJI"},{name:"Finland",dial:"+358",code:"FI",code3:"FIN"},{name:"France",dial:"+33",code:"FR",code3:"FRA"},{name:"French Polynesia",dial:"+689",code:"PF",code3:"PYF"},{name:"Gabon",dial:"+241",code:"GA",code3:"GAB"},{name:"Gambia",dial:"+220",code:"GM",code3:"GMB"},{name:"Georgia",dial:"+995",code:"GE",code3:"GEO"},{name:"Germany",dial:"+49",code:"DE",code3:"DEU"},{name:"Ghana",dial:"+233",code:"GH",code3:"GHA"},{name:"Gibraltar",dial:"+350",code:"GI",code3:"GIB"},{name:"Greece",dial:"+30",code:"GR",code3:"GRC"},{name:"Greenland",dial:"+299",code:"GL",code3:"GRL"},{name:"Grenada",dial:"+1473",code:"GD",code3:"GRD"},{name:"Guam",dial:"+1671",code:"GU",code3:"GUM"},{name:"Guatemala",dial:"+502",code:"GT",code3:"GTM"},{name:"Guinea",dial:"+224",code:"GN",code3:"GIN"},{name:"Guinea-Bissau",dial:"+245",code:"GW",code3:"GNB"},{name:"Haiti",dial:"+509",code:"HT",code3:"HTI"},{name:"Honduras",dial:"+504",code:"HN",code3:"HND"},{name:"Hong Kong",dial:"+852",code:"HK",code3:"HKG"},{name:"Hungary",dial:"+36",code:"HU",code3:"HUN"},{name:"Iceland",dial:"+354",code:"IS",code3:"ISL"},{name:"India",dial:"+91",code:"IN",code3:"IND"},{name:"Indonesia",dial:"+62",code:"ID",code3:"IDN"},{name:"Iraq",dial:"+964",code:"IQ",code3:"IRQ"},{name:"Ireland",dial:"+353",code:"IE",code3:"IRL"},{name:"Israel",dial:"+972",code:"IL",code3:"ISR"},{name:"Italy",dial:"+39",code:"IT",code3:"ITA"},{name:"Jamaica",dial:"+1876",code:"JM",code3:"JAM"},{name:"Japan",dial:"+81",code:"JP",code3:"JPN"},{name:"Jordan",dial:"+962",code:"JO",code3:"JOR"},{name:"Kenya",dial:"+254",code:"KE",code3:"KEN"},{name:"Kiribati",dial:"+686",code:"KI",code3:"KIR"},{name:"Kuwait",dial:"+965",code:"KW",code3:"KWT"},{name:"Kyrgyzstan",dial:"+996",code:"KG",code3:"KGZ"},{name:"Laos",dial:"+856",code:"LA",code3:"LAO"},{name:"Latvia",dial:"+371",code:"LV",code3:"LVA"},{name:"Lebanon",dial:"+961",code:"LB",code3:"LBN"},{name:"Lesotho",dial:"+266",code:"LS",code3:"LSO"},{name:"Liberia",dial:"+231",code:"LR",code3:"LBR"},{name:"Liechtenstein",dial:"+423",code:"LI",code3:"LIE"},{name:"Lithuania",dial:"+370",code:"LT",code3:"LTU"},{name:"Luxembourg",dial:"+352",code:"LU",code3:"LUX"},{name:"Macao",dial:"+853",code:"MO",code3:"MAC"},{name:"Macedonia",dial:"+389",code:"MK",code3:"MKD"},{name:"Madagascar",dial:"+261",code:"MG",code3:"MDG"},{name:"Malawi",dial:"+265",code:"MW",code3:"MWI"},{name:"Malaysia",dial:"+60",code:"MY",code3:"MYS"},{name:"Maldives",dial:"+960",code:"MV",code3:"MDV"},{name:"Mali",dial:"+223",code:"ML",code3:"MLI"},{name:"Malta",dial:"+356",code:"MT",code3:"MLT"},{name:"Marshall Islands",dial:"+692",code:"MH",code3:"MHL"},{name:"Mauritania",dial:"+222",code:"MR",code3:"MRT"},{name:"Mauritius",dial:"+230",code:"MU",code3:"MUS"},{name:"Mayotte",dial:"+262",code:"YT",code3:"MYT"},{name:"Mexico",dial:"+52",code:"MX",code3:"MEX"},{name:"Moldova",dial:"+373",code:"MD",code3:"MDA"},{name:"Monaco",dial:"+377",code:"MC",code3:"MCO"},{name:"Mongolia",dial:"+976",code:"MN",code3:"MNG"},{name:"Montenegro",dial:"+382",code:"ME",code3:"MNE"},{name:"Montserrat",dial:"+1664",code:"MS",code3:"MSR"},{name:"Morocco",dial:"+212",code:"MA",code3:"MAR"},{name:"Mozambique",dial:"+258",code:"MZ",code3:"MOZ"},{name:"Myanmar",dial:"+95",code:"MM",code3:"MMR"},{name:"Namibia",dial:"+264",code:"NA",code3:"NAM"},{name:"Nauru",dial:"+674",code:"NR",code3:"NRU"},{name:"Nepal",dial:"+977",code:"NP",code3:"NPL"},{name:"Netherlands",dial:"+31",code:"NL",code3:"NLD"},{name:"Netherlands Antilles",dial:"+599",code:"AN",code3:"ANT"},{name:"New Caledonia",dial:"+687",code:"NC",code3:"NCL"},{name:"New Zealand",dial:"+64",code:"NZ",code3:"NZL"},{name:"Nicaragua",dial:"+505",code:"NI",code3:"NIC"},{name:"Niger",dial:"+227",code:"NE",code3:"NER"},{name:"Nigeria",dial:"+234",code:"NG",code3:"NGA"},{name:"Niue",dial:"+683",code:"NU",code3:"NIU"},{name:"Norfolk Island",dial:"+672",code:"NF",code3:"NFK"},{name:"Northern Mariana Islands",dial:"+1670",code:"MP",code3:"MNP"},{name:"Norway",dial:"+47",code:"NO",code3:"NOR"},{name:"Oman",dial:"+968",code:"OM",code3:"OMN"},{name:"Pakistan",dial:"+92",code:"PK",code3:"PAK"},{name:"Palau",dial:"+680",code:"PW",code3:"PLW"},{name:"Panama",dial:"+507",code:"PA",code3:"PAN"},{name:"Papua New Guinea",dial:"+675",code:"PG",code3:"PNG"},{name:"Paraguay",dial:"+595",code:"PY",code3:"PRY"},{name:"Peru",dial:"+51",code:"PE",code3:"PER"},{name:"Philippines",dial:"+63",code:"PH",code3:"PHL"},{name:"Poland",dial:"+48",code:"PL",code3:"POL"},{name:"Portugal",dial:"+351",code:"PT",code3:"PRT"},{name:"Romania",dial:"+40",code:"RO",code3:"ROU"},{name:"Russia",dial:"+7",code:"RU",code3:"RUS"},{name:"Rwanda",dial:"+250",code:"RW",code3:"RWA"},{name:"Saint Kitts and Nevis",dial:"+1869",code:"KN",code3:"KNA"},{name:"Saint Lucia",dial:"+1758",code:"LC",code3:"LCA"},{name:"Saint Pierre and Miquelon",dial:"+508",code:"PM",code3:"SPM"},{name:"Saint Vincent and the Grenadines",dial:"+1784",code:"VC",code3:"VCT"},{name:"Samoa",dial:"+685",code:"WS",code3:"WSM"},{name:"San Marino",dial:"+378",code:"SM",code3:"SMR"},{name:"Sao Tome and Principe",dial:"+239",code:"ST",code3:"STP"},{name:"Saudi Arabia",dial:"+966",code:"SA",code3:"SAU"},{name:"Senegal",dial:"+221",code:"SN",code3:"SEN"},{name:"Serbia",dial:"+381",code:"RS",code3:"SRB"},{name:"Seychelles",dial:"+248",code:"SC",code3:"SYC"},{name:"Sierra Leone",dial:"+232",code:"SL",code3:"SLE"},{name:"Singapore",dial:"+65",code:"SG",code3:"SGP"},{name:"Slovakia",dial:"+421",code:"SK",code3:"SVK"},{name:"Slovenia",dial:"+386",code:"SI",code3:"SVN"},{name:"Solomon Islands",dial:"+677",code:"SB",code3:"SLB"},{name:"Somalia",dial:"+252",code:"SO",code3:"SOM"},{name:"South Africa",dial:"+27",code:"ZA",code3:"ZAF"},{name:"South Sudan",dial:"+211",code:"SS",code3:"SSD"},{name:"South Georgia and the South Sandwich Islands",dial:"+500",code:"GS",code3:"SGS"},{name:"Spain",dial:"+34",code:"ES",code3:"ESP"},{name:"Sri Lanka",dial:"+94",code:"LK",code3:"LKA"},{name:"Sudan",dial:"+249",code:"SD",code3:"SDN"},{name:"Suriname",dial:"+597",code:"SR",code3:"SUR"},{name:"Svalbard and Jan Mayen",dial:"+47",code:"SJ",code3:"SJM"},{name:"Sweden",dial:"+46",code:"SE",code3:"SWE"},{name:"Switzerland",dial:"+41",code:"CH",code3:"CHE"},{name:"Syrian Arab Republic",dial:"+963",code:"SY",code3:"SYR"},{name:"Taiwan",dial:"+886",code:"TW",code3:"TWN"},{name:"Tajikistan",dial:"+992",code:"TJ",code3:"TJK"},{name:"Thailand",dial:"+66",code:"TH",code3:"THA"},{name:"Timor-Leste",dial:"+670",code:"TL",code3:"TLS"},{name:"Togo",dial:"+228",code:"TG",code3:"TGO"},{name:"Tokelau",dial:"+690",code:"TK",code3:"TKL"},{name:"Tonga",dial:"+676",code:"TO",code3:"TON"},{name:"Trinidad and Tobago",dial:"+1868",code:"TT",code3:"TTO"},{name:"Tunisia",dial:"+216",code:"TN",code3:"TUN"},{name:"Turkey",dial:"+90",code:"TR",code3:"TUR"},{name:"Turkmenistan",dial:"+993",code:"TM",code3:"TKM"},{name:"Turks and Caicos Islands",dial:"+1649",code:"TC",code3:"TCA"},{name:"Tuvalu",dial:"+688",code:"TV",code3:"TUV"},{name:"Uganda",dial:"+256",code:"UG",code3:"UGA"},{name:"Ukraine",dial:"+380",code:"UA",code3:"UKR"},{name:"United Arab Emirates",dial:"+971",code:"AE",code3:"ARE"},{name:"United Kingdom",dial:"+44",code:"GB",code3:"GBR"},{name:"United States",dial:"+1",code:"US",code3:"USA"},{name:"Uruguay",dial:"+598",code:"UY",code3:"URY"},{name:"Uzbekistan",dial:"+998",code:"UZ",code3:"UZB"},{name:"Vanuatu",dial:"+678",code:"VU",code3:"VUT"},{name:"Vietnam",dial:"+84",code:"VN",code3:"VNM"},{name:"Virgin Islands, British",dial:"+1284",code:"VG",code3:"VGB"},{name:"Virgin Islands, U.S.",dial:"+1340",code:"VI",code3:"VIR"},{name:"Wallis and Futuna",dial:"+681",code:"WF",code3:"WLF"},{name:"Yemen",dial:"+967",code:"YE",code3:"YEM"},{name:"Zambia",dial:"+260",code:"ZM",code3:"ZMB"},{name:"Zimbabwe",dial:"+263",code:"ZW",code3:"ZWE"},{name:"Korea, Republic of South Korea",dial:"+82",code:"KR",code3:"KOR"},{name:"AmericanSamoa",dial:"+1684",code:"AS",code3:"ASM"},{name:"Korea, Democratic People's Republic of Korea",dial:"+850",code:"KP",code3:"PRK"},{name:"Venezuela, Bolivarian Republic of Venezuela",dial:"+58",code:"VE",code3:"VEN"},{name:"Virgin Islands, British",dial:"+1284",code:"VG",code3:"VGB"}];
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.CountriesData=[{name:"Afghanistan",dial:"+93",code:"AF",code3:"AFG"},{name:"Albania",dial:"+355",code:"AL",code3:"ALB"},{name:"Algeria",dial:"+213",code:"DZ",code3:"DZA"},{name:"Andorra",dial:"+376",code:"AD",code3:"AND"},{name:"Angola",dial:"+244",code:"AO",code3:"AGO"},{name:"Anguilla",dial:"+1264",code:"AI",code3:"AIA"},{name:"Antarctica",dial:"+672",code:"AQ",code3:"ATA"},{name:"Antigua and Barbuda",dial:"+1268",code:"AG",code3:"ATG"},{name:"Argentina",dial:"+54",code:"AR",code3:"ARG"},{name:"Armenia",dial:"+374",code:"AM",code3:"ARM"},{name:"Aruba",dial:"+297",code:"AW",code3:"ABW"},{name:"Australia",dial:"+61",code:"AU",code3:"AUS"},{name:"Austria",dial:"+43",code:"AT",code3:"AUT"},{name:"Azerbaijan",dial:"+994",code:"AZ",code3:"AZE"},{name:"Bahamas",dial:"+1242",code:"BS",code3:"BHS"},{name:"Bahrain",dial:"+973",code:"BH",code3:"BHR"},{name:"Bangladesh",dial:"+880",code:"BD",code3:"BGD"},{name:"Barbados",dial:"+1246",code:"BB",code3:"BRB"},{name:"Belarus",dial:"+375",code:"BY",code3:"BLR"},{name:"Belgium",dial:"+32",code:"BE",code3:"BEL"},{name:"Belize",dial:"+501",code:"BZ",code3:"BLZ"},{name:"Benin",dial:"+229",code:"BJ",code3:"BEN"},{name:"Bermuda",dial:"+1441",code:"BM",code3:"BMU"},{name:"Bhutan",dial:"+975",code:"BT",code3:"BTN"},{name:"Bosnia and Herzegovina",dial:"+387",code:"BA",code3:"BIH"},{name:"Botswana",dial:"+267",code:"BW",code3:"BWA"},{name:"Brazil",dial:"+55",code:"BR",code3:"BRA"},{name:"British Indian Ocean Territory",dial:"+246",code:"IO",code3:"IOT"},{name:"Bulgaria",dial:"+359",code:"BG",code3:"BGR"},{name:"Burkina Faso",dial:"+226",code:"BF",code3:"BFA"},{name:"Burundi",dial:"+257",code:"BI",code3:"BDI"},{name:"Cambodia",dial:"+855",code:"KH",code3:"KHM"},{name:"Cameroon",dial:"+237",code:"CM",code3:"CMR"},{name:"Canada",dial:"+1",code:"CA",code3:"CAN"},{name:"Cabo Verde",dial:"+238",code:"CV",code3:"CPV"},{name:"Central African Republic",dial:"+236",code:"CF",code3:"CAF"},{name:"Chad",dial:"+235",code:"TD",code3:"TCD"},{name:"Chile",dial:"+56",code:"CL",code3:"CHL"},{name:"China",dial:"+86",code:"CN",code3:"CHN"},{name:"Christmas Island",dial:"+61",code:"CX",code3:"CXR"},{name:"Colombia",dial:"+57",code:"CO",code3:"COL"},{name:"Comoros",dial:"+269",code:"KM",code3:"COM"},{name:"Cook Islands",dial:"+682",code:"CK",code3:"COK"},{name:"Costa Rica",dial:"+506",code:"CR",code3:"CRI"},{name:"Croatia",dial:"+385",code:"HR",code3:"HRV"},{name:"Cuba",dial:"+53",code:"CU",code3:"CUB"},{name:"Cyprus",dial:"+357",code:"CY",code3:"CYP"},{name:"Czechia",dial:"+420",code:"CZ",code3:"CZE"},{name:"Denmark",dial:"+45",code:"DK",code3:"DNK"},{name:"Djibouti",dial:"+253",code:"DJ",code3:"DJI"},{name:"Dominica",dial:"+1767",code:"DM",code3:"DMA"},{name:"Ecuador",dial:"+593",code:"EC",code3:"ECU"},{name:"Egypt",dial:"+20",code:"EG",code3:"EGY"},{name:"El Salvador",dial:"+503",code:"SV",code3:"SLV"},{name:"Equatorial Guinea",dial:"+240",code:"GQ",code3:"GNQ"},{name:"Eritrea",dial:"+291",code:"ER",code3:"ERI"},{name:"Estonia",dial:"+372",code:"EE",code3:"EST"},{name:"Ethiopia",dial:"+251",code:"ET",code3:"ETH"},{name:"Faroe Islands",dial:"+298",code:"FO",code3:"FRO"},{name:"Fiji",dial:"+679",code:"FJ",code3:"FJI"},{name:"Finland",dial:"+358",code:"FI",code3:"FIN"},{name:"France",dial:"+33",code:"FR",code3:"FRA"},{name:"French Polynesia",dial:"+689",code:"PF",code3:"PYF"},{name:"Gabon",dial:"+241",code:"GA",code3:"GAB"},{name:"Gambia",dial:"+220",code:"GM",code3:"GMB"},{name:"Georgia",dial:"+995",code:"GE",code3:"GEO"},{name:"Germany",dial:"+49",code:"DE",code3:"DEU"},{name:"Ghana",dial:"+233",code:"GH",code3:"GHA"},{name:"Gibraltar",dial:"+350",code:"GI",code3:"GIB"},{name:"Greece",dial:"+30",code:"GR",code3:"GRC"},{name:"Greenland",dial:"+299",code:"GL",code3:"GRL"},{name:"Grenada",dial:"+1473",code:"GD",code3:"GRD"},{name:"Guam",dial:"+1671",code:"GU",code3:"GUM"},{name:"Guatemala",dial:"+502",code:"GT",code3:"GTM"},{name:"Guinea",dial:"+224",code:"GN",code3:"GIN"},{name:"Guinea-Bissau",dial:"+245",code:"GW",code3:"GNB"},{name:"Haiti",dial:"+509",code:"HT",code3:"HTI"},{name:"Honduras",dial:"+504",code:"HN",code3:"HND"},{name:"Hong Kong",dial:"+852",code:"HK",code3:"HKG"},{name:"Hungary",dial:"+36",code:"HU",code3:"HUN"},{name:"Iceland",dial:"+354",code:"IS",code3:"ISL"},{name:"India",dial:"+91",code:"IN",code3:"IND"},{name:"Indonesia",dial:"+62",code:"ID",code3:"IDN"},{name:"Iraq",dial:"+964",code:"IQ",code3:"IRQ"},{name:"Ireland",dial:"+353",code:"IE",code3:"IRL"},{name:"Israel",dial:"+972",code:"IL",code3:"ISR"},{name:"Italy",dial:"+39",code:"IT",code3:"ITA"},{name:"Jamaica",dial:"+1876",code:"JM",code3:"JAM"},{name:"Japan",dial:"+81",code:"JP",code3:"JPN"},{name:"Jordan",dial:"+962",code:"JO",code3:"JOR"},{name:"Kenya",dial:"+254",code:"KE",code3:"KEN"},{name:"Kiribati",dial:"+686",code:"KI",code3:"KIR"},{name:"Kuwait",dial:"+965",code:"KW",code3:"KWT"},{name:"Kyrgyzstan",dial:"+996",code:"KG",code3:"KGZ"},{name:"Laos",dial:"+856",code:"LA",code3:"LAO"},{name:"Latvia",dial:"+371",code:"LV",code3:"LVA"},{name:"Lebanon",dial:"+961",code:"LB",code3:"LBN"},{name:"Lesotho",dial:"+266",code:"LS",code3:"LSO"},{name:"Liberia",dial:"+231",code:"LR",code3:"LBR"},{name:"Liechtenstein",dial:"+423",code:"LI",code3:"LIE"},{name:"Lithuania",dial:"+370",code:"LT",code3:"LTU"},{name:"Luxembourg",dial:"+352",code:"LU",code3:"LUX"},{name:"Macao",dial:"+853",code:"MO",code3:"MAC"},{name:"Macedonia",dial:"+389",code:"MK",code3:"MKD"},{name:"Madagascar",dial:"+261",code:"MG",code3:"MDG"},{name:"Malawi",dial:"+265",code:"MW",code3:"MWI"},{name:"Malaysia",dial:"+60",code:"MY",code3:"MYS"},{name:"Maldives",dial:"+960",code:"MV",code3:"MDV"},{name:"Mali",dial:"+223",code:"ML",code3:"MLI"},{name:"Malta",dial:"+356",code:"MT",code3:"MLT"},{name:"Marshall Islands",dial:"+692",code:"MH",code3:"MHL"},{name:"Mauritania",dial:"+222",code:"MR",code3:"MRT"},{name:"Mauritius",dial:"+230",code:"MU",code3:"MUS"},{name:"Mayotte",dial:"+262",code:"YT",code3:"MYT"},{name:"Mexico",dial:"+52",code:"MX",code3:"MEX"},{name:"Moldova",dial:"+373",code:"MD",code3:"MDA"},{name:"Monaco",dial:"+377",code:"MC",code3:"MCO"},{name:"Mongolia",dial:"+976",code:"MN",code3:"MNG"},{name:"Montenegro",dial:"+382",code:"ME",code3:"MNE"},{name:"Montserrat",dial:"+1664",code:"MS",code3:"MSR"},{name:"Morocco",dial:"+212",code:"MA",code3:"MAR"},{name:"Mozambique",dial:"+258",code:"MZ",code3:"MOZ"},{name:"Myanmar",dial:"+95",code:"MM",code3:"MMR"},{name:"Namibia",dial:"+264",code:"NA",code3:"NAM"},{name:"Nauru",dial:"+674",code:"NR",code3:"NRU"},{name:"Nepal",dial:"+977",code:"NP",code3:"NPL"},{name:"Netherlands",dial:"+31",code:"NL",code3:"NLD"},{name:"Netherlands Antilles",dial:"+599",code:"AN",code3:"ANT"},{name:"New Caledonia",dial:"+687",code:"NC",code3:"NCL"},{name:"New Zealand",dial:"+64",code:"NZ",code3:"NZL"},{name:"Nicaragua",dial:"+505",code:"NI",code3:"NIC"},{name:"Niger",dial:"+227",code:"NE",code3:"NER"},{name:"Nigeria",dial:"+234",code:"NG",code3:"NGA"},{name:"Niue",dial:"+683",code:"NU",code3:"NIU"},{name:"Norfolk Island",dial:"+672",code:"NF",code3:"NFK"},{name:"Northern Mariana Islands",dial:"+1670",code:"MP",code3:"MNP"},{name:"Norway",dial:"+47",code:"NO",code3:"NOR"},{name:"Oman",dial:"+968",code:"OM",code3:"OMN"},{name:"Pakistan",dial:"+92",code:"PK",code3:"PAK"},{name:"Palau",dial:"+680",code:"PW",code3:"PLW"},{name:"Panama",dial:"+507",code:"PA",code3:"PAN"},{name:"Papua New Guinea",dial:"+675",code:"PG",code3:"PNG"},{name:"Paraguay",dial:"+595",code:"PY",code3:"PRY"},{name:"Peru",dial:"+51",code:"PE",code3:"PER"},{name:"Philippines",dial:"+63",code:"PH",code3:"PHL"},{name:"Poland",dial:"+48",code:"PL",code3:"POL"},{name:"Portugal",dial:"+351",code:"PT",code3:"PRT"},{name:"Romania",dial:"+40",code:"RO",code3:"ROU"},{name:"Russia",dial:"+7",code:"RU",code3:"RUS"},{name:"Rwanda",dial:"+250",code:"RW",code3:"RWA"},{name:"Saint Kitts and Nevis",dial:"+1869",code:"KN",code3:"KNA"},{name:"Saint Lucia",dial:"+1758",code:"LC",code3:"LCA"},{name:"Saint Pierre and Miquelon",dial:"+508",code:"PM",code3:"SPM"},{name:"Saint Vincent and the Grenadines",dial:"+1784",code:"VC",code3:"VCT"},{name:"Samoa",dial:"+685",code:"WS",code3:"WSM"},{name:"San Marino",dial:"+378",code:"SM",code3:"SMR"},{name:"Sao Tome and Principe",dial:"+239",code:"ST",code3:"STP"},{name:"Saudi Arabia",dial:"+966",code:"SA",code3:"SAU"},{name:"Senegal",dial:"+221",code:"SN",code3:"SEN"},{name:"Serbia",dial:"+381",code:"RS",code3:"SRB"},{name:"Seychelles",dial:"+248",code:"SC",code3:"SYC"},{name:"Sierra Leone",dial:"+232",code:"SL",code3:"SLE"},{name:"Singapore",dial:"+65",code:"SG",code3:"SGP"},{name:"Slovakia",dial:"+421",code:"SK",code3:"SVK"},{name:"Slovenia",dial:"+386",code:"SI",code3:"SVN"},{name:"Solomon Islands",dial:"+677",code:"SB",code3:"SLB"},{name:"Somalia",dial:"+252",code:"SO",code3:"SOM"},{name:"South Africa",dial:"+27",code:"ZA",code3:"ZAF"},{name:"South Sudan",dial:"+211",code:"SS",code3:"SSD"},{name:"South Georgia and the South Sandwich Islands",dial:"+500",code:"GS",code3:"SGS"},{name:"Spain",dial:"+34",code:"ES",code3:"ESP"},{name:"Sri Lanka",dial:"+94",code:"LK",code3:"LKA"},{name:"Sudan",dial:"+249",code:"SD",code3:"SDN"},{name:"Suriname",dial:"+597",code:"SR",code3:"SUR"},{name:"Svalbard and Jan Mayen",dial:"+47",code:"SJ",code3:"SJM"},{name:"Sweden",dial:"+46",code:"SE",code3:"SWE"},{name:"Switzerland",dial:"+41",code:"CH",code3:"CHE"},{name:"Syria",dial:"+963",code:"SY",code3:"SYR"},{name:"Taiwan",dial:"+886",code:"TW",code3:"TWN"},{name:"Tajikistan",dial:"+992",code:"TJ",code3:"TJK"},{name:"Thailand",dial:"+66",code:"TH",code3:"THA"},{name:"Timor-Leste",dial:"+670",code:"TL",code3:"TLS"},{name:"Togo",dial:"+228",code:"TG",code3:"TGO"},{name:"Tokelau",dial:"+690",code:"TK",code3:"TKL"},{name:"Tonga",dial:"+676",code:"TO",code3:"TON"},{name:"Trinidad and Tobago",dial:"+1868",code:"TT",code3:"TTO"},{name:"Tunisia",dial:"+216",code:"TN",code3:"TUN"},{name:"Türkiye",dial:"+90",code:"TR",code3:"TUR"},{name:"Turkmenistan",dial:"+993",code:"TM",code3:"TKM"},{name:"Turks and Caicos Islands",dial:"+1649",code:"TC",code3:"TCA"},{name:"Tuvalu",dial:"+688",code:"TV",code3:"TUV"},{name:"Uganda",dial:"+256",code:"UG",code3:"UGA"},{name:"Ukraine",dial:"+380",code:"UA",code3:"UKR"},{name:"United Arab Emirates",dial:"+971",code:"AE",code3:"ARE"},{name:"United Kingdom",dial:"+44",code:"GB",code3:"GBR"},{name:"United States of America",dial:"+1",code:"US",code3:"USA"},{name:"Uruguay",dial:"+598",code:"UY",code3:"URY"},{name:"Uzbekistan",dial:"+998",code:"UZ",code3:"UZB"},{name:"Vanuatu",dial:"+678",code:"VU",code3:"VUT"},{name:"Vietnam",dial:"+84",code:"VN",code3:"VNM"},{name:"Virgin Islands, British",dial:"+1284",code:"VG",code3:"VGB"},{name:"Virgin Islands, U.S.",dial:"+1340",code:"VI",code3:"VIR"},{name:"Wallis and Futuna",dial:"+681",code:"WF",code3:"WLF"},{name:"Yemen",dial:"+967",code:"YE",code3:"YEM"},{name:"Zambia",dial:"+260",code:"ZM",code3:"ZMB"},{name:"Zimbabwe",dial:"+263",code:"ZW",code3:"ZWE"},{name:"South Korea",dial:"+82",code:"KR",code3:"KOR"},{name:"North Korea",dial:"+850",code:"KP",code3:"PRK"},{name:"Venezuela",dial:"+58",code:"VE",code3:"VEN"}];

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

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 export declare const StyledCountryPickerOption: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledCountryPickerWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & {
     height?: string | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/country-code-picker/CountryPicker.d.ts

@@ -0,0 +1,72 @@
+import { Placement, PositioningStrategy } from '@popperjs/core';
+import React from 'react';
+import { CountryCode } from "./CountryCodePicker.modal";
+/**
+ * Props for the CountryPicker component
+ */
+export interface CountryPickerProps {
+    /**
+     * Version of the dropdown popover to use
+     */
+    version: '1.0' | '2.0';
+    /**
+     * Callback function when a country is selected
+     */
+    onCountrySelect: (country: CountryCode) => void;
+    /**
+     * Currently selected country
+     */
+    selectedCountry?: CountryCode;
+    /**
+     * Width of the popover dropdown
+     * @default "300px"
+     */
+    popoverWidth?: string;
+    /**
+     * Height of the picker container
+     */
+    height?: string;
+    /**
+     * Placement of the dropdown relative to the trigger
+     * @default "bottom-start"
+     */
+    placement?: Placement;
+    /**
+     * Positioning strategy for the dropdown
+     * @default "absolute"
+     */
+    placementStrategy?: PositioningStrategy;
+    /**
+     * Whether the picker is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Whether to hide the flag image
+     * @default false
+     */
+    hideFlagImage?: boolean;
+    /**
+     * Custom styles for the container
+     */
+    containerStyles?: React.CSSProperties;
+    /**
+     * Placeholder text when no country is selected
+     * @default "Select a country"
+     */
+    placeholder?: string;
+    /**
+     * Whether to show country code alongside name
+     * @default true
+     */
+    showCountryCode?: boolean;
+    /**
+     * Custom text style for the country name
+     */
+    countryTextStyle?: React.CSSProperties;
+    /**
+     * Callback when dropdown is clicked
+     */
+    onDropdownClick?: () => void;
+}
+export declare const CountryPicker: React.FC<CountryPickerProps>;

package/dist/cjs/components/country-code-picker/CountryPicker.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("../../assets/icons/chevronDown.svg.js"),r=require("react"),t=require("./CountryCodePicker.modal.js"),n=require("./CountryPicker.styled.js"),s=require("../dropdown/DropdownPopover/index.js");require("../dropdown/Dropdown.js"),require("../dropdown/ChipDropdown.js"),require("../zeroState/ZeroState.js");var d=require("../TypographyStyle.js"),i=require("../../constants/Theme.js");require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../button/Button.js"),require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../icon-button/IconButton.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js");exports.CountryPicker=c=>{let{version:a,onCountrySelect:l,selectedCountry:u,popoverWidth:p="300px",height:y,placement:j="bottom-start",placementStrategy:m="absolute",disabled:h=!1,hideFlagImage:w=!1,containerStyles:O,placeholder:g="Select a country",showCountryCode:x=!0,countryTextStyle:v,onDropdownClick:C}=c;var S;const[q,b]=r.useState(u),D=null!=u?u:q,B=D?`https://flagcdn.com/${null===(S=D.code)||void 0===S?void 0:S.toLowerCase()}.svg`:void 0,f=r.useMemo((()=>t.CountriesData.map((o=>{var r;const t=`https://flagcdn.com/${null===(r=o.code)||void 0===r?void 0:r.toLowerCase()}.svg`;return{value:o.code,label:o.name,searchKey:o.name,customComponent:e.jsxs(n.StyledCountryOption,{children:[!w&&e.jsx("img",{src:t,className:"country-flag",alt:o.name}),e.jsxs("div",Object.assign({className:"country-info"},{children:[e.jsx(d.BodySecondary,Object.assign({style:Object.assign({color:i.COLORS.text.primary},v)},{children:o.name})),x&&e.jsx(d.BodySecondary,Object.assign({style:{color:i.COLORS.text.secondary,fontSize:"12px"}},{children:o.code}))]}))]}),selected:(null==D?void 0:D.code)===o.code}}))),[null==D?void 0:D.code,w,x,v]);return e.jsx(s.DropdownPopover,Object.assign({version:a,isSearchable:!0,width:p,placement:j,strategy:m,options:f,disabled:h,onSelect:e=>(e=>{const o=t.CountriesData.find((o=>o.code===e.value));o&&(b(o),l(o))})(e)},{children:e.jsxs(n.StyledCountryPickerContainer,Object.assign({height:y,style:O,onClick:C,disabled:h},{children:[e.jsx("div",Object.assign({className:"content__wrapper"},{children:D?e.jsxs(e.Fragment,{children:[!w&&B&&e.jsx("img",{src:B,className:"country-flag",alt:D.name}),e.jsx(d.BodySecondary,Object.assign({style:v},{children:D.name}))]}):e.jsx(d.BodySecondary,Object.assign({style:Object.assign({color:i.COLORS.text.disabled},v)},{children:g}))})),e.jsx(o.default,{width:24,height:24,color:h?i.COLORS.text.disabled:i.COLORS.content.primary})]}))}))};

package/dist/cjs/components/country-code-picker/CountryPicker.styled.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const StyledCountryOption: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledCountryPickerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    height?: string | undefined;
+    disabled?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/country-code-picker/CountryPicker.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),d=require("../../constants/Theme.js");function l(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var e=l(c);const t=e.default("div","production"===process.env.NODE_ENV?{target:"e1bzm7eq1"}:{target:"e1bzm7eq1",label:"StyledCountryOption"})("production"===process.env.NODE_ENV?{name:"1p6jccm",styles:"display:flex;align-items:center;flex-direction:row;gap:12px;width:100%;.country-flag{width:24px;height:18px;object-fit:cover;border-radius:2px;}.country-info{display:flex;flex-direction:column;gap:2px;flex:1;}"}:{name:"1p6jccm",styles:"display:flex;align-items:center;flex-direction:row;gap:12px;width:100%;.country-flag{width:24px;height:18px;object-fit:cover;border-radius:2px;}.country-info{display:flex;flex-direction:column;gap:2px;flex:1;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvdW50cnlQaWNrZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFOEMiLCJmaWxlIjoiQ291bnRyeVBpY2tlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWRDb3VudHJ5T3B0aW9uID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogMTJweDtcblx0d2lkdGg6IDEwMCU7XG5cblx0LmNvdW50cnktZmxhZyB7XG5cdFx0d2lkdGg6IDI0cHg7XG5cdFx0aGVpZ2h0OiAxOHB4O1xuXHRcdG9iamVjdC1maXQ6IGNvdmVyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0fVxuXG5cdC5jb3VudHJ5LWluZm8ge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRnYXA6IDJweDtcblx0XHRmbGV4OiAxO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQ291bnRyeVBpY2tlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogOHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0cGFkZGluZzogOHB4IDEycHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodH07XG5cdGN1cnNvcjogJHsocHJvcHMpID0+IChwcm9wcy5kaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAncG9pbnRlcicpfTtcblx0b3BhY2l0eTogJHsocHJvcHMpID0+IChwcm9wcy5kaXNhYmxlZCA/IDAuNiA6IDEpfTtcblx0dHJhbnNpdGlvbjogYWxsIDAuMnMgZWFzZTtcblxuXHQmOmhvdmVyIHtcblx0XHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5kaXNhYmxlZCA/IENPTE9SUy5zdHJva2UucHJpbWFyeSA6IENPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0fVxuXG5cdC5jb250ZW50X193cmFwcGVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0Z2FwOiAxMnB4O1xuXHRcdGZsZXg6IDE7XG5cdFx0bWluLXdpZHRoOiAwO1xuXHR9XG5cblx0LmNvdW50cnktZmxhZyB7XG5cdFx0d2lkdGg6IDI0cHg7XG5cdFx0aGVpZ2h0OiAxOHB4O1xuXHRcdG9iamVjdC1maXQ6IGNvdmVyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHRmbGV4LXNocmluazogMDtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q291bnRyeVBpY2tlci5zdHlsZWQuanMubWFwIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),b=e.default("div","production"===process.env.NODE_ENV?{target:"e1bzm7eq0"}:{target:"e1bzm7eq0",label:"StyledCountryPickerContainer"})("display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:4px;border:1px solid ",d.COLORS.stroke.primary,";padding:8px 12px;height:",(c=>c.height),";cursor:",(c=>c.disabled?"not-allowed":"pointer"),";opacity:",(c=>c.disabled?.6:1),";transition:all 0.2s ease;&:hover{border-color:",(c=>c.disabled?d.COLORS.stroke.primary:d.COLORS.content.inactive),";}.content__wrapper{display:flex;align-items:center;gap:12px;flex:1;min-width:0;}.country-flag{width:24px;height:18px;object-fit:cover;border-radius:2px;flex-shrink:0;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvdW50cnlQaWNrZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QnVEIiwiZmlsZSI6IkNvdW50cnlQaWNrZXIuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQ291bnRyeU9wdGlvbiA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDEycHg7XG5cdHdpZHRoOiAxMDAlO1xuXG5cdC5jb3VudHJ5LWZsYWcge1xuXHRcdHdpZHRoOiAyNHB4O1xuXHRcdGhlaWdodDogMThweDtcblx0XHRvYmplY3QtZml0OiBjb3Zlcjtcblx0XHRib3JkZXItcmFkaXVzOiAycHg7XG5cdH1cblxuXHQuY291bnRyeS1pbmZvIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Z2FwOiAycHg7XG5cdFx0ZmxleDogMTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENvdW50cnlQaWNrZXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDhweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5oZWlnaHR9O1xuXHRjdXJzb3I6ICR7KHByb3BzKSA9PiAocHJvcHMuZGlzYWJsZWQgPyAnbm90LWFsbG93ZWQnIDogJ3BvaW50ZXInKX07XG5cdG9wYWNpdHk6ICR7KHByb3BzKSA9PiAocHJvcHMuZGlzYWJsZWQgPyAwLjYgOiAxKX07XG5cdHRyYW5zaXRpb246IGFsbCAwLjJzIGVhc2U7XG5cblx0Jjpob3ZlciB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuZGlzYWJsZWQgPyBDT0xPUlMuc3Ryb2tlLnByaW1hcnkgOiBDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdH1cblxuXHQuY29udGVudF9fd3JhcHBlciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGdhcDogMTJweDtcblx0XHRmbGV4OiAxO1xuXHRcdG1pbi13aWR0aDogMDtcblx0fVxuXG5cdC5jb3VudHJ5LWZsYWcge1xuXHRcdHdpZHRoOiAyNHB4O1xuXHRcdGhlaWdodDogMThweDtcblx0XHRvYmplY3QtZml0OiBjb3Zlcjtcblx0XHRib3JkZXItcmFkaXVzOiAycHg7XG5cdFx0ZmxleC1zaHJpbms6IDA7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNvdW50cnlQaWNrZXIuc3R5bGVkLmpzLm1hcCJdfQ== */"));exports.StyledCountryOption=t,exports.StyledCountryPickerContainer=b;

package/dist/cjs/components/country-code-picker/index.d.ts

@@ -1,2 +1,3 @@
 export * from './CountryCodePicker';
 export * from './CountryCodePicker.modal';
+export * from './CountryPicker';

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const CustomDateTimeStyle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 export declare const Container: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CrossIconHolder: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 export declare const Container: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Button: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,27 +1,27 @@
 /// <reference types="react" />
 export declare const Container: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StarWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Chip: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & {
     selected?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TextArea: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {}>;
 export declare const Button: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,19 +1,19 @@
 /// <reference types="react" />
 export declare const PickerContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & {
     selectRange: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TimePickerContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TimeInputWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TimeLabel: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,23 +1,23 @@
 /// <reference types="react" />
 export declare const CouponTypeContainerStyled: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & {
     selectedDiv: number;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StaticCouponContainerStyled: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DynamicCouponContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledDiscountDialogueContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const VariablePickerContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -2,7 +2,7 @@
 import { InputStateI, InputTypeI, InputVariant } from "./Input";
 export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & {
     width?: string | undefined;
     height?: string | undefined;
@@ -16,7 +16,7 @@ export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const IconHolder: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & {
     isLeft?: boolean | undefined;
     iconSize?: string | undefined;
@@ -57,7 +57,7 @@ export declare const InputContainerSmall: import("@emotion/styled").StyledCompon
 }, {}, {}>;
 export declare const InputHeader: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & {
     invalid?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -91,7 +91,7 @@ export declare const InputFooter: import("@emotion/styled").StyledComponent<{
 }, {}, {}>;
 export declare const RootContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & {
     width?: string | undefined;
     height?: string | undefined;