@adam-milo/ui 1.0.33 → 1.0.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (152) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.js +57 -23
  3. package/dist/index10.cjs +1 -1
  4. package/dist/index10.js +94 -56
  5. package/dist/index11.cjs +1 -1
  6. package/dist/index11.js +199 -40
  7. package/dist/index12.cjs +1 -1
  8. package/dist/index12.js +305 -105
  9. package/dist/index13.cjs +1 -1
  10. package/dist/index13.js +260 -74
  11. package/dist/index14.cjs +1 -1
  12. package/dist/index14.js +135 -27
  13. package/dist/index15.cjs +1 -1
  14. package/dist/index15.js +52 -469
  15. package/dist/index16.cjs +1 -1
  16. package/dist/index16.js +57 -111
  17. package/dist/index17.cjs +1 -1
  18. package/dist/index17.js +101 -20
  19. package/dist/index18.cjs +1 -1
  20. package/dist/index18.js +76 -21
  21. package/dist/index19.cjs +1 -1
  22. package/dist/index19.js +25 -29
  23. package/dist/index2.cjs +1 -1
  24. package/dist/index2.js +6 -4
  25. package/dist/index20.cjs +1 -1
  26. package/dist/index20.js +468 -31
  27. package/dist/index21.cjs +1 -1
  28. package/dist/index21.js +155 -39
  29. package/dist/index22.cjs +1 -1
  30. package/dist/index22.js +16 -27
  31. package/dist/index23.cjs +1 -1
  32. package/dist/index23.js +36 -12
  33. package/dist/index24.cjs +1 -0
  34. package/dist/index24.js +46 -0
  35. package/dist/index25.cjs +1 -1
  36. package/dist/index25.js +80 -263
  37. package/dist/index26.cjs +1 -1
  38. package/dist/index26.js +52 -13
  39. package/dist/index27.cjs +1 -0
  40. package/dist/index27.js +45 -0
  41. package/dist/index28.cjs +1 -0
  42. package/dist/index28.js +53 -0
  43. package/dist/index29.cjs +1 -0
  44. package/dist/index29.js +55 -0
  45. package/dist/index3.cjs +1 -1
  46. package/dist/index3.js +33 -33
  47. package/dist/index30.cjs +1 -0
  48. package/dist/index30.js +72 -0
  49. package/dist/index31.cjs +1 -0
  50. package/dist/index31.js +14 -0
  51. package/dist/index32.cjs +1 -0
  52. package/dist/index32.js +332 -0
  53. package/dist/index36.cjs +1 -1
  54. package/dist/index36.js +383 -6
  55. package/dist/index37.cjs +1 -0
  56. package/dist/index37.js +16 -0
  57. package/dist/index4.cjs +1 -1
  58. package/dist/index4.js +59 -11
  59. package/dist/index5.cjs +1 -1
  60. package/dist/index5.js +19 -35
  61. package/dist/index50.cjs +1 -0
  62. package/dist/index50.js +9 -0
  63. package/dist/index6.cjs +1 -1
  64. package/dist/index6.js +11 -101
  65. package/dist/index62.cjs +1 -0
  66. package/dist/index62.js +502 -0
  67. package/dist/index64.cjs +1 -0
  68. package/dist/index64.js +11 -0
  69. package/dist/index65.cjs +1 -0
  70. package/dist/index65.js +39 -0
  71. package/dist/index66.cjs +1 -0
  72. package/dist/index66.js +64 -0
  73. package/dist/index67.cjs +1 -0
  74. package/dist/index67.js +212 -0
  75. package/dist/index68.cjs +1 -0
  76. package/dist/index68.js +14 -0
  77. package/dist/index69.cjs +1 -0
  78. package/dist/index69.js +293 -0
  79. package/dist/index7.cjs +1 -1
  80. package/dist/index7.js +46 -97
  81. package/dist/index70.cjs +1 -0
  82. package/dist/index70.js +18 -0
  83. package/dist/index71.cjs +1 -0
  84. package/dist/index71.js +129 -0
  85. package/dist/index72.cjs +1 -0
  86. package/dist/index72.js +43 -0
  87. package/dist/index73.cjs +1 -0
  88. package/dist/index73.js +99 -0
  89. package/dist/index74.cjs +1 -0
  90. package/dist/index74.js +71 -0
  91. package/dist/index75.cjs +1 -0
  92. package/dist/index75.js +36 -0
  93. package/dist/index76.cjs +1 -0
  94. package/dist/index76.js +14 -0
  95. package/dist/index77.cjs +1 -0
  96. package/dist/index77.js +17 -0
  97. package/dist/index78.cjs +1 -0
  98. package/dist/index78.js +6 -0
  99. package/dist/index79.cjs +1 -0
  100. package/dist/index79.js +297 -0
  101. package/dist/index8.cjs +1 -1
  102. package/dist/index8.js +97 -88
  103. package/dist/index80.cjs +1 -0
  104. package/dist/index80.js +25 -0
  105. package/dist/index81.cjs +1 -0
  106. package/dist/index81.js +39 -0
  107. package/dist/index82.cjs +1 -0
  108. package/dist/index82.js +625 -0
  109. package/dist/index83.cjs +1 -0
  110. package/dist/index83.js +721 -0
  111. package/dist/index84.cjs +1 -0
  112. package/dist/index84.js +154 -0
  113. package/dist/index85.cjs +1 -0
  114. package/dist/index85.js +173 -0
  115. package/dist/index9.cjs +1 -1
  116. package/dist/index9.js +55 -197
  117. package/dist/src/components/core/button/Button.component.d.ts +13 -7
  118. package/dist/src/components/core/button/Button.component.d.ts.map +1 -1
  119. package/dist/src/components/core/icon/Icon.component.d.ts +1 -1
  120. package/dist/src/components/core/icon/Icon.component.d.ts.map +1 -1
  121. package/dist/src/components/core/icon-button/IconButton.component.d.ts +36 -0
  122. package/dist/src/components/core/icon-button/IconButton.component.d.ts.map +1 -0
  123. package/dist/src/components/core/menu-icon-button/MenuIconButton.component.d.ts +79 -0
  124. package/dist/src/components/core/menu-icon-button/MenuIconButton.component.d.ts.map +1 -0
  125. package/dist/src/components/feedback/spinner/Spinner.component.d.ts +62 -0
  126. package/dist/src/components/feedback/spinner/Spinner.component.d.ts.map +1 -0
  127. package/dist/src/components/forms/input/Input.component.d.ts +5 -0
  128. package/dist/src/components/forms/input/Input.component.d.ts.map +1 -1
  129. package/dist/src/components/forms/otp-input/OTPInput.component.d.ts +82 -0
  130. package/dist/src/components/forms/otp-input/OTPInput.component.d.ts.map +1 -0
  131. package/dist/src/components/forms/phone-input/PhoneInput.component.d.ts +96 -0
  132. package/dist/src/components/forms/phone-input/PhoneInput.component.d.ts.map +1 -0
  133. package/dist/src/components/forms/phone-input/countries.d.ts +93 -0
  134. package/dist/src/components/forms/phone-input/countries.d.ts.map +1 -0
  135. package/dist/src/components/forms/select/Select.component.d.ts +5 -1
  136. package/dist/src/components/forms/select/Select.component.d.ts.map +1 -1
  137. package/dist/src/components/forms/toggle/Toggle.component.d.ts +80 -0
  138. package/dist/src/components/forms/toggle/Toggle.component.d.ts.map +1 -0
  139. package/dist/src/components/layout/auth-layout/AuthLayout.component.d.ts +86 -0
  140. package/dist/src/components/layout/auth-layout/AuthLayout.component.d.ts.map +1 -0
  141. package/dist/src/components/overlays/dialog/Dialog.component.d.ts +36 -2
  142. package/dist/src/components/overlays/dialog/Dialog.component.d.ts.map +1 -1
  143. package/dist/src/components/typography/heading/Heading.component.d.ts +3 -2
  144. package/dist/src/components/typography/heading/Heading.component.d.ts.map +1 -1
  145. package/dist/src/components/typography/link/Link.component.d.ts +80 -0
  146. package/dist/src/components/typography/link/Link.component.d.ts.map +1 -0
  147. package/dist/src/index.d.ts +22 -5
  148. package/dist/src/index.d.ts.map +1 -1
  149. package/dist/style.css +1 -1
  150. package/package.json +2 -1
  151. /package/dist/{index44.cjs → index61.cjs} +0 -0
  152. /package/dist/{index44.js → index61.js} +0 -0
package/dist/index3.js CHANGED
@@ -1,45 +1,45 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { forwardRef, useCallback } from "react";
3
- import { validate } from "email-validator";
4
- import { Input } from "./index25.js";
5
- const EmailInput = forwardRef(
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from "react";
3
+ import { cn } from "./index31.js";
4
+ import { Icon } from "@adam-milo/icons";
5
+ /* empty css */
6
+ const iconSizeMap = {
7
+ sm: "sm",
8
+ md: "md",
9
+ lg: "lg"
10
+ };
11
+ const IconButton = forwardRef(
6
12
  ({
7
- validateEmail = true,
8
- invalidEmailMessage = "Not a valid email address",
9
- validate: validate$1,
10
- "data-cy": dataCy,
13
+ size = "md",
14
+ icon,
15
+ children,
16
+ disabled,
17
+ "aria-label": ariaLabel,
11
18
  "data-testid": dataTestId,
19
+ "data-cy": dataCy,
12
20
  ...props
13
21
  }, ref) => {
14
- const emailValidation = useCallback(
15
- (value) => {
16
- if (!value) return void 0;
17
- return validate(value) ? void 0 : invalidEmailMessage;
18
- },
19
- [invalidEmailMessage]
20
- );
21
- const combinedValidation = useCallback(
22
- (value) => {
23
- if (!validateEmail) return validate$1 == null ? void 0 : validate$1(value);
24
- if (!validate$1) return emailValidation(value);
25
- return emailValidation(value) || validate$1(value);
26
- },
27
- [validateEmail, validate$1, emailValidation]
28
- );
29
- return /* @__PURE__ */ jsx(
30
- Input,
22
+ const classes = cn("icon-btn", `icon-btn--${size}`);
23
+ return /* @__PURE__ */ jsxs(
24
+ "button",
31
25
  {
32
26
  ref,
33
- type: "email",
34
- validate: combinedValidation,
35
- "data-cy": dataCy || "email-input",
36
- "data-testid": dataTestId || "email-input",
37
- ...props
27
+ type: "button",
28
+ disabled,
29
+ className: classes,
30
+ "aria-label": !children ? ariaLabel : void 0,
31
+ "data-testid": dataTestId || "icon-button",
32
+ "data-cy": dataCy || "icon-button",
33
+ ...props,
34
+ children: [
35
+ /* @__PURE__ */ jsx(Icon, { name: icon, size: iconSizeMap[size], decorative: !!children }),
36
+ children && /* @__PURE__ */ jsx("span", { className: "icon-btn__text", "data-cy": "icon-button-text", children })
37
+ ]
38
38
  }
39
39
  );
40
40
  }
41
41
  );
42
- EmailInput.displayName = "EmailInput";
42
+ IconButton.displayName = "IconButton";
43
43
  export {
44
- EmailInput
44
+ IconButton
45
45
  };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react");;/* empty css */const s=r.forwardRef(({size:r="md",color:s="action",label:n="Loading","data-cy":i,"data-testid":a,...t},c)=>{const o=i||"spinner",l=a||"spinner",d=["spinner",`spinner--size-${r}`,`spinner--color-${s}`].join(" ");return e.jsxs("div",{ref:c,className:d,role:"status","aria-label":n,"data-cy":o,"data-testid":l,...t,children:[e.jsxs("svg",{className:"spinner__svg",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("circle",{className:"spinner__track",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),e.jsx("circle",{className:"spinner__indicator",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeDasharray:"40 60"})]}),e.jsx("span",{className:"spinner__label",children:n})]})});s.displayName="Spinner",exports.Spinner=s;
@@ -0,0 +1,72 @@
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from "react";
3
+ /* empty css */
4
+ const Spinner = forwardRef(
5
+ ({
6
+ size = "md",
7
+ color = "action",
8
+ label = "Loading",
9
+ "data-cy": dataCy,
10
+ "data-testid": dataTestId,
11
+ ...props
12
+ }, ref) => {
13
+ const finalDataCy = dataCy || "spinner";
14
+ const finalDataTestId = dataTestId || "spinner";
15
+ const classes = ["spinner", `spinner--size-${size}`, `spinner--color-${color}`].join(" ");
16
+ return /* @__PURE__ */ jsxs(
17
+ "div",
18
+ {
19
+ ref,
20
+ className: classes,
21
+ role: "status",
22
+ "aria-label": label,
23
+ "data-cy": finalDataCy,
24
+ "data-testid": finalDataTestId,
25
+ ...props,
26
+ children: [
27
+ /* @__PURE__ */ jsxs(
28
+ "svg",
29
+ {
30
+ className: "spinner__svg",
31
+ viewBox: "0 0 24 24",
32
+ fill: "none",
33
+ xmlns: "http://www.w3.org/2000/svg",
34
+ children: [
35
+ /* @__PURE__ */ jsx(
36
+ "circle",
37
+ {
38
+ className: "spinner__track",
39
+ cx: "12",
40
+ cy: "12",
41
+ r: "10",
42
+ stroke: "currentColor",
43
+ strokeWidth: "2.5",
44
+ strokeLinecap: "round"
45
+ }
46
+ ),
47
+ /* @__PURE__ */ jsx(
48
+ "circle",
49
+ {
50
+ className: "spinner__indicator",
51
+ cx: "12",
52
+ cy: "12",
53
+ r: "10",
54
+ stroke: "currentColor",
55
+ strokeWidth: "2.5",
56
+ strokeLinecap: "round",
57
+ strokeDasharray: "40 60"
58
+ }
59
+ )
60
+ ]
61
+ }
62
+ ),
63
+ /* @__PURE__ */ jsx("span", { className: "spinner__label", children: label })
64
+ ]
65
+ }
66
+ );
67
+ }
68
+ );
69
+ Spinner.displayName = "Spinner";
70
+ export {
71
+ Spinner
72
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("clsx"),r=require("tailwind-merge");let t=0;exports.cn=function(...t){return r.twMerge(e.clsx(t))},exports.generateId=function(e="id"){return t+=1,`${e}-${t}`};
@@ -0,0 +1,14 @@
1
+ import { clsx } from "clsx";
2
+ import { twMerge } from "tailwind-merge";
3
+ function cn(...inputs) {
4
+ return twMerge(clsx(inputs));
5
+ }
6
+ let idCounter = 0;
7
+ function generateId(prefix = "id") {
8
+ idCounter += 1;
9
+ return `${prefix}-${idCounter}`;
10
+ }
11
+ export {
12
+ cn,
13
+ generateId
14
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=[{code:"AF",name:"Afghanistan",dialCode:"+93",flag:"🇦🇫"},{code:"AL",name:"Albania",dialCode:"+355",flag:"🇦🇱"},{code:"DZ",name:"Algeria",dialCode:"+213",flag:"🇩🇿"},{code:"AD",name:"Andorra",dialCode:"+376",flag:"🇦🇩"},{code:"AO",name:"Angola",dialCode:"+244",flag:"🇦🇴"},{code:"AR",name:"Argentina",dialCode:"+54",flag:"🇦🇷"},{code:"AM",name:"Armenia",dialCode:"+374",flag:"🇦🇲"},{code:"AU",name:"Australia",dialCode:"+61",flag:"🇦🇺"},{code:"AT",name:"Austria",dialCode:"+43",flag:"🇦🇹"},{code:"AZ",name:"Azerbaijan",dialCode:"+994",flag:"🇦🇿"},{code:"BH",name:"Bahrain",dialCode:"+973",flag:"🇧🇭"},{code:"BD",name:"Bangladesh",dialCode:"+880",flag:"🇧🇩"},{code:"BY",name:"Belarus",dialCode:"+375",flag:"🇧🇾"},{code:"BE",name:"Belgium",dialCode:"+32",flag:"🇧🇪"},{code:"BZ",name:"Belize",dialCode:"+501",flag:"🇧🇿"},{code:"BJ",name:"Benin",dialCode:"+229",flag:"🇧🇯"},{code:"BT",name:"Bhutan",dialCode:"+975",flag:"🇧🇹"},{code:"BO",name:"Bolivia",dialCode:"+591",flag:"🇧🇴"},{code:"BA",name:"Bosnia and Herzegovina",dialCode:"+387",flag:"🇧🇦"},{code:"BW",name:"Botswana",dialCode:"+267",flag:"🇧🇼"},{code:"BR",name:"Brazil",dialCode:"+55",flag:"🇧🇷"},{code:"BN",name:"Brunei",dialCode:"+673",flag:"🇧🇳"},{code:"BG",name:"Bulgaria",dialCode:"+359",flag:"🇧🇬"},{code:"BF",name:"Burkina Faso",dialCode:"+226",flag:"🇧🇫"},{code:"BI",name:"Burundi",dialCode:"+257",flag:"🇧🇮"},{code:"KH",name:"Cambodia",dialCode:"+855",flag:"🇰🇭"},{code:"CM",name:"Cameroon",dialCode:"+237",flag:"🇨🇲"},{code:"CA",name:"Canada",dialCode:"+1",flag:"🇨🇦"},{code:"CV",name:"Cape Verde",dialCode:"+238",flag:"🇨🇻"},{code:"CF",name:"Central African Republic",dialCode:"+236",flag:"🇨🇫"},{code:"TD",name:"Chad",dialCode:"+235",flag:"🇹🇩"},{code:"CL",name:"Chile",dialCode:"+56",flag:"🇨🇱"},{code:"CN",name:"China",dialCode:"+86",flag:"🇨🇳"},{code:"CO",name:"Colombia",dialCode:"+57",flag:"🇨🇴"},{code:"KM",name:"Comoros",dialCode:"+269",flag:"🇰🇲"},{code:"CG",name:"Congo",dialCode:"+242",flag:"🇨🇬"},{code:"CD",name:"Congo (DRC)",dialCode:"+243",flag:"🇨🇩"},{code:"CR",name:"Costa Rica",dialCode:"+506",flag:"🇨🇷"},{code:"HR",name:"Croatia",dialCode:"+385",flag:"🇭🇷"},{code:"CU",name:"Cuba",dialCode:"+53",flag:"🇨🇺"},{code:"CY",name:"Cyprus",dialCode:"+357",flag:"🇨🇾"},{code:"CZ",name:"Czech Republic",dialCode:"+420",flag:"🇨🇿"},{code:"DK",name:"Denmark",dialCode:"+45",flag:"🇩🇰"},{code:"DJ",name:"Djibouti",dialCode:"+253",flag:"🇩🇯"},{code:"DO",name:"Dominican Republic",dialCode:"+1",flag:"🇩🇴"},{code:"EC",name:"Ecuador",dialCode:"+593",flag:"🇪🇨"},{code:"EG",name:"Egypt",dialCode:"+20",flag:"🇪🇬"},{code:"SV",name:"El Salvador",dialCode:"+503",flag:"🇸🇻"},{code:"GQ",name:"Equatorial Guinea",dialCode:"+240",flag:"🇬🇶"},{code:"ER",name:"Eritrea",dialCode:"+291",flag:"🇪🇷"},{code:"EE",name:"Estonia",dialCode:"+372",flag:"🇪🇪"},{code:"SZ",name:"Eswatini",dialCode:"+268",flag:"🇸🇿"},{code:"ET",name:"Ethiopia",dialCode:"+251",flag:"🇪🇹"},{code:"FJ",name:"Fiji",dialCode:"+679",flag:"🇫🇯"},{code:"FI",name:"Finland",dialCode:"+358",flag:"🇫🇮"},{code:"FR",name:"France",dialCode:"+33",flag:"🇫🇷"},{code:"GA",name:"Gabon",dialCode:"+241",flag:"🇬🇦"},{code:"GM",name:"Gambia",dialCode:"+220",flag:"🇬🇲"},{code:"GE",name:"Georgia",dialCode:"+995",flag:"🇬🇪"},{code:"DE",name:"Germany",dialCode:"+49",flag:"🇩🇪"},{code:"GH",name:"Ghana",dialCode:"+233",flag:"🇬🇭"},{code:"GR",name:"Greece",dialCode:"+30",flag:"🇬🇷"},{code:"GT",name:"Guatemala",dialCode:"+502",flag:"🇬🇹"},{code:"GN",name:"Guinea",dialCode:"+224",flag:"🇬🇳"},{code:"GW",name:"Guinea-Bissau",dialCode:"+245",flag:"🇬🇼"},{code:"GY",name:"Guyana",dialCode:"+592",flag:"🇬🇾"},{code:"HT",name:"Haiti",dialCode:"+509",flag:"🇭🇹"},{code:"HN",name:"Honduras",dialCode:"+504",flag:"🇭🇳"},{code:"HK",name:"Hong Kong",dialCode:"+852",flag:"🇭🇰"},{code:"HU",name:"Hungary",dialCode:"+36",flag:"🇭🇺"},{code:"IS",name:"Iceland",dialCode:"+354",flag:"🇮🇸"},{code:"IN",name:"India",dialCode:"+91",flag:"🇮🇳"},{code:"ID",name:"Indonesia",dialCode:"+62",flag:"🇮🇩"},{code:"IR",name:"Iran",dialCode:"+98",flag:"🇮🇷"},{code:"IQ",name:"Iraq",dialCode:"+964",flag:"🇮🇶"},{code:"IE",name:"Ireland",dialCode:"+353",flag:"🇮🇪"},{code:"IL",name:"Israel",dialCode:"+972",flag:"🇮🇱"},{code:"IT",name:"Italy",dialCode:"+39",flag:"🇮🇹"},{code:"CI",name:"Ivory Coast",dialCode:"+225",flag:"🇨🇮"},{code:"JM",name:"Jamaica",dialCode:"+1",flag:"🇯🇲"},{code:"JP",name:"Japan",dialCode:"+81",flag:"🇯🇵"},{code:"JO",name:"Jordan",dialCode:"+962",flag:"🇯🇴"},{code:"KZ",name:"Kazakhstan",dialCode:"+7",flag:"🇰🇿"},{code:"KE",name:"Kenya",dialCode:"+254",flag:"🇰🇪"},{code:"KW",name:"Kuwait",dialCode:"+965",flag:"🇰🇼"},{code:"KG",name:"Kyrgyzstan",dialCode:"+996",flag:"🇰🇬"},{code:"LA",name:"Laos",dialCode:"+856",flag:"🇱🇦"},{code:"LV",name:"Latvia",dialCode:"+371",flag:"🇱🇻"},{code:"LB",name:"Lebanon",dialCode:"+961",flag:"🇱🇧"},{code:"LS",name:"Lesotho",dialCode:"+266",flag:"🇱🇸"},{code:"LR",name:"Liberia",dialCode:"+231",flag:"🇱🇷"},{code:"LY",name:"Libya",dialCode:"+218",flag:"🇱🇾"},{code:"LI",name:"Liechtenstein",dialCode:"+423",flag:"🇱🇮"},{code:"LT",name:"Lithuania",dialCode:"+370",flag:"🇱🇹"},{code:"LU",name:"Luxembourg",dialCode:"+352",flag:"🇱🇺"},{code:"MO",name:"Macau",dialCode:"+853",flag:"🇲🇴"},{code:"MK",name:"North Macedonia",dialCode:"+389",flag:"🇲🇰"},{code:"MG",name:"Madagascar",dialCode:"+261",flag:"🇲🇬"},{code:"MW",name:"Malawi",dialCode:"+265",flag:"🇲🇼"},{code:"MY",name:"Malaysia",dialCode:"+60",flag:"🇲🇾"},{code:"MV",name:"Maldives",dialCode:"+960",flag:"🇲🇻"},{code:"ML",name:"Mali",dialCode:"+223",flag:"🇲🇱"},{code:"MT",name:"Malta",dialCode:"+356",flag:"🇲🇹"},{code:"MR",name:"Mauritania",dialCode:"+222",flag:"🇲🇷"},{code:"MU",name:"Mauritius",dialCode:"+230",flag:"🇲🇺"},{code:"MX",name:"Mexico",dialCode:"+52",flag:"🇲🇽"},{code:"MD",name:"Moldova",dialCode:"+373",flag:"🇲🇩"},{code:"MC",name:"Monaco",dialCode:"+377",flag:"🇲🇨"},{code:"MN",name:"Mongolia",dialCode:"+976",flag:"🇲🇳"},{code:"ME",name:"Montenegro",dialCode:"+382",flag:"🇲🇪"},{code:"MA",name:"Morocco",dialCode:"+212",flag:"🇲🇦"},{code:"MZ",name:"Mozambique",dialCode:"+258",flag:"🇲🇿"},{code:"MM",name:"Myanmar",dialCode:"+95",flag:"🇲🇲"},{code:"NA",name:"Namibia",dialCode:"+264",flag:"🇳🇦"},{code:"NP",name:"Nepal",dialCode:"+977",flag:"🇳🇵"},{code:"NL",name:"Netherlands",dialCode:"+31",flag:"🇳🇱"},{code:"NZ",name:"New Zealand",dialCode:"+64",flag:"🇳🇿"},{code:"NI",name:"Nicaragua",dialCode:"+505",flag:"🇳🇮"},{code:"NE",name:"Niger",dialCode:"+227",flag:"🇳🇪"},{code:"NG",name:"Nigeria",dialCode:"+234",flag:"🇳🇬"},{code:"KP",name:"North Korea",dialCode:"+850",flag:"🇰🇵"},{code:"NO",name:"Norway",dialCode:"+47",flag:"🇳🇴"},{code:"OM",name:"Oman",dialCode:"+968",flag:"🇴🇲"},{code:"PK",name:"Pakistan",dialCode:"+92",flag:"🇵🇰"},{code:"PS",name:"Palestine",dialCode:"+970",flag:"🇵🇸"},{code:"PA",name:"Panama",dialCode:"+507",flag:"🇵🇦"},{code:"PG",name:"Papua New Guinea",dialCode:"+675",flag:"🇵🇬"},{code:"PY",name:"Paraguay",dialCode:"+595",flag:"🇵🇾"},{code:"PE",name:"Peru",dialCode:"+51",flag:"🇵🇪"},{code:"PH",name:"Philippines",dialCode:"+63",flag:"🇵🇭"},{code:"PL",name:"Poland",dialCode:"+48",flag:"🇵🇱"},{code:"PT",name:"Portugal",dialCode:"+351",flag:"🇵🇹"},{code:"PR",name:"Puerto Rico",dialCode:"+1",flag:"🇵🇷"},{code:"QA",name:"Qatar",dialCode:"+974",flag:"🇶🇦"},{code:"RO",name:"Romania",dialCode:"+40",flag:"🇷🇴"},{code:"RU",name:"Russia",dialCode:"+7",flag:"🇷🇺"},{code:"RW",name:"Rwanda",dialCode:"+250",flag:"🇷🇼"},{code:"SA",name:"Saudi Arabia",dialCode:"+966",flag:"🇸🇦"},{code:"SN",name:"Senegal",dialCode:"+221",flag:"🇸🇳"},{code:"RS",name:"Serbia",dialCode:"+381",flag:"🇷🇸"},{code:"SG",name:"Singapore",dialCode:"+65",flag:"🇸🇬"},{code:"SK",name:"Slovakia",dialCode:"+421",flag:"🇸🇰"},{code:"SI",name:"Slovenia",dialCode:"+386",flag:"🇸🇮"},{code:"SO",name:"Somalia",dialCode:"+252",flag:"🇸🇴"},{code:"ZA",name:"South Africa",dialCode:"+27",flag:"🇿🇦"},{code:"KR",name:"South Korea",dialCode:"+82",flag:"🇰🇷"},{code:"SS",name:"South Sudan",dialCode:"+211",flag:"🇸🇸"},{code:"ES",name:"Spain",dialCode:"+34",flag:"🇪🇸"},{code:"LK",name:"Sri Lanka",dialCode:"+94",flag:"🇱🇰"},{code:"SD",name:"Sudan",dialCode:"+249",flag:"🇸🇩"},{code:"SR",name:"Suriname",dialCode:"+597",flag:"🇸🇷"},{code:"SE",name:"Sweden",dialCode:"+46",flag:"🇸🇪"},{code:"CH",name:"Switzerland",dialCode:"+41",flag:"🇨🇭"},{code:"SY",name:"Syria",dialCode:"+963",flag:"🇸🇾"},{code:"TW",name:"Taiwan",dialCode:"+886",flag:"🇹🇼"},{code:"TJ",name:"Tajikistan",dialCode:"+992",flag:"🇹🇯"},{code:"TZ",name:"Tanzania",dialCode:"+255",flag:"🇹🇿"},{code:"TH",name:"Thailand",dialCode:"+66",flag:"🇹🇭"},{code:"TL",name:"Timor-Leste",dialCode:"+670",flag:"🇹🇱"},{code:"TG",name:"Togo",dialCode:"+228",flag:"🇹🇬"},{code:"TN",name:"Tunisia",dialCode:"+216",flag:"🇹🇳"},{code:"TR",name:"Turkey",dialCode:"+90",flag:"🇹🇷"},{code:"TM",name:"Turkmenistan",dialCode:"+993",flag:"🇹🇲"},{code:"UG",name:"Uganda",dialCode:"+256",flag:"🇺🇬"},{code:"UA",name:"Ukraine",dialCode:"+380",flag:"🇺🇦"},{code:"AE",name:"United Arab Emirates",dialCode:"+971",flag:"🇦🇪"},{code:"GB",name:"United Kingdom",dialCode:"+44",flag:"🇬🇧"},{code:"US",name:"United States",dialCode:"+1",flag:"🇺🇸"},{code:"UY",name:"Uruguay",dialCode:"+598",flag:"🇺🇾"},{code:"UZ",name:"Uzbekistan",dialCode:"+998",flag:"🇺🇿"},{code:"VE",name:"Venezuela",dialCode:"+58",flag:"🇻🇪"},{code:"VN",name:"Vietnam",dialCode:"+84",flag:"🇻🇳"},{code:"YE",name:"Yemen",dialCode:"+967",flag:"🇾🇪"},{code:"ZM",name:"Zambia",dialCode:"+260",flag:"🇿🇲"},{code:"ZW",name:"Zimbabwe",dialCode:"+263",flag:"🇿🇼"}];const e={US:{mask:"(###) ###-####",placeholder:"(555) 555-5555",maxLength:10},CA:{mask:"(###) ###-####",placeholder:"(555) 555-5555",maxLength:10},PR:{mask:"(###) ###-####",placeholder:"(555) 555-5555",maxLength:10},GB:{mask:"#### ######",placeholder:"7911 123456",maxLength:10},DE:{mask:"### ########",placeholder:"151 12345678",maxLength:11},FR:{mask:"# ## ## ## ##",placeholder:"6 12 34 56 78",maxLength:9},IT:{mask:"### ### ####",placeholder:"312 345 6789",maxLength:10},ES:{mask:"### ### ###",placeholder:"612 345 678",maxLength:9},NL:{mask:"# ########",placeholder:"6 12345678",maxLength:9},BE:{mask:"### ## ## ##",placeholder:"470 12 34 56",maxLength:9},CH:{mask:"## ### ## ##",placeholder:"78 123 45 67",maxLength:9},AT:{mask:"### #######",placeholder:"664 1234567",maxLength:10},SE:{mask:"##-### ## ##",placeholder:"70-123 45 67",maxLength:9},NO:{mask:"### ## ###",placeholder:"412 34 567",maxLength:8},DK:{mask:"## ## ## ##",placeholder:"20 12 34 56",maxLength:8},FI:{mask:"## ### ####",placeholder:"41 234 5678",maxLength:9},IE:{mask:"## ### ####",placeholder:"85 123 4567",maxLength:9},PL:{mask:"### ### ###",placeholder:"512 345 678",maxLength:9},PT:{mask:"### ### ###",placeholder:"912 345 678",maxLength:9},GR:{mask:"### ### ####",placeholder:"691 234 5678",maxLength:10},IL:{mask:"##-###-####",placeholder:"50-123-4567",maxLength:9},AE:{mask:"## ### ####",placeholder:"50 123 4567",maxLength:9},SA:{mask:"## ### ####",placeholder:"50 123 4567",maxLength:9},JO:{mask:"# #### ####",placeholder:"7 9012 3456",maxLength:9},JP:{mask:"##-####-####",placeholder:"90-1234-5678",maxLength:10},KR:{mask:"##-####-####",placeholder:"10-1234-5678",maxLength:10},CN:{mask:"### #### ####",placeholder:"131 2345 6789",maxLength:11},IN:{mask:"##### #####",placeholder:"98765 43210",maxLength:10},SG:{mask:"#### ####",placeholder:"8123 4567",maxLength:8},HK:{mask:"#### ####",placeholder:"9123 4567",maxLength:8},MY:{mask:"##-### ####",placeholder:"12-345 6789",maxLength:9},TH:{mask:"##-###-####",placeholder:"81-234-5678",maxLength:9},PH:{mask:"### ### ####",placeholder:"917 123 4567",maxLength:10},ID:{mask:"###-####-####",placeholder:"812-3456-7890",maxLength:11},VN:{mask:"## ### ## ##",placeholder:"91 234 56 78",maxLength:9},BR:{mask:"## #####-####",placeholder:"11 98765-4321",maxLength:11},MX:{mask:"## #### ####",placeholder:"55 1234 5678",maxLength:10},AR:{mask:"## ####-####",placeholder:"11 2345-6789",maxLength:10},CL:{mask:"# #### ####",placeholder:"9 1234 5678",maxLength:9},CO:{mask:"### ### ####",placeholder:"310 123 4567",maxLength:10},AU:{mask:"### ### ###",placeholder:"412 345 678",maxLength:9},NZ:{mask:"## ### ####",placeholder:"21 123 4567",maxLength:9},ZA:{mask:"## ### ####",placeholder:"82 123 4567",maxLength:9},NG:{mask:"### ### ####",placeholder:"803 123 4567",maxLength:10},EG:{mask:"### ### ####",placeholder:"100 123 4567",maxLength:10},KE:{mask:"### ######",placeholder:"712 345678",maxLength:9}},d={mask:"### ### ####",placeholder:"123 456 7890",maxLength:10};function o(a){return e[a.toUpperCase()]||d}exports.allCountries=a,exports.commonCountries=[{code:"US",name:"United States",dialCode:"+1",flag:"🇺🇸"},{code:"GB",name:"United Kingdom",dialCode:"+44",flag:"🇬🇧"},{code:"CA",name:"Canada",dialCode:"+1",flag:"🇨🇦"},{code:"AU",name:"Australia",dialCode:"+61",flag:"🇦🇺"},{code:"DE",name:"Germany",dialCode:"+49",flag:"🇩🇪"},{code:"FR",name:"France",dialCode:"+33",flag:"🇫🇷"},{code:"IT",name:"Italy",dialCode:"+39",flag:"🇮🇹"},{code:"ES",name:"Spain",dialCode:"+34",flag:"🇪🇸"},{code:"NL",name:"Netherlands",dialCode:"+31",flag:"🇳🇱"},{code:"BE",name:"Belgium",dialCode:"+32",flag:"🇧🇪"},{code:"CH",name:"Switzerland",dialCode:"+41",flag:"🇨🇭"},{code:"AT",name:"Austria",dialCode:"+43",flag:"🇦🇹"},{code:"SE",name:"Sweden",dialCode:"+46",flag:"🇸🇪"},{code:"NO",name:"Norway",dialCode:"+47",flag:"🇳🇴"},{code:"DK",name:"Denmark",dialCode:"+45",flag:"🇩🇰"},{code:"FI",name:"Finland",dialCode:"+358",flag:"🇫🇮"},{code:"IE",name:"Ireland",dialCode:"+353",flag:"🇮🇪"},{code:"IL",name:"Israel",dialCode:"+972",flag:"🇮🇱"},{code:"JP",name:"Japan",dialCode:"+81",flag:"🇯🇵"},{code:"KR",name:"South Korea",dialCode:"+82",flag:"🇰🇷"},{code:"CN",name:"China",dialCode:"+86",flag:"🇨🇳"},{code:"IN",name:"India",dialCode:"+91",flag:"🇮🇳"},{code:"SG",name:"Singapore",dialCode:"+65",flag:"🇸🇬"},{code:"HK",name:"Hong Kong",dialCode:"+852",flag:"🇭🇰"},{code:"BR",name:"Brazil",dialCode:"+55",flag:"🇧🇷"},{code:"MX",name:"Mexico",dialCode:"+52",flag:"🇲🇽"},{code:"AR",name:"Argentina",dialCode:"+54",flag:"🇦🇷"},{code:"ZA",name:"South Africa",dialCode:"+27",flag:"🇿🇦"},{code:"AE",name:"United Arab Emirates",dialCode:"+971",flag:"🇦🇪"},{code:"SA",name:"Saudi Arabia",dialCode:"+966",flag:"🇸🇦"}],exports.defaultCountries=[{code:"US",name:"United States",dialCode:"+1",flag:"🇺🇸"},{code:"IL",name:"Israel",dialCode:"+972",flag:"🇮🇱"},{code:"GB",name:"United Kingdom",dialCode:"+44",flag:"🇬🇧"},{code:"DE",name:"Germany",dialCode:"+49",flag:"🇩🇪"}],exports.defaultPhoneMask=d,exports.formatPhoneNumber=function(a,e){const d=a.replace(/\D/g,""),l=o(e),n=d.slice(0,l.maxLength);let i="",m=0;for(let o=0;o<l.mask.length&&m<n.length;o++)"#"===l.mask[o]?(i+=n[m],m++):i+=l.mask[o];return i},exports.getCountriesByDialCode=function(e){const d=e.startsWith("+")?e:`+${e}`;return a.filter(a=>a.dialCode===d)},exports.getCountryByCode=function(e){return a.find(a=>a.code===e.toUpperCase())},exports.getCountryByDialCode=function(e){const d=e.startsWith("+")?e:`+${e}`;return a.find(a=>a.dialCode===d)},exports.getPhoneDigits=function(a){return a.replace(/\D/g,"")},exports.getPhoneMask=o,exports.isValidPhoneLength=function(a,e){const d=a.replace(/\D/g,""),l=o(e);return d.length===l.maxLength},exports.phoneMasks=e,exports.searchCountries=function(e){const d=e.toLowerCase();return a.filter(a=>a.name.toLowerCase().includes(d))};
@@ -0,0 +1,332 @@
1
+ const allCountries = [
2
+ { code: "AF", name: "Afghanistan", dialCode: "+93", flag: "🇦🇫" },
3
+ { code: "AL", name: "Albania", dialCode: "+355", flag: "🇦🇱" },
4
+ { code: "DZ", name: "Algeria", dialCode: "+213", flag: "🇩🇿" },
5
+ { code: "AD", name: "Andorra", dialCode: "+376", flag: "🇦🇩" },
6
+ { code: "AO", name: "Angola", dialCode: "+244", flag: "🇦🇴" },
7
+ { code: "AR", name: "Argentina", dialCode: "+54", flag: "🇦🇷" },
8
+ { code: "AM", name: "Armenia", dialCode: "+374", flag: "🇦🇲" },
9
+ { code: "AU", name: "Australia", dialCode: "+61", flag: "🇦🇺" },
10
+ { code: "AT", name: "Austria", dialCode: "+43", flag: "🇦🇹" },
11
+ { code: "AZ", name: "Azerbaijan", dialCode: "+994", flag: "🇦🇿" },
12
+ { code: "BH", name: "Bahrain", dialCode: "+973", flag: "🇧🇭" },
13
+ { code: "BD", name: "Bangladesh", dialCode: "+880", flag: "🇧🇩" },
14
+ { code: "BY", name: "Belarus", dialCode: "+375", flag: "🇧🇾" },
15
+ { code: "BE", name: "Belgium", dialCode: "+32", flag: "🇧🇪" },
16
+ { code: "BZ", name: "Belize", dialCode: "+501", flag: "🇧🇿" },
17
+ { code: "BJ", name: "Benin", dialCode: "+229", flag: "🇧🇯" },
18
+ { code: "BT", name: "Bhutan", dialCode: "+975", flag: "🇧🇹" },
19
+ { code: "BO", name: "Bolivia", dialCode: "+591", flag: "🇧🇴" },
20
+ { code: "BA", name: "Bosnia and Herzegovina", dialCode: "+387", flag: "🇧🇦" },
21
+ { code: "BW", name: "Botswana", dialCode: "+267", flag: "🇧🇼" },
22
+ { code: "BR", name: "Brazil", dialCode: "+55", flag: "🇧🇷" },
23
+ { code: "BN", name: "Brunei", dialCode: "+673", flag: "🇧🇳" },
24
+ { code: "BG", name: "Bulgaria", dialCode: "+359", flag: "🇧🇬" },
25
+ { code: "BF", name: "Burkina Faso", dialCode: "+226", flag: "🇧🇫" },
26
+ { code: "BI", name: "Burundi", dialCode: "+257", flag: "🇧🇮" },
27
+ { code: "KH", name: "Cambodia", dialCode: "+855", flag: "🇰🇭" },
28
+ { code: "CM", name: "Cameroon", dialCode: "+237", flag: "🇨🇲" },
29
+ { code: "CA", name: "Canada", dialCode: "+1", flag: "🇨🇦" },
30
+ { code: "CV", name: "Cape Verde", dialCode: "+238", flag: "🇨🇻" },
31
+ { code: "CF", name: "Central African Republic", dialCode: "+236", flag: "🇨🇫" },
32
+ { code: "TD", name: "Chad", dialCode: "+235", flag: "🇹🇩" },
33
+ { code: "CL", name: "Chile", dialCode: "+56", flag: "🇨🇱" },
34
+ { code: "CN", name: "China", dialCode: "+86", flag: "🇨🇳" },
35
+ { code: "CO", name: "Colombia", dialCode: "+57", flag: "🇨🇴" },
36
+ { code: "KM", name: "Comoros", dialCode: "+269", flag: "🇰🇲" },
37
+ { code: "CG", name: "Congo", dialCode: "+242", flag: "🇨🇬" },
38
+ { code: "CD", name: "Congo (DRC)", dialCode: "+243", flag: "🇨🇩" },
39
+ { code: "CR", name: "Costa Rica", dialCode: "+506", flag: "🇨🇷" },
40
+ { code: "HR", name: "Croatia", dialCode: "+385", flag: "🇭🇷" },
41
+ { code: "CU", name: "Cuba", dialCode: "+53", flag: "🇨🇺" },
42
+ { code: "CY", name: "Cyprus", dialCode: "+357", flag: "🇨🇾" },
43
+ { code: "CZ", name: "Czech Republic", dialCode: "+420", flag: "🇨🇿" },
44
+ { code: "DK", name: "Denmark", dialCode: "+45", flag: "🇩🇰" },
45
+ { code: "DJ", name: "Djibouti", dialCode: "+253", flag: "🇩🇯" },
46
+ { code: "DO", name: "Dominican Republic", dialCode: "+1", flag: "🇩🇴" },
47
+ { code: "EC", name: "Ecuador", dialCode: "+593", flag: "🇪🇨" },
48
+ { code: "EG", name: "Egypt", dialCode: "+20", flag: "🇪🇬" },
49
+ { code: "SV", name: "El Salvador", dialCode: "+503", flag: "🇸🇻" },
50
+ { code: "GQ", name: "Equatorial Guinea", dialCode: "+240", flag: "🇬🇶" },
51
+ { code: "ER", name: "Eritrea", dialCode: "+291", flag: "🇪🇷" },
52
+ { code: "EE", name: "Estonia", dialCode: "+372", flag: "🇪🇪" },
53
+ { code: "SZ", name: "Eswatini", dialCode: "+268", flag: "🇸🇿" },
54
+ { code: "ET", name: "Ethiopia", dialCode: "+251", flag: "🇪🇹" },
55
+ { code: "FJ", name: "Fiji", dialCode: "+679", flag: "🇫🇯" },
56
+ { code: "FI", name: "Finland", dialCode: "+358", flag: "🇫🇮" },
57
+ { code: "FR", name: "France", dialCode: "+33", flag: "🇫🇷" },
58
+ { code: "GA", name: "Gabon", dialCode: "+241", flag: "🇬🇦" },
59
+ { code: "GM", name: "Gambia", dialCode: "+220", flag: "🇬🇲" },
60
+ { code: "GE", name: "Georgia", dialCode: "+995", flag: "🇬🇪" },
61
+ { code: "DE", name: "Germany", dialCode: "+49", flag: "🇩🇪" },
62
+ { code: "GH", name: "Ghana", dialCode: "+233", flag: "🇬🇭" },
63
+ { code: "GR", name: "Greece", dialCode: "+30", flag: "🇬🇷" },
64
+ { code: "GT", name: "Guatemala", dialCode: "+502", flag: "🇬🇹" },
65
+ { code: "GN", name: "Guinea", dialCode: "+224", flag: "🇬🇳" },
66
+ { code: "GW", name: "Guinea-Bissau", dialCode: "+245", flag: "🇬🇼" },
67
+ { code: "GY", name: "Guyana", dialCode: "+592", flag: "🇬🇾" },
68
+ { code: "HT", name: "Haiti", dialCode: "+509", flag: "🇭🇹" },
69
+ { code: "HN", name: "Honduras", dialCode: "+504", flag: "🇭🇳" },
70
+ { code: "HK", name: "Hong Kong", dialCode: "+852", flag: "🇭🇰" },
71
+ { code: "HU", name: "Hungary", dialCode: "+36", flag: "🇭🇺" },
72
+ { code: "IS", name: "Iceland", dialCode: "+354", flag: "🇮🇸" },
73
+ { code: "IN", name: "India", dialCode: "+91", flag: "🇮🇳" },
74
+ { code: "ID", name: "Indonesia", dialCode: "+62", flag: "🇮🇩" },
75
+ { code: "IR", name: "Iran", dialCode: "+98", flag: "🇮🇷" },
76
+ { code: "IQ", name: "Iraq", dialCode: "+964", flag: "🇮🇶" },
77
+ { code: "IE", name: "Ireland", dialCode: "+353", flag: "🇮🇪" },
78
+ { code: "IL", name: "Israel", dialCode: "+972", flag: "🇮🇱" },
79
+ { code: "IT", name: "Italy", dialCode: "+39", flag: "🇮🇹" },
80
+ { code: "CI", name: "Ivory Coast", dialCode: "+225", flag: "🇨🇮" },
81
+ { code: "JM", name: "Jamaica", dialCode: "+1", flag: "🇯🇲" },
82
+ { code: "JP", name: "Japan", dialCode: "+81", flag: "🇯🇵" },
83
+ { code: "JO", name: "Jordan", dialCode: "+962", flag: "🇯🇴" },
84
+ { code: "KZ", name: "Kazakhstan", dialCode: "+7", flag: "🇰🇿" },
85
+ { code: "KE", name: "Kenya", dialCode: "+254", flag: "🇰🇪" },
86
+ { code: "KW", name: "Kuwait", dialCode: "+965", flag: "🇰🇼" },
87
+ { code: "KG", name: "Kyrgyzstan", dialCode: "+996", flag: "🇰🇬" },
88
+ { code: "LA", name: "Laos", dialCode: "+856", flag: "🇱🇦" },
89
+ { code: "LV", name: "Latvia", dialCode: "+371", flag: "🇱🇻" },
90
+ { code: "LB", name: "Lebanon", dialCode: "+961", flag: "🇱🇧" },
91
+ { code: "LS", name: "Lesotho", dialCode: "+266", flag: "🇱🇸" },
92
+ { code: "LR", name: "Liberia", dialCode: "+231", flag: "🇱🇷" },
93
+ { code: "LY", name: "Libya", dialCode: "+218", flag: "🇱🇾" },
94
+ { code: "LI", name: "Liechtenstein", dialCode: "+423", flag: "🇱🇮" },
95
+ { code: "LT", name: "Lithuania", dialCode: "+370", flag: "🇱🇹" },
96
+ { code: "LU", name: "Luxembourg", dialCode: "+352", flag: "🇱🇺" },
97
+ { code: "MO", name: "Macau", dialCode: "+853", flag: "🇲🇴" },
98
+ { code: "MK", name: "North Macedonia", dialCode: "+389", flag: "🇲🇰" },
99
+ { code: "MG", name: "Madagascar", dialCode: "+261", flag: "🇲🇬" },
100
+ { code: "MW", name: "Malawi", dialCode: "+265", flag: "🇲🇼" },
101
+ { code: "MY", name: "Malaysia", dialCode: "+60", flag: "🇲🇾" },
102
+ { code: "MV", name: "Maldives", dialCode: "+960", flag: "🇲🇻" },
103
+ { code: "ML", name: "Mali", dialCode: "+223", flag: "🇲🇱" },
104
+ { code: "MT", name: "Malta", dialCode: "+356", flag: "🇲🇹" },
105
+ { code: "MR", name: "Mauritania", dialCode: "+222", flag: "🇲🇷" },
106
+ { code: "MU", name: "Mauritius", dialCode: "+230", flag: "🇲🇺" },
107
+ { code: "MX", name: "Mexico", dialCode: "+52", flag: "🇲🇽" },
108
+ { code: "MD", name: "Moldova", dialCode: "+373", flag: "🇲🇩" },
109
+ { code: "MC", name: "Monaco", dialCode: "+377", flag: "🇲🇨" },
110
+ { code: "MN", name: "Mongolia", dialCode: "+976", flag: "🇲🇳" },
111
+ { code: "ME", name: "Montenegro", dialCode: "+382", flag: "🇲🇪" },
112
+ { code: "MA", name: "Morocco", dialCode: "+212", flag: "🇲🇦" },
113
+ { code: "MZ", name: "Mozambique", dialCode: "+258", flag: "🇲🇿" },
114
+ { code: "MM", name: "Myanmar", dialCode: "+95", flag: "🇲🇲" },
115
+ { code: "NA", name: "Namibia", dialCode: "+264", flag: "🇳🇦" },
116
+ { code: "NP", name: "Nepal", dialCode: "+977", flag: "🇳🇵" },
117
+ { code: "NL", name: "Netherlands", dialCode: "+31", flag: "🇳🇱" },
118
+ { code: "NZ", name: "New Zealand", dialCode: "+64", flag: "🇳🇿" },
119
+ { code: "NI", name: "Nicaragua", dialCode: "+505", flag: "🇳🇮" },
120
+ { code: "NE", name: "Niger", dialCode: "+227", flag: "🇳🇪" },
121
+ { code: "NG", name: "Nigeria", dialCode: "+234", flag: "🇳🇬" },
122
+ { code: "KP", name: "North Korea", dialCode: "+850", flag: "🇰🇵" },
123
+ { code: "NO", name: "Norway", dialCode: "+47", flag: "🇳🇴" },
124
+ { code: "OM", name: "Oman", dialCode: "+968", flag: "🇴🇲" },
125
+ { code: "PK", name: "Pakistan", dialCode: "+92", flag: "🇵🇰" },
126
+ { code: "PS", name: "Palestine", dialCode: "+970", flag: "🇵🇸" },
127
+ { code: "PA", name: "Panama", dialCode: "+507", flag: "🇵🇦" },
128
+ { code: "PG", name: "Papua New Guinea", dialCode: "+675", flag: "🇵🇬" },
129
+ { code: "PY", name: "Paraguay", dialCode: "+595", flag: "🇵🇾" },
130
+ { code: "PE", name: "Peru", dialCode: "+51", flag: "🇵🇪" },
131
+ { code: "PH", name: "Philippines", dialCode: "+63", flag: "🇵🇭" },
132
+ { code: "PL", name: "Poland", dialCode: "+48", flag: "🇵🇱" },
133
+ { code: "PT", name: "Portugal", dialCode: "+351", flag: "🇵🇹" },
134
+ { code: "PR", name: "Puerto Rico", dialCode: "+1", flag: "🇵🇷" },
135
+ { code: "QA", name: "Qatar", dialCode: "+974", flag: "🇶🇦" },
136
+ { code: "RO", name: "Romania", dialCode: "+40", flag: "🇷🇴" },
137
+ { code: "RU", name: "Russia", dialCode: "+7", flag: "🇷🇺" },
138
+ { code: "RW", name: "Rwanda", dialCode: "+250", flag: "🇷🇼" },
139
+ { code: "SA", name: "Saudi Arabia", dialCode: "+966", flag: "🇸🇦" },
140
+ { code: "SN", name: "Senegal", dialCode: "+221", flag: "🇸🇳" },
141
+ { code: "RS", name: "Serbia", dialCode: "+381", flag: "🇷🇸" },
142
+ { code: "SG", name: "Singapore", dialCode: "+65", flag: "🇸🇬" },
143
+ { code: "SK", name: "Slovakia", dialCode: "+421", flag: "🇸🇰" },
144
+ { code: "SI", name: "Slovenia", dialCode: "+386", flag: "🇸🇮" },
145
+ { code: "SO", name: "Somalia", dialCode: "+252", flag: "🇸🇴" },
146
+ { code: "ZA", name: "South Africa", dialCode: "+27", flag: "🇿🇦" },
147
+ { code: "KR", name: "South Korea", dialCode: "+82", flag: "🇰🇷" },
148
+ { code: "SS", name: "South Sudan", dialCode: "+211", flag: "🇸🇸" },
149
+ { code: "ES", name: "Spain", dialCode: "+34", flag: "🇪🇸" },
150
+ { code: "LK", name: "Sri Lanka", dialCode: "+94", flag: "🇱🇰" },
151
+ { code: "SD", name: "Sudan", dialCode: "+249", flag: "🇸🇩" },
152
+ { code: "SR", name: "Suriname", dialCode: "+597", flag: "🇸🇷" },
153
+ { code: "SE", name: "Sweden", dialCode: "+46", flag: "🇸🇪" },
154
+ { code: "CH", name: "Switzerland", dialCode: "+41", flag: "🇨🇭" },
155
+ { code: "SY", name: "Syria", dialCode: "+963", flag: "🇸🇾" },
156
+ { code: "TW", name: "Taiwan", dialCode: "+886", flag: "🇹🇼" },
157
+ { code: "TJ", name: "Tajikistan", dialCode: "+992", flag: "🇹🇯" },
158
+ { code: "TZ", name: "Tanzania", dialCode: "+255", flag: "🇹🇿" },
159
+ { code: "TH", name: "Thailand", dialCode: "+66", flag: "🇹🇭" },
160
+ { code: "TL", name: "Timor-Leste", dialCode: "+670", flag: "🇹🇱" },
161
+ { code: "TG", name: "Togo", dialCode: "+228", flag: "🇹🇬" },
162
+ { code: "TN", name: "Tunisia", dialCode: "+216", flag: "🇹🇳" },
163
+ { code: "TR", name: "Turkey", dialCode: "+90", flag: "🇹🇷" },
164
+ { code: "TM", name: "Turkmenistan", dialCode: "+993", flag: "🇹🇲" },
165
+ { code: "UG", name: "Uganda", dialCode: "+256", flag: "🇺🇬" },
166
+ { code: "UA", name: "Ukraine", dialCode: "+380", flag: "🇺🇦" },
167
+ { code: "AE", name: "United Arab Emirates", dialCode: "+971", flag: "🇦🇪" },
168
+ { code: "GB", name: "United Kingdom", dialCode: "+44", flag: "🇬🇧" },
169
+ { code: "US", name: "United States", dialCode: "+1", flag: "🇺🇸" },
170
+ { code: "UY", name: "Uruguay", dialCode: "+598", flag: "🇺🇾" },
171
+ { code: "UZ", name: "Uzbekistan", dialCode: "+998", flag: "🇺🇿" },
172
+ { code: "VE", name: "Venezuela", dialCode: "+58", flag: "🇻🇪" },
173
+ { code: "VN", name: "Vietnam", dialCode: "+84", flag: "🇻🇳" },
174
+ { code: "YE", name: "Yemen", dialCode: "+967", flag: "🇾🇪" },
175
+ { code: "ZM", name: "Zambia", dialCode: "+260", flag: "🇿🇲" },
176
+ { code: "ZW", name: "Zimbabwe", dialCode: "+263", flag: "🇿🇼" }
177
+ ];
178
+ const commonCountries = [
179
+ { code: "US", name: "United States", dialCode: "+1", flag: "🇺🇸" },
180
+ { code: "GB", name: "United Kingdom", dialCode: "+44", flag: "🇬🇧" },
181
+ { code: "CA", name: "Canada", dialCode: "+1", flag: "🇨🇦" },
182
+ { code: "AU", name: "Australia", dialCode: "+61", flag: "🇦🇺" },
183
+ { code: "DE", name: "Germany", dialCode: "+49", flag: "🇩🇪" },
184
+ { code: "FR", name: "France", dialCode: "+33", flag: "🇫🇷" },
185
+ { code: "IT", name: "Italy", dialCode: "+39", flag: "🇮🇹" },
186
+ { code: "ES", name: "Spain", dialCode: "+34", flag: "🇪🇸" },
187
+ { code: "NL", name: "Netherlands", dialCode: "+31", flag: "🇳🇱" },
188
+ { code: "BE", name: "Belgium", dialCode: "+32", flag: "🇧🇪" },
189
+ { code: "CH", name: "Switzerland", dialCode: "+41", flag: "🇨🇭" },
190
+ { code: "AT", name: "Austria", dialCode: "+43", flag: "🇦🇹" },
191
+ { code: "SE", name: "Sweden", dialCode: "+46", flag: "🇸🇪" },
192
+ { code: "NO", name: "Norway", dialCode: "+47", flag: "🇳🇴" },
193
+ { code: "DK", name: "Denmark", dialCode: "+45", flag: "🇩🇰" },
194
+ { code: "FI", name: "Finland", dialCode: "+358", flag: "🇫🇮" },
195
+ { code: "IE", name: "Ireland", dialCode: "+353", flag: "🇮🇪" },
196
+ { code: "IL", name: "Israel", dialCode: "+972", flag: "🇮🇱" },
197
+ { code: "JP", name: "Japan", dialCode: "+81", flag: "🇯🇵" },
198
+ { code: "KR", name: "South Korea", dialCode: "+82", flag: "🇰🇷" },
199
+ { code: "CN", name: "China", dialCode: "+86", flag: "🇨🇳" },
200
+ { code: "IN", name: "India", dialCode: "+91", flag: "🇮🇳" },
201
+ { code: "SG", name: "Singapore", dialCode: "+65", flag: "🇸🇬" },
202
+ { code: "HK", name: "Hong Kong", dialCode: "+852", flag: "🇭🇰" },
203
+ { code: "BR", name: "Brazil", dialCode: "+55", flag: "🇧🇷" },
204
+ { code: "MX", name: "Mexico", dialCode: "+52", flag: "🇲🇽" },
205
+ { code: "AR", name: "Argentina", dialCode: "+54", flag: "🇦🇷" },
206
+ { code: "ZA", name: "South Africa", dialCode: "+27", flag: "🇿🇦" },
207
+ { code: "AE", name: "United Arab Emirates", dialCode: "+971", flag: "🇦🇪" },
208
+ { code: "SA", name: "Saudi Arabia", dialCode: "+966", flag: "🇸🇦" }
209
+ ];
210
+ const defaultCountries = [
211
+ { code: "US", name: "United States", dialCode: "+1", flag: "🇺🇸" },
212
+ { code: "IL", name: "Israel", dialCode: "+972", flag: "🇮🇱" },
213
+ { code: "GB", name: "United Kingdom", dialCode: "+44", flag: "🇬🇧" },
214
+ { code: "DE", name: "Germany", dialCode: "+49", flag: "🇩🇪" }
215
+ ];
216
+ function getCountryByCode(code) {
217
+ return allCountries.find((c) => c.code === code.toUpperCase());
218
+ }
219
+ function getCountryByDialCode(dialCode) {
220
+ const normalized = dialCode.startsWith("+") ? dialCode : `+${dialCode}`;
221
+ return allCountries.find((c) => c.dialCode === normalized);
222
+ }
223
+ function getCountriesByDialCode(dialCode) {
224
+ const normalized = dialCode.startsWith("+") ? dialCode : `+${dialCode}`;
225
+ return allCountries.filter((c) => c.dialCode === normalized);
226
+ }
227
+ function searchCountries(query) {
228
+ const lowerQuery = query.toLowerCase();
229
+ return allCountries.filter((c) => c.name.toLowerCase().includes(lowerQuery));
230
+ }
231
+ const phoneMasks = {
232
+ // North America (NANP)
233
+ US: { mask: "(###) ###-####", placeholder: "(555) 555-5555", maxLength: 10 },
234
+ CA: { mask: "(###) ###-####", placeholder: "(555) 555-5555", maxLength: 10 },
235
+ PR: { mask: "(###) ###-####", placeholder: "(555) 555-5555", maxLength: 10 },
236
+ // Europe
237
+ GB: { mask: "#### ######", placeholder: "7911 123456", maxLength: 10 },
238
+ DE: { mask: "### ########", placeholder: "151 12345678", maxLength: 11 },
239
+ FR: { mask: "# ## ## ## ##", placeholder: "6 12 34 56 78", maxLength: 9 },
240
+ IT: { mask: "### ### ####", placeholder: "312 345 6789", maxLength: 10 },
241
+ ES: { mask: "### ### ###", placeholder: "612 345 678", maxLength: 9 },
242
+ NL: { mask: "# ########", placeholder: "6 12345678", maxLength: 9 },
243
+ BE: { mask: "### ## ## ##", placeholder: "470 12 34 56", maxLength: 9 },
244
+ CH: { mask: "## ### ## ##", placeholder: "78 123 45 67", maxLength: 9 },
245
+ AT: { mask: "### #######", placeholder: "664 1234567", maxLength: 10 },
246
+ SE: { mask: "##-### ## ##", placeholder: "70-123 45 67", maxLength: 9 },
247
+ NO: { mask: "### ## ###", placeholder: "412 34 567", maxLength: 8 },
248
+ DK: { mask: "## ## ## ##", placeholder: "20 12 34 56", maxLength: 8 },
249
+ FI: { mask: "## ### ####", placeholder: "41 234 5678", maxLength: 9 },
250
+ IE: { mask: "## ### ####", placeholder: "85 123 4567", maxLength: 9 },
251
+ PL: { mask: "### ### ###", placeholder: "512 345 678", maxLength: 9 },
252
+ PT: { mask: "### ### ###", placeholder: "912 345 678", maxLength: 9 },
253
+ GR: { mask: "### ### ####", placeholder: "691 234 5678", maxLength: 10 },
254
+ // Middle East
255
+ IL: { mask: "##-###-####", placeholder: "50-123-4567", maxLength: 9 },
256
+ AE: { mask: "## ### ####", placeholder: "50 123 4567", maxLength: 9 },
257
+ SA: { mask: "## ### ####", placeholder: "50 123 4567", maxLength: 9 },
258
+ JO: { mask: "# #### ####", placeholder: "7 9012 3456", maxLength: 9 },
259
+ // Asia
260
+ JP: { mask: "##-####-####", placeholder: "90-1234-5678", maxLength: 10 },
261
+ KR: { mask: "##-####-####", placeholder: "10-1234-5678", maxLength: 10 },
262
+ CN: { mask: "### #### ####", placeholder: "131 2345 6789", maxLength: 11 },
263
+ IN: { mask: "##### #####", placeholder: "98765 43210", maxLength: 10 },
264
+ SG: { mask: "#### ####", placeholder: "8123 4567", maxLength: 8 },
265
+ HK: { mask: "#### ####", placeholder: "9123 4567", maxLength: 8 },
266
+ MY: { mask: "##-### ####", placeholder: "12-345 6789", maxLength: 9 },
267
+ TH: { mask: "##-###-####", placeholder: "81-234-5678", maxLength: 9 },
268
+ PH: { mask: "### ### ####", placeholder: "917 123 4567", maxLength: 10 },
269
+ ID: { mask: "###-####-####", placeholder: "812-3456-7890", maxLength: 11 },
270
+ VN: { mask: "## ### ## ##", placeholder: "91 234 56 78", maxLength: 9 },
271
+ // Americas
272
+ BR: { mask: "## #####-####", placeholder: "11 98765-4321", maxLength: 11 },
273
+ MX: { mask: "## #### ####", placeholder: "55 1234 5678", maxLength: 10 },
274
+ AR: { mask: "## ####-####", placeholder: "11 2345-6789", maxLength: 10 },
275
+ CL: { mask: "# #### ####", placeholder: "9 1234 5678", maxLength: 9 },
276
+ CO: { mask: "### ### ####", placeholder: "310 123 4567", maxLength: 10 },
277
+ // Oceania
278
+ AU: { mask: "### ### ###", placeholder: "412 345 678", maxLength: 9 },
279
+ NZ: { mask: "## ### ####", placeholder: "21 123 4567", maxLength: 9 },
280
+ // Africa
281
+ ZA: { mask: "## ### ####", placeholder: "82 123 4567", maxLength: 9 },
282
+ NG: { mask: "### ### ####", placeholder: "803 123 4567", maxLength: 10 },
283
+ EG: { mask: "### ### ####", placeholder: "100 123 4567", maxLength: 10 },
284
+ KE: { mask: "### ######", placeholder: "712 345678", maxLength: 9 }
285
+ };
286
+ const defaultPhoneMask = {
287
+ mask: "### ### ####",
288
+ placeholder: "123 456 7890",
289
+ maxLength: 10
290
+ };
291
+ function getPhoneMask(countryCode) {
292
+ return phoneMasks[countryCode.toUpperCase()] || defaultPhoneMask;
293
+ }
294
+ function formatPhoneNumber(value, countryCode) {
295
+ const digits = value.replace(/\D/g, "");
296
+ const mask = getPhoneMask(countryCode);
297
+ const limitedDigits = digits.slice(0, mask.maxLength);
298
+ let result = "";
299
+ let digitIndex = 0;
300
+ for (let i = 0; i < mask.mask.length && digitIndex < limitedDigits.length; i++) {
301
+ if (mask.mask[i] === "#") {
302
+ result += limitedDigits[digitIndex];
303
+ digitIndex++;
304
+ } else {
305
+ result += mask.mask[i];
306
+ }
307
+ }
308
+ return result;
309
+ }
310
+ function getPhoneDigits(formattedValue) {
311
+ return formattedValue.replace(/\D/g, "");
312
+ }
313
+ function isValidPhoneLength(value, countryCode) {
314
+ const digits = value.replace(/\D/g, "");
315
+ const mask = getPhoneMask(countryCode);
316
+ return digits.length === mask.maxLength;
317
+ }
318
+ export {
319
+ allCountries,
320
+ commonCountries,
321
+ defaultCountries,
322
+ defaultPhoneMask,
323
+ formatPhoneNumber,
324
+ getCountriesByDialCode,
325
+ getCountryByCode,
326
+ getCountryByDialCode,
327
+ getPhoneDigits,
328
+ getPhoneMask,
329
+ isValidPhoneLength,
330
+ phoneMasks,
331
+ searchCountries
332
+ };
package/dist/index36.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});process.env.NODE_ENV;exports.devWarn=e=>{};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index62.cjs"),s=require("./index31.cjs");;/* empty css */const i=require("./index37.cjs"),n=require("./index61.cjs"),l=t.forwardRef(({type:l="text",label:o,tooltip:a,error:c,helperText:u,fullWidth:d=!1,showPasswordToggle:h=!0,showLastChar:p=!0,lastCharDelay:g=500,validate:x,onValidationChange:f,className:w,id:j,onChange:v,onBlur:m,required:y,value:k,"data-cy":b,"data-testid":_,...C},$)=>{const[N,q]=t.useState(!1),[M,T]=t.useState(),[L,R]=t.useState(!1),[S,W]=t.useState(!1),E=t.useRef(!1),[B,P]=t.useState(""),D=t.useRef(""),F=t.useRef(null),I=t.useRef(null),O=i.useMergedRef($,I),V=t.useId(),z=j||V,A=`${z}-error`,H=`${z}-helper`,G=b||"input",J=_||"input",K="password"===l,Q=K&&h,U=K&&p&&!N&&void 0===k,X=K&&(N||U&&D.current.length>0)?"text":l,Y=o&&y&&!o.includes("*")?`${o} *`:o,Z=t.useMemo(()=>n.debounce(e=>{if(x&&E.current){const t=x(e);T(t),null==f||f(!t)}},300),[x,f]),ee=t.useRef(Z);t.useEffect(()=>{ee.current=Z},[Z]),t.useEffect(()=>{process.env.NODE_ENV},[K,p,k]),t.useEffect(()=>()=>{F.current&&clearTimeout(F.current),ee.current.cancel()},[]);const te=U&&void 0===k?B:N&&K&&void 0===k?D.current||"":k,re=c||M,se=C.disabled?"disabled":re?"error":L?"focus":S?"hover":"idle";return e.jsxs("div",{className:s.cn("input-wrapper",d&&"input-wrapper--full-width"),"data-cy":`${G}-wrapper`,"data-testid":`${J}-wrapper`,children:[(o||a)&&e.jsxs("div",{className:"input__label-row",children:[o&&e.jsx("label",{htmlFor:z,className:"input__label","data-cy":`${G}-label`,"data-testid":`${J}-label`,children:Y}),a&&e.jsx(r.Provider,{delayDuration:200,children:e.jsxs(r.Root,{children:[e.jsx(r.Trigger,{asChild:!0,children:e.jsx("button",{type:"button",className:"input__tooltip-trigger","aria-label":"More information","data-cy":`${G}-tooltip-trigger`,"data-testid":`${J}-tooltip-trigger`,children:e.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),e.jsx("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),e.jsx("circle",{cx:"6",cy:"4",r:"0.5",fill:"currentColor"})]})})}),e.jsx(r.Portal,{children:e.jsxs(r.Content,{className:"input__tooltip-content",side:"top",sideOffset:4,"data-cy":`${G}-tooltip-content`,"data-testid":`${J}-tooltip-content`,children:[a,e.jsx(r.Arrow,{className:"input__tooltip-arrow"})]})})]})})]}),e.jsxs("div",{className:"input__field-container",children:[e.jsx("input",{ref:O,id:z,type:X,value:te,className:s.cn("input",re&&"input--error",d&&"input--full-width",Q&&"input--with-toggle",w),"aria-invalid":re?"true":"false","aria-required":y?"true":void 0,"aria-describedby":re?A:u?H:void 0,"data-cy":G,"data-testid":J,"data-state":se,onChange:e=>{let t=e.target.value;if(U){const r=e.target.value,s=D.current,i=B.length;let n;if(0===r.length)n="";else if(r.length>i){const e=r.slice(i);n=s+e}else if(r.length<i)n=s.slice(0,r.length);else{const e=r.slice(-1);n=s.slice(0,-1)+e}D.current=n;const l=n?"•".repeat(n.length-1)+n.slice(-1):"";if(P(l),t=n,v){const t={...e,target:{...e.target,value:n},currentTarget:{...e.currentTarget,value:n}};v(t)}F.current&&clearTimeout(F.current),F.current=setTimeout(()=>{P("•".repeat(n.length))},g)}else null==v||v(e);E.current&&Z(t)},onFocus:e=>{var t;R(!0),null==(t=C.onFocus)||t.call(C,e)},onBlur:e=>{if(R(!1),E.current=!0,x){const t=U?D.current:e.target.value,r=x(t);T(r),null==f||f(!r)}null==m||m(e)},onMouseEnter:()=>{W(!0)},onMouseLeave:()=>{W(!1)},required:y,...C}),Q&&e.jsx("button",{type:"button",className:"input__toggle",onClick:()=>{q(e=>!e),setTimeout(()=>{var e;return null==(e=I.current)?void 0:e.focus()},0)},"aria-label":N?"Hide password":"Show password","data-cy":`${G}-toggle`,"data-testid":`${J}-toggle`,children:N?e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"})]}):e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"}),e.jsx("path",{d:"M3 3l14 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})})]}),re&&e.jsx("span",{id:A,className:"input__error",role:"alert","data-cy":`${G}-error`,"data-testid":`${J}-error`,children:re}),u&&!re&&e.jsx("span",{id:H,className:"input__helper","data-cy":`${G}-helper`,"data-testid":`${J}-helper`,children:u})]})});l.displayName="Input",exports.Input=l;