phone-input

1"use client";
2 
3import { mergeProps } from "@base-ui/react/merge-props";
4import type { Popover as PopoverPrimitive } from "@base-ui/react/popover";
5import { useRender } from "@base-ui/react/use-render";
6import { Check, ChevronDown } from "lucide-react";
7import * as React from "react";
8import { cn } from "@/lib/utils";
9import { VisuallyHiddenInput } from "@/registry/bases/base/components/visually-hidden-input";
10import { useAsRef } from "@/registry/bases/base/hooks/use-as-ref";
11import { useIsomorphicLayoutEffect } from "@/registry/bases/base/hooks/use-isomorphic-layout-effect";
12import { useLazyRef } from "@/registry/bases/base/hooks/use-lazy-ref";
13import { useComposedRefs } from "@/registry/bases/base/lib/compose-refs";
14import {
15  Command,
16  CommandEmpty,
17  CommandGroup,
18  CommandInput,
19  CommandItem,
20  CommandList,
21} from "@/registry/bases/base/ui/command";
22import { Input } from "@/registry/bases/base/ui/input";
23import {
24  Popover,
25  PopoverContent,
26  PopoverTrigger,
27} from "@/registry/bases/base/ui/popover";
28 
29const ROOT_NAME = "PhoneInput";
30const COUNTRY_SELECT_NAME = "PhoneInputCountrySelect";
31const FIELD_NAME = "PhoneInputField";
32 
33/**
34 * @see https://github.com/mukeshsoni/country-telephone-data/blob/master/country_telephone_data.js
35 * @format [iso2, dialCode]
36 */
37const COUNTRY_DATA: [string, string][] = [
38  ["af", "93"],
39  ["ax", "358"],
40  ["al", "355"],
41  ["dz", "213"],
42  ["as", "1684"],
43  ["ad", "376"],
44  ["ao", "244"],
45  ["ai", "1264"],
46  ["ag", "1268"],
47  ["ar", "54"],
48  ["am", "374"],
49  ["aw", "297"],
50  ["au", "61"],
51  ["at", "43"],
52  ["az", "994"],
53  ["bs", "1242"],
54  ["bh", "973"],
55  ["bd", "880"],
56  ["bb", "1246"],
57  ["by", "375"],
58  ["be", "32"],
59  ["bz", "501"],
60  ["bj", "229"],
61  ["bm", "1441"],
62  ["bt", "975"],
63  ["bo", "591"],
64  ["ba", "387"],
65  ["bw", "267"],
66  ["br", "55"],
67  ["io", "246"],
68  ["vg", "1284"],
69  ["bn", "673"],
70  ["bg", "359"],
71  ["bf", "226"],
72  ["bi", "257"],
73  ["kh", "855"],
74  ["cm", "237"],
75  ["ca", "1"],
76  ["cv", "238"],
77  ["bq", "599"],
78  ["ky", "1345"],
79  ["cf", "236"],
80  ["td", "235"],
81  ["cl", "56"],
82  ["cn", "86"],
83  ["co", "57"],
84  ["km", "269"],
85  ["cd", "243"],
86  ["cg", "242"],
87  ["ck", "682"],
88  ["cr", "506"],
89  ["ci", "225"],
90  ["hr", "385"],
91  ["cu", "53"],
92  ["cw", "599"],
93  ["cy", "357"],
94  ["cz", "420"],
95  ["dk", "45"],
96  ["dj", "253"],
97  ["dm", "1767"],
98  ["do", "1"],
99  ["ec", "593"],
100  ["eg", "20"],
101  ["sv", "503"],
102  ["gq", "240"],
103  ["er", "291"],
104  ["ee", "372"],
105  ["et", "251"],
106  ["fk", "500"],
107// … truncated