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

package/dist/esm/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/esm/components/carousel-preview/CarouselPreview.js

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

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

@@ -1 +1 @@
-const e=[{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"}];export{e as CountriesData};
+const e=[{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"}];export{e as CountriesData};

package/dist/esm/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/esm/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/esm/components/country-code-picker/CountryPicker.js

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

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

@@ -0,0 +1 @@
+import c from"@emotion/styled/base";import{COLORS as d}from"../../constants/Theme.js";const l=c("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=c("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.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.stroke.primary:d.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== */"));export{l as StyledCountryOption,b as StyledCountryPickerContainer};

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

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

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

package/dist/esm/components/keywords-input/KeywordsInput.styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const ChipStyle: 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/esm/components/list-item/ListItem.styled.d.ts

@@ -2,7 +2,7 @@
 import type { Variant } from './ListItem';
 export declare const ListItem: 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;
 } & {
     variant: Variant;
     borderBottom?: string | undefined;

package/dist/esm/components/modals/modal.styled.d.ts

@@ -1,23 +1,23 @@
 /// <reference types="react" />
 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;
 } & {
     zIndex?: number | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CentralContainer: 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;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CloseButtonContainer: 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 CloseButtonWithTimer: 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;
 } & {
     timerExists?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/components/pagination/Pagination.styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const Pagination: 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/esm/components/plans/DurationSelectorStyles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const DurationSelectorStyled: 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/esm/components/plans/SubscriptionPlanSelector.d.ts

@@ -30,11 +30,11 @@ type Props = {
 };
 export declare const HeaderWrapper: 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 BottomWrapper: 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 defaultTabs: {
     key: string;

package/dist/esm/components/plans/SubscriptionPlanStyled.d.ts

@@ -1,14 +1,14 @@
 /// <reference types="react" />
 export declare const SubscriptionPlanStyled: 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;
 } & {
     isSelected: boolean;
     isManifestPlan?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const NewSubscriptionStyled: 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;
 } & {
     showMostPopularChip: boolean;
     height?: string | undefined;

package/dist/esm/components/product-picker/ProductPicker.styled.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 export declare const StyledZeroState: 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 StyledProductPickerContainer: 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>, {}>;