@greatapps/common 1.1.174 → 1.1.176

package/dist/components/ui/form/PhoneInput.mjs

@@ -1,119 +1,174 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import Image from "next/image";
-import { ChevronDown } from "lucide-react";
-import { Input } from "./Input";
-import { Separator } from "../data-display/Separator";
-import { cn } from "../../../infra/utils/clsx";
-const PHONE_COUNTRIES = [
-  { code: "+55", label: "Brasil", emoji: "\u{1F1E7}\u{1F1F7}" },
-  { code: "+1", label: "EUA", emoji: "\u{1F1FA}\u{1F1F8}" },
-  { code: "+351", label: "Portugal", emoji: "\u{1F1F5}\u{1F1F9}" },
-  { code: "+54", label: "Argentina", emoji: "\u{1F1E6}\u{1F1F7}" },
-  { code: "+56", label: "Chile", emoji: "\u{1F1E8}\u{1F1F1}" },
-  { code: "+52", label: "M\xE9xico", emoji: "\u{1F1F2}\u{1F1FD}" },
-  { code: "+44", label: "Reino Unido", emoji: "\u{1F1EC}\u{1F1E7}" },
-  { code: "+34", label: "Espanha", emoji: "\u{1F1EA}\u{1F1F8}" },
-  { code: "+49", label: "Alemanha", emoji: "\u{1F1E9}\u{1F1EA}" },
-  { code: "+33", label: "Fran\xE7a", emoji: "\u{1F1EB}\u{1F1F7}" },
-  { code: "+57", label: "Col\xF4mbia", emoji: "\u{1F1E8}\u{1F1F4}" },
-  { code: "+598", label: "Uruguai", emoji: "\u{1F1FA}\u{1F1FE}" }
-];
-const PhoneInput = forwardRef(
-  ({
-    label,
-    optional = false,
-    required = false,
-    hintMessage,
-    error = false,
-    errorMessage,
-    countryCode = "+55",
-    countryFlagSrc = "/icons/brazil-flag.svg",
-    countryFlagAlt = "Brazil flag",
-    className,
-    classnameContainer,
-    selectedCountry,
-    onCountryChange,
-    ...props
-  }, ref) => {
-    const finalMessage = error && errorMessage ? errorMessage : hintMessage;
-    const showMessage = finalMessage && finalMessage.trim() !== "";
-    const displayCode = selectedCountry ? selectedCountry.code : countryCode;
-    return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1.5"), children: [
-      label && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 paragraph-xsmall-semibold", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-gray-600", children: label }),
-        optional && /* @__PURE__ */ jsx("span", { className: "text-gray-500", children: "(Opcional)" }),
-        required && /* @__PURE__ */ jsx("span", { className: "text-red-600", children: "*" })
-      ] }),
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(
-            "flex gap-2 items-center border rounded-lg h-10 transition-colors",
-            error ? "border-red-600 hover:border-red-700" : "border-gray-200 hover:border-gray-400 focus-within:border-gray-950",
-            classnameContainer
-          ),
-          children: [
-            onCountryChange ? /* @__PURE__ */ jsxs("div", { className: "relative flex items-center gap-2 px-4 cursor-pointer shrink-0", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-base leading-none", children: selectedCountry?.emoji ?? "\u{1F1E7}\u{1F1F7}" }),
-              /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-gray-950", children: displayCode }),
-              /* @__PURE__ */ jsx(ChevronDown, { size: 14, className: "text-gray-500" }),
-              /* @__PURE__ */ jsx(
-                "select",
-                {
-                  className: "absolute inset-0 opacity-0 cursor-pointer w-full",
-                  value: displayCode,
-                  onChange: (e) => {
-                    const country = PHONE_COUNTRIES.find((c) => c.code === e.target.value);
-                    if (country) onCountryChange(country);
-                  },
-                  children: PHONE_COUNTRIES.map((c) => /* @__PURE__ */ jsxs("option", { value: c.code, children: [
-                    c.emoji,
-                    " ",
-                    c.code,
-                    " \u2014 ",
-                    c.label
-                  ] }, c.code))
-                }
-              )
-            ] }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-4", children: [
-              /* @__PURE__ */ jsx(
-                Image,
-                {
-                  src: countryFlagSrc,
-                  alt: countryFlagAlt,
-                  width: 20,
-                  height: 20,
-                  className: "h-5! w-5! rounded-full"
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-gray-950", children: countryCode })
-            ] }),
-            /* @__PURE__ */ jsx(Separator, { orientation: "vertical" }),
-            /* @__PURE__ */ jsx(
-              Input,
+import { useState, useEffect, useRef } from "react";
+import { AsYouType } from "libphonenumber-js";
+import { Input, Separator, Popover, PopoverTrigger, PopoverContent, cn } from "@greatapps/common";
+import { IconChevronDown, IconSearch } from "@tabler/icons-react";
+import { COUNTRIES, flagUrl, parsePhoneValue } from "../../../utils/countries";
+function formatNational(digits, iso) {
+  const raw = digits.replace(/\D/g, "");
+  if (!raw) return "";
+  return new AsYouType(iso).input(raw);
+}
+function PhoneInput({
+  value,
+  onChange,
+  label,
+  optional = false,
+  required = false,
+  hintMessage,
+  error = false,
+  errorMessage,
+  placeholder,
+  disabled = false,
+  classnameContainer,
+  className
+}) {
+  const parsed = parsePhoneValue(value ?? "");
+  const [selectedCountry, setSelectedCountry] = useState(parsed.country);
+  const [phoneNumber, setPhoneNumber] = useState(parsed.number);
+  const [search, setSearch] = useState("");
+  const [open, setOpen] = useState(false);
+  const prevValueRef = useRef(value);
+  const inputRef = useRef(null);
+  useEffect(() => {
+    if (value !== prevValueRef.current) {
+      prevValueRef.current = value;
+      const p = parsePhoneValue(value ?? "");
+      setSelectedCountry(p.country);
+      setPhoneNumber(formatNational(p.number, p.country.iso));
+    }
+  }, [value]);
+  const emit = (country, number) => {
+    onChange?.(`${country.dial} ${number}`);
+  };
+  const handleCountrySelect = (country) => {
+    const reformatted = formatNational(phoneNumber, country.iso);
+    setSelectedCountry(country);
+    setPhoneNumber(reformatted);
+    setOpen(false);
+    setSearch("");
+    emit(country, reformatted);
+  };
+  const handleNumberChange = (e) => {
+    const rawInput = e.target.value;
+    const cursorPos = e.target.selectionStart ?? rawInput.length;
+    const digitsBeforeCursor = rawInput.slice(0, cursorPos).replace(/\D/g, "").length;
+    const formatted = formatNational(rawInput, selectedCountry.iso);
+    setPhoneNumber(formatted);
+    emit(selectedCountry, formatted);
+    requestAnimationFrame(() => {
+      if (!inputRef.current) return;
+      let digitCount = 0;
+      let newPos = formatted.length;
+      for (let i = 0; i < formatted.length; i++) {
+        if (/\d/.test(formatted[i])) {
+          digitCount++;
+          if (digitCount === digitsBeforeCursor) {
+            newPos = i + 1;
+            break;
+          }
+        }
+      }
+      inputRef.current.setSelectionRange(newPos, newPos);
+    });
+  };
+  const filtered = COUNTRIES.filter(
+    (c) => c.name.toLowerCase().includes(search.toLowerCase()) || c.dial.includes(search) || c.iso.toLowerCase().includes(search.toLowerCase())
+  );
+  const finalMessage = error && errorMessage ? errorMessage : hintMessage;
+  const showMessage = finalMessage && finalMessage.trim() !== "";
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+    label && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 paragraph-xsmall-semibold", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-zinc-600", children: label }),
+      optional && /* @__PURE__ */ jsx("span", { className: "text-zinc-500", children: "(Opcional)" }),
+      required && /* @__PURE__ */ jsx("span", { className: "text-red-600", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex gap-2 items-center border rounded-lg h-10 transition-colors",
+          error ? "border-red-600 hover:border-red-700" : "border-zinc-200 hover:border-zinc-400 focus-within:border-zinc-950",
+          disabled && "opacity-50 cursor-not-allowed",
+          classnameContainer
+        ),
+        children: [
+          /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+            /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+              "button",
               {
-                ref,
-                type: "tel",
-                className: cn(
-                  "paragraph-small-medium w-full h-full text-gray-950 border-0 focus-visible:ring-0 focus-visible:ring-offset-0",
-                  className
-                ),
-                ...props
+                type: "button",
+                className: "flex items-center gap-1.5 px-3 h-full shrink-0 focus:outline-none",
+                disabled,
+                children: [
+                  /* @__PURE__ */ jsx("img", { src: flagUrl(selectedCountry.iso), alt: selectedCountry.iso, className: "w-5 h-5 rounded-full" }),
+                  /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-zinc-950", children: selectedCountry.dial }),
+                  /* @__PURE__ */ jsx(IconChevronDown, { size: 14, className: cn("text-zinc-500 transition-transform duration-200", open && "rotate-180") })
+                ]
               }
-            )
-          ]
-        }
-      ),
-      showMessage && /* @__PURE__ */ jsx("span", { className: cn("paragraph-xsmall-medium", error ? "text-red-600" : "text-gray-600"), children: finalMessage })
-    ] });
-  }
-);
-PhoneInput.displayName = "PhoneInput";
-var PhoneInput_default = PhoneInput;
+            ) }),
+            /* @__PURE__ */ jsxs(PopoverContent, { className: "w-72 p-0 z-[1010]", align: "start", side: "top", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 p-2 border-b border-zinc-100", children: [
+                /* @__PURE__ */ jsx(IconSearch, { size: 14, className: "text-zinc-400 shrink-0" }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "text",
+                    className: "flex-1 text-sm outline-none placeholder:text-zinc-400",
+                    placeholder: "Buscar pa\xEDs...",
+                    value: search,
+                    onChange: (e) => setSearch(e.target.value),
+                    autoFocus: true
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "max-h-60 overflow-y-auto overscroll-contain", onTouchMove: (e) => e.stopPropagation(), children: [
+                filtered.map((country) => /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    className: cn(
+                      "flex items-center gap-2.5 w-full px-3 py-2 text-left hover:bg-zinc-50 transition-colors",
+                      selectedCountry.iso === country.iso && "bg-zinc-100"
+                    ),
+                    onClick: () => handleCountrySelect(country),
+                    children: [
+                      /* @__PURE__ */ jsx("img", { src: flagUrl(country.iso), alt: country.iso, className: "w-5 h-5 rounded-full shrink-0" }),
+                      /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-zinc-950 flex-1 truncate", children: country.name }),
+                      /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-zinc-500 shrink-0", children: country.dial })
+                    ]
+                  },
+                  country.iso
+                )),
+                filtered.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-sm text-zinc-500 p-3 text-center", children: "Nenhum pa\xEDs encontrado" })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(Separator, { orientation: "vertical" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              ref: inputRef,
+              type: "tel",
+              value: phoneNumber,
+              onChange: handleNumberChange,
+              placeholder,
+              disabled,
+              className: cn(
+                "paragraph-small-medium w-full h-full text-zinc-950 border-0 focus-visible:ring-0 focus-visible:ring-offset-0",
+                disabled && "cursor-not-allowed",
+                className
+              )
+            }
+          )
+        ]
+      }
+    ),
+    showMessage && /* @__PURE__ */ jsx("span", { className: cn("paragraph-xsmall-medium", error ? "text-red-600" : "text-zinc-600"), children: finalMessage })
+  ] });
+}
 export {
-  PHONE_COUNTRIES,
-  PhoneInput_default as default
+  PhoneInput as default
 };
 //# sourceMappingURL=PhoneInput.mjs.map

package/dist/components/ui/form/PhoneInput.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ui/form/PhoneInput.tsx"],"sourcesContent":["'use client';\n\nimport { ComponentPropsWithoutRef, forwardRef } from 'react';\nimport Image from 'next/image';\nimport { ChevronDown } from 'lucide-react';\nimport { Input } from './Input';\nimport { Separator } from '../data-display/Separator';\nimport { cn } from '../../../infra/utils/clsx';\n\nexport interface PhoneCountry {\n  code: string;\n  label: string;\n  emoji: string;\n}\n\nexport const PHONE_COUNTRIES: PhoneCountry[] = [\n  { code: '+55', label: 'Brasil', emoji: '🇧🇷' },\n  { code: '+1', label: 'EUA', emoji: '🇺🇸' },\n  { code: '+351', label: 'Portugal', emoji: '🇵🇹' },\n  { code: '+54', label: 'Argentina', emoji: '🇦🇷' },\n  { code: '+56', label: 'Chile', emoji: '🇨🇱' },\n  { code: '+52', label: 'México', emoji: '🇲🇽' },\n  { code: '+44', label: 'Reino Unido', emoji: '🇬🇧' },\n  { code: '+34', label: 'Espanha', emoji: '🇪🇸' },\n  { code: '+49', label: 'Alemanha', emoji: '🇩🇪' },\n  { code: '+33', label: 'França', emoji: '🇫🇷' },\n  { code: '+57', label: 'Colômbia', emoji: '🇨🇴' },\n  { code: '+598', label: 'Uruguai', emoji: '🇺🇾' },\n];\n\ninterface PhoneInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'type'> {\n  label?: string;\n  optional?: boolean;\n  required?: boolean;\n  hintMessage?: string;\n  error?: boolean;\n  errorMessage?: string;\n  countryCode?: string;\n  countryFlagSrc?: string;\n  countryFlagAlt?: string;\n  classnameContainer?: string;\n  selectedCountry?: PhoneCountry;\n  onCountryChange?: (country: PhoneCountry) => void;\n}\n\nconst PhoneInput = forwardRef<HTMLInputElement, PhoneInputProps>(\n  (\n    {\n      label,\n      optional = false,\n      required = false,\n      hintMessage,\n      error = false,\n      errorMessage,\n      countryCode = '+55',\n      countryFlagSrc = '/icons/brazil-flag.svg',\n      countryFlagAlt = 'Brazil flag',\n      className,\n      classnameContainer,\n      selectedCountry,\n      onCountryChange,\n      ...props\n    },\n    ref\n  ) => {\n    const finalMessage = error && errorMessage ? errorMessage : hintMessage;\n    const showMessage = finalMessage && finalMessage.trim() !== '';\n\n    const displayCode = selectedCountry ? selectedCountry.code : countryCode;\n\n    return (\n      <div className={cn('flex flex-col gap-1.5')}>\n        {label && (\n          <div className=\"flex items-center gap-1 paragraph-xsmall-semibold\">\n            <span className=\"text-gray-600\">{label}</span>\n            {optional && <span className=\"text-gray-500\">(Opcional)</span>}\n            {required && <span className=\"text-red-600\">*</span>}\n          </div>\n        )}\n\n        <div\n          className={cn(\n            'flex gap-2 items-center border rounded-lg h-10 transition-colors',\n            error\n              ? 'border-red-600 hover:border-red-700'\n              : 'border-gray-200 hover:border-gray-400 focus-within:border-gray-950',\n            classnameContainer\n          )}\n        >\n          {onCountryChange ? (\n            <div className=\"relative flex items-center gap-2 px-4 cursor-pointer shrink-0\">\n              <span className=\"text-base leading-none\">{selectedCountry?.emoji ?? '🇧🇷'}</span>\n              <span className=\"paragraph-small-regular text-gray-950\">{displayCode}</span>\n              <ChevronDown size={14} className=\"text-gray-500\" />\n              <select\n                className=\"absolute inset-0 opacity-0 cursor-pointer w-full\"\n                value={displayCode}\n                onChange={(e) => {\n                  const country = PHONE_COUNTRIES.find((c) => c.code === e.target.value);\n                  if (country) onCountryChange(country);\n                }}\n              >\n                {PHONE_COUNTRIES.map((c) => (\n                  <option key={c.code} value={c.code}>\n                    {c.emoji} {c.code} — {c.label}\n                  </option>\n                ))}\n              </select>\n            </div>\n          ) : (\n            <div className=\"flex items-center gap-2 px-4\">\n              <Image\n                src={countryFlagSrc}\n                alt={countryFlagAlt}\n                width={20}\n                height={20}\n                className=\"h-5! w-5! rounded-full\"\n              />\n              <span className=\"paragraph-small-regular text-gray-950\">{countryCode}</span>\n            </div>\n          )}\n\n          <Separator orientation=\"vertical\" />\n\n          <Input\n            ref={ref}\n            type=\"tel\"\n            className={cn(\n              'paragraph-small-medium w-full h-full text-gray-950 border-0 focus-visible:ring-0 focus-visible:ring-offset-0',\n              className\n            )}\n            {...props}\n          />\n        </div>\n\n        {showMessage && (\n          <span className={cn('paragraph-xsmall-medium', error ? 'text-red-600' : 'text-gray-600')}>\n            {finalMessage}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nPhoneInput.displayName = 'PhoneInput';\n\nexport default PhoneInput;\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/components/ui/form/PhoneInput.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useEffect, useRef } from 'react';\nimport { AsYouType, CountryCode } from 'libphonenumber-js';\nimport { Input, Separator, Popover, PopoverTrigger, PopoverContent, cn } from '@greatapps/common';\nimport { IconChevronDown, IconSearch } from '@tabler/icons-react';\nimport { COUNTRIES, Country, flagUrl, parsePhoneValue } from '../../../utils/countries';\n\nfunction formatNational(digits: string, iso: string): string {\n  const raw = digits.replace(/\\D/g, '');\n  if (!raw) return '';\n  return new AsYouType(iso as CountryCode).input(raw);\n}\n\ninterface PhoneInputProps {\n  value?: string;\n  onChange?: (value: string) => void;\n  label?: string;\n  optional?: boolean;\n  required?: boolean;\n  hintMessage?: string;\n  error?: boolean;\n  errorMessage?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  classnameContainer?: string;\n  className?: string;\n}\n\nexport default function PhoneInput({\n  value,\n  onChange,\n  label,\n  optional = false,\n  required = false,\n  hintMessage,\n  error = false,\n  errorMessage,\n  placeholder,\n  disabled = false,\n  classnameContainer,\n  className,\n}: PhoneInputProps) {\n  const parsed = parsePhoneValue(value ?? '');\n  const [selectedCountry, setSelectedCountry] = useState<Country>(parsed.country);\n  const [phoneNumber, setPhoneNumber] = useState(parsed.number);\n  const [search, setSearch] = useState('');\n  const [open, setOpen] = useState(false);\n  const prevValueRef = useRef(value);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (value !== prevValueRef.current) {\n      prevValueRef.current = value;\n      const p = parsePhoneValue(value ?? '');\n      setSelectedCountry(p.country);\n      setPhoneNumber(formatNational(p.number, p.country.iso));\n    }\n  }, [value]);\n\n  const emit = (country: Country, number: string) => {\n    onChange?.(`${country.dial} ${number}`);\n  };\n\n  const handleCountrySelect = (country: Country) => {\n    const reformatted = formatNational(phoneNumber, country.iso);\n    setSelectedCountry(country);\n    setPhoneNumber(reformatted);\n    setOpen(false);\n    setSearch('');\n    emit(country, reformatted);\n  };\n\n  const handleNumberChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const rawInput = e.target.value;\n    const cursorPos = e.target.selectionStart ?? rawInput.length;\n    const digitsBeforeCursor = rawInput.slice(0, cursorPos).replace(/\\D/g, '').length;\n\n    const formatted = formatNational(rawInput, selectedCountry.iso);\n    setPhoneNumber(formatted);\n    emit(selectedCountry, formatted);\n\n    requestAnimationFrame(() => {\n      if (!inputRef.current) return;\n      let digitCount = 0;\n      let newPos = formatted.length;\n      for (let i = 0; i < formatted.length; i++) {\n        if (/\\d/.test(formatted[i])) {\n          digitCount++;\n          if (digitCount === digitsBeforeCursor) {\n            newPos = i + 1;\n            break;\n          }\n        }\n      }\n      inputRef.current.setSelectionRange(newPos, newPos);\n    });\n  };\n\n  const filtered = COUNTRIES.filter(\n    (c) =>\n      c.name.toLowerCase().includes(search.toLowerCase()) ||\n      c.dial.includes(search) ||\n      c.iso.toLowerCase().includes(search.toLowerCase())\n  );\n\n  const finalMessage = error && errorMessage ? errorMessage : hintMessage;\n  const showMessage = finalMessage && finalMessage.trim() !== '';\n\n  return (\n    <div className=\"flex flex-col gap-1.5\">\n      {label && (\n        <div className=\"flex items-center gap-1 paragraph-xsmall-semibold\">\n          <span className=\"text-zinc-600\">{label}</span>\n          {optional && <span className=\"text-zinc-500\">(Opcional)</span>}\n          {required && <span className=\"text-red-600\">*</span>}\n        </div>\n      )}\n\n      <div\n        className={cn(\n          'flex gap-2 items-center border rounded-lg h-10 transition-colors',\n          error\n            ? 'border-red-600 hover:border-red-700'\n            : 'border-zinc-200 hover:border-zinc-400 focus-within:border-zinc-950',\n          disabled && 'opacity-50 cursor-not-allowed',\n          classnameContainer\n        )}\n      >\n        <Popover open={open} onOpenChange={setOpen}>\n          <PopoverTrigger asChild>\n            <button\n              type=\"button\"\n              className=\"flex items-center gap-1.5 px-3 h-full shrink-0 focus:outline-none\"\n              disabled={disabled}\n            >\n              <img src={flagUrl(selectedCountry.iso)} alt={selectedCountry.iso} className=\"w-5 h-5 rounded-full\" />\n              <span className=\"paragraph-small-regular text-zinc-950\">{selectedCountry.dial}</span>\n              <IconChevronDown size={14} className={cn(\"text-zinc-500 transition-transform duration-200\", open && \"rotate-180\")} />\n            </button>\n          </PopoverTrigger>\n          <PopoverContent className=\"w-72 p-0 z-[1010]\" align=\"start\" side=\"top\">\n            <div className=\"flex items-center gap-2 p-2 border-b border-zinc-100\">\n              <IconSearch size={14} className=\"text-zinc-400 shrink-0\" />\n              <input\n                type=\"text\"\n                className=\"flex-1 text-sm outline-none placeholder:text-zinc-400\"\n                placeholder=\"Buscar país...\"\n                value={search}\n                onChange={(e) => setSearch(e.target.value)}\n                autoFocus\n              />\n            </div>\n            <div className=\"max-h-60 overflow-y-auto overscroll-contain\" onTouchMove={(e) => e.stopPropagation()}>\n              {filtered.map((country) => (\n                <button\n                  key={country.iso}\n                  type=\"button\"\n                  className={cn(\n                    'flex items-center gap-2.5 w-full px-3 py-2 text-left hover:bg-zinc-50 transition-colors',\n                    selectedCountry.iso === country.iso && 'bg-zinc-100'\n                  )}\n                  onClick={() => handleCountrySelect(country)}\n                >\n                  <img src={flagUrl(country.iso)} alt={country.iso} className=\"w-5 h-5 rounded-full shrink-0\" />\n                  <span className=\"paragraph-small-regular text-zinc-950 flex-1 truncate\">\n                    {country.name}\n                  </span>\n                  <span className=\"paragraph-small-regular text-zinc-500 shrink-0\">\n                    {country.dial}\n                  </span>\n                </button>\n              ))}\n              {filtered.length === 0 && (\n                <p className=\"text-sm text-zinc-500 p-3 text-center\">Nenhum país encontrado</p>\n              )}\n            </div>\n          </PopoverContent>\n        </Popover>\n\n        <Separator orientation=\"vertical\" />\n\n        <Input\n          ref={inputRef}\n          type=\"tel\"\n          value={phoneNumber}\n          onChange={handleNumberChange}\n          placeholder={placeholder}\n          disabled={disabled}\n          className={cn(\n            'paragraph-small-medium w-full h-full text-zinc-950 border-0 focus-visible:ring-0 focus-visible:ring-offset-0',\n            disabled && 'cursor-not-allowed',\n            className\n          )}\n        />\n      </div>\n\n      {showMessage && (\n        <span className={cn('paragraph-xsmall-medium', error ? 'text-red-600' : 'text-zinc-600')}>\n          {finalMessage}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/utils/countries.mjs

@@ -0,0 +1,219 @@
+function flagUrl(iso) {
+  return `https://hatscripts.github.io/circle-flags/flags/${iso.toLowerCase()}.svg`;
+}
+const COUNTRIES = [
+  { iso: "BR", name: "Brasil", dial: "+55" },
+  { iso: "US", name: "United States", dial: "+1" },
+  { iso: "PT", name: "Portugal", dial: "+351" },
+  { iso: "AF", name: "Afghanistan", dial: "+93" },
+  { iso: "AL", name: "Albania", dial: "+355" },
+  { iso: "DZ", name: "Algeria", dial: "+213" },
+  { iso: "AD", name: "Andorra", dial: "+376" },
+  { iso: "AO", name: "Angola", dial: "+244" },
+  { iso: "AG", name: "Antigua and Barbuda", dial: "+1268" },
+  { iso: "AR", name: "Argentina", dial: "+54" },
+  { iso: "AM", name: "Armenia", dial: "+374" },
+  { iso: "AU", name: "Australia", dial: "+61" },
+  { iso: "AT", name: "Austria", dial: "+43" },
+  { iso: "AZ", name: "Azerbaijan", dial: "+994" },
+  { iso: "BS", name: "Bahamas", dial: "+1242" },
+  { iso: "BH", name: "Bahrain", dial: "+973" },
+  { iso: "BD", name: "Bangladesh", dial: "+880" },
+  { iso: "BB", name: "Barbados", dial: "+1246" },
+  { iso: "BY", name: "Belarus", dial: "+375" },
+  { iso: "BE", name: "Belgium", dial: "+32" },
+  { iso: "BZ", name: "Belize", dial: "+501" },
+  { iso: "BJ", name: "Benin", dial: "+229" },
+  { iso: "BT", name: "Bhutan", dial: "+975" },
+  { iso: "BO", name: "Bolivia", dial: "+591" },
+  { iso: "BA", name: "Bosnia and Herzegovina", dial: "+387" },
+  { iso: "BW", name: "Botswana", dial: "+267" },
+  { iso: "BN", name: "Brunei", dial: "+673" },
+  { iso: "BG", name: "Bulgaria", dial: "+359" },
+  { iso: "BF", name: "Burkina Faso", dial: "+226" },
+  { iso: "BI", name: "Burundi", dial: "+257" },
+  { iso: "KH", name: "Cambodia", dial: "+855" },
+  { iso: "CM", name: "Cameroon", dial: "+237" },
+  { iso: "CA", name: "Canada", dial: "+1" },
+  { iso: "CV", name: "Cape Verde", dial: "+238" },
+  { iso: "CF", name: "Central African Republic", dial: "+236" },
+  { iso: "TD", name: "Chad", dial: "+235" },
+  { iso: "CL", name: "Chile", dial: "+56" },
+  { iso: "CN", name: "China", dial: "+86" },
+  { iso: "CO", name: "Colombia", dial: "+57" },
+  { iso: "KM", name: "Comoros", dial: "+269" },
+  { iso: "CG", name: "Congo", dial: "+242" },
+  { iso: "CD", name: "Congo (DR)", dial: "+243" },
+  { iso: "CR", name: "Costa Rica", dial: "+506" },
+  { iso: "HR", name: "Croatia", dial: "+385" },
+  { iso: "CU", name: "Cuba", dial: "+53" },
+  { iso: "CY", name: "Cyprus", dial: "+357" },
+  { iso: "CZ", name: "Czech Republic", dial: "+420" },
+  { iso: "DK", name: "Denmark", dial: "+45" },
+  { iso: "DJ", name: "Djibouti", dial: "+253" },
+  { iso: "DM", name: "Dominica", dial: "+1767" },
+  { iso: "DO", name: "Dominican Republic", dial: "+1809" },
+  { iso: "EC", name: "Ecuador", dial: "+593" },
+  { iso: "EG", name: "Egypt", dial: "+20" },
+  { iso: "SV", name: "El Salvador", dial: "+503" },
+  { iso: "GQ", name: "Equatorial Guinea", dial: "+240" },
+  { iso: "ER", name: "Eritrea", dial: "+291" },
+  { iso: "EE", name: "Estonia", dial: "+372" },
+  { iso: "SZ", name: "Eswatini", dial: "+268" },
+  { iso: "ET", name: "Ethiopia", dial: "+251" },
+  { iso: "FJ", name: "Fiji", dial: "+679" },
+  { iso: "FI", name: "Finland", dial: "+358" },
+  { iso: "FR", name: "France", dial: "+33" },
+  { iso: "GA", name: "Gabon", dial: "+241" },
+  { iso: "GM", name: "Gambia", dial: "+220" },
+  { iso: "GE", name: "Georgia", dial: "+995" },
+  { iso: "DE", name: "Germany", dial: "+49" },
+  { iso: "GH", name: "Ghana", dial: "+233" },
+  { iso: "GR", name: "Greece", dial: "+30" },
+  { iso: "GD", name: "Grenada", dial: "+1473" },
+  { iso: "GT", name: "Guatemala", dial: "+502" },
+  { iso: "GN", name: "Guinea", dial: "+224" },
+  { iso: "GW", name: "Guinea-Bissau", dial: "+245" },
+  { iso: "GY", name: "Guyana", dial: "+592" },
+  { iso: "HT", name: "Haiti", dial: "+509" },
+  { iso: "HN", name: "Honduras", dial: "+504" },
+  { iso: "HU", name: "Hungary", dial: "+36" },
+  { iso: "IS", name: "Iceland", dial: "+354" },
+  { iso: "IN", name: "India", dial: "+91" },
+  { iso: "ID", name: "Indonesia", dial: "+62" },
+  { iso: "IR", name: "Iran", dial: "+98" },
+  { iso: "IQ", name: "Iraq", dial: "+964" },
+  { iso: "IE", name: "Ireland", dial: "+353" },
+  { iso: "IL", name: "Israel", dial: "+972" },
+  { iso: "IT", name: "Italy", dial: "+39" },
+  { iso: "JM", name: "Jamaica", dial: "+1876" },
+  { iso: "JP", name: "Japan", dial: "+81" },
+  { iso: "JO", name: "Jordan", dial: "+962" },
+  { iso: "KZ", name: "Kazakhstan", dial: "+7" },
+  { iso: "KE", name: "Kenya", dial: "+254" },
+  { iso: "KI", name: "Kiribati", dial: "+686" },
+  { iso: "KW", name: "Kuwait", dial: "+965" },
+  { iso: "KG", name: "Kyrgyzstan", dial: "+996" },
+  { iso: "LA", name: "Laos", dial: "+856" },
+  { iso: "LV", name: "Latvia", dial: "+371" },
+  { iso: "LB", name: "Lebanon", dial: "+961" },
+  { iso: "LS", name: "Lesotho", dial: "+266" },
+  { iso: "LR", name: "Liberia", dial: "+231" },
+  { iso: "LY", name: "Libya", dial: "+218" },
+  { iso: "LI", name: "Liechtenstein", dial: "+423" },
+  { iso: "LT", name: "Lithuania", dial: "+370" },
+  { iso: "LU", name: "Luxembourg", dial: "+352" },
+  { iso: "MG", name: "Madagascar", dial: "+261" },
+  { iso: "MW", name: "Malawi", dial: "+265" },
+  { iso: "MY", name: "Malaysia", dial: "+60" },
+  { iso: "MV", name: "Maldives", dial: "+960" },
+  { iso: "ML", name: "Mali", dial: "+223" },
+  { iso: "MT", name: "Malta", dial: "+356" },
+  { iso: "MH", name: "Marshall Islands", dial: "+692" },
+  { iso: "MR", name: "Mauritania", dial: "+222" },
+  { iso: "MU", name: "Mauritius", dial: "+230" },
+  { iso: "MX", name: "Mexico", dial: "+52" },
+  { iso: "FM", name: "Micronesia", dial: "+691" },
+  { iso: "MD", name: "Moldova", dial: "+373" },
+  { iso: "MC", name: "Monaco", dial: "+377" },
+  { iso: "MN", name: "Mongolia", dial: "+976" },
+  { iso: "ME", name: "Montenegro", dial: "+382" },
+  { iso: "MA", name: "Morocco", dial: "+212" },
+  { iso: "MZ", name: "Mozambique", dial: "+258" },
+  { iso: "MM", name: "Myanmar", dial: "+95" },
+  { iso: "NA", name: "Namibia", dial: "+264" },
+  { iso: "NR", name: "Nauru", dial: "+674" },
+  { iso: "NP", name: "Nepal", dial: "+977" },
+  { iso: "NL", name: "Netherlands", dial: "+31" },
+  { iso: "NZ", name: "New Zealand", dial: "+64" },
+  { iso: "NI", name: "Nicaragua", dial: "+505" },
+  { iso: "NE", name: "Niger", dial: "+227" },
+  { iso: "NG", name: "Nigeria", dial: "+234" },
+  { iso: "KP", name: "North Korea", dial: "+850" },
+  { iso: "MK", name: "North Macedonia", dial: "+389" },
+  { iso: "NO", name: "Norway", dial: "+47" },
+  { iso: "OM", name: "Oman", dial: "+968" },
+  { iso: "PK", name: "Pakistan", dial: "+92" },
+  { iso: "PW", name: "Palau", dial: "+680" },
+  { iso: "PS", name: "Palestine", dial: "+970" },
+  { iso: "PA", name: "Panama", dial: "+507" },
+  { iso: "PG", name: "Papua New Guinea", dial: "+675" },
+  { iso: "PY", name: "Paraguay", dial: "+595" },
+  { iso: "PE", name: "Peru", dial: "+51" },
+  { iso: "PH", name: "Philippines", dial: "+63" },
+  { iso: "PL", name: "Poland", dial: "+48" },
+  { iso: "QA", name: "Qatar", dial: "+974" },
+  { iso: "RO", name: "Romania", dial: "+40" },
+  { iso: "RU", name: "Russia", dial: "+7" },
+  { iso: "RW", name: "Rwanda", dial: "+250" },
+  { iso: "KN", name: "Saint Kitts and Nevis", dial: "+1869" },
+  { iso: "LC", name: "Saint Lucia", dial: "+1758" },
+  { iso: "VC", name: "Saint Vincent and the Grenadines", dial: "+1784" },
+  { iso: "WS", name: "Samoa", dial: "+685" },
+  { iso: "SM", name: "San Marino", dial: "+378" },
+  { iso: "ST", name: "S\xE3o Tom\xE9 and Pr\xEDncipe", dial: "+239" },
+  { iso: "SA", name: "Saudi Arabia", dial: "+966" },
+  { iso: "SN", name: "Senegal", dial: "+221" },
+  { iso: "RS", name: "Serbia", dial: "+381" },
+  { iso: "SC", name: "Seychelles", dial: "+248" },
+  { iso: "SL", name: "Sierra Leone", dial: "+232" },
+  { iso: "SG", name: "Singapore", dial: "+65" },
+  { iso: "SK", name: "Slovakia", dial: "+421" },
+  { iso: "SI", name: "Slovenia", dial: "+386" },
+  { iso: "SB", name: "Solomon Islands", dial: "+677" },
+  { iso: "SO", name: "Somalia", dial: "+252" },
+  { iso: "ZA", name: "South Africa", dial: "+27" },
+  { iso: "KR", name: "South Korea", dial: "+82" },
+  { iso: "SS", name: "South Sudan", dial: "+211" },
+  { iso: "ES", name: "Spain", dial: "+34" },
+  { iso: "LK", name: "Sri Lanka", dial: "+94" },
+  { iso: "SD", name: "Sudan", dial: "+249" },
+  { iso: "SR", name: "Suriname", dial: "+597" },
+  { iso: "SE", name: "Sweden", dial: "+46" },
+  { iso: "CH", name: "Switzerland", dial: "+41" },
+  { iso: "SY", name: "Syria", dial: "+963" },
+  { iso: "TW", name: "Taiwan", dial: "+886" },
+  { iso: "TJ", name: "Tajikistan", dial: "+992" },
+  { iso: "TZ", name: "Tanzania", dial: "+255" },
+  { iso: "TH", name: "Thailand", dial: "+66" },
+  { iso: "TL", name: "Timor-Leste", dial: "+670" },
+  { iso: "TG", name: "Togo", dial: "+228" },
+  { iso: "TO", name: "Tonga", dial: "+676" },
+  { iso: "TT", name: "Trinidad and Tobago", dial: "+1868" },
+  { iso: "TN", name: "Tunisia", dial: "+216" },
+  { iso: "TR", name: "Turkey", dial: "+90" },
+  { iso: "TM", name: "Turkmenistan", dial: "+993" },
+  { iso: "TV", name: "Tuvalu", dial: "+688" },
+  { iso: "UG", name: "Uganda", dial: "+256" },
+  { iso: "UA", name: "Ukraine", dial: "+380" },
+  { iso: "AE", name: "United Arab Emirates", dial: "+971" },
+  { iso: "GB", name: "United Kingdom", dial: "+44" },
+  { iso: "UY", name: "Uruguay", dial: "+598" },
+  { iso: "UZ", name: "Uzbekistan", dial: "+998" },
+  { iso: "VU", name: "Vanuatu", dial: "+678" },
+  { iso: "VE", name: "Venezuela", dial: "+58" },
+  { iso: "VN", name: "Vietnam", dial: "+84" },
+  { iso: "YE", name: "Yemen", dial: "+967" },
+  { iso: "ZM", name: "Zambia", dial: "+260" },
+  { iso: "ZW", name: "Zimbabwe", dial: "+263" }
+];
+const SORTED_BY_DIAL_LENGTH = [...COUNTRIES].sort(
+  (a, b) => b.dial.length - a.dial.length
+);
+const DEFAULT_COUNTRY = COUNTRIES[0];
+function parsePhoneValue(value) {
+  if (!value) return { country: DEFAULT_COUNTRY, number: "" };
+  for (const country of SORTED_BY_DIAL_LENGTH) {
+    const prefix = country.dial + " ";
+    if (value.startsWith(prefix)) {
+      return { country, number: value.slice(prefix.length) };
+    }
+  }
+  return { country: DEFAULT_COUNTRY, number: value };
+}
+export {
+  COUNTRIES,
+  flagUrl,
+  parsePhoneValue
+};
+//# sourceMappingURL=countries.mjs.map

package/dist/utils/countries.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/countries.ts"],"sourcesContent":["export interface Country {\n  iso: string;\n  name: string;\n  dial: string;\n}\n\nexport function flagUrl(iso: string): string {\n  return `https://hatscripts.github.io/circle-flags/flags/${iso.toLowerCase()}.svg`;\n}\n\nexport const COUNTRIES: Country[] = [\n  { iso: 'BR', name: 'Brasil', dial: '+55' },\n  { iso: 'US', name: 'United States', dial: '+1' },\n  { iso: 'PT', name: 'Portugal', dial: '+351' },\n  { iso: 'AF', name: 'Afghanistan', dial: '+93' },\n  { iso: 'AL', name: 'Albania', dial: '+355' },\n  { iso: 'DZ', name: 'Algeria', dial: '+213' },\n  { iso: 'AD', name: 'Andorra', dial: '+376' },\n  { iso: 'AO', name: 'Angola', dial: '+244' },\n  { iso: 'AG', name: 'Antigua and Barbuda', dial: '+1268' },\n  { iso: 'AR', name: 'Argentina', dial: '+54' },\n  { iso: 'AM', name: 'Armenia', dial: '+374' },\n  { iso: 'AU', name: 'Australia', dial: '+61' },\n  { iso: 'AT', name: 'Austria', dial: '+43' },\n  { iso: 'AZ', name: 'Azerbaijan', dial: '+994' },\n  { iso: 'BS', name: 'Bahamas', dial: '+1242' },\n  { iso: 'BH', name: 'Bahrain', dial: '+973' },\n  { iso: 'BD', name: 'Bangladesh', dial: '+880' },\n  { iso: 'BB', name: 'Barbados', dial: '+1246' },\n  { iso: 'BY', name: 'Belarus', dial: '+375' },\n  { iso: 'BE', name: 'Belgium', dial: '+32' },\n  { iso: 'BZ', name: 'Belize', dial: '+501' },\n  { iso: 'BJ', name: 'Benin', dial: '+229' },\n  { iso: 'BT', name: 'Bhutan', dial: '+975' },\n  { iso: 'BO', name: 'Bolivia', dial: '+591' },\n  { iso: 'BA', name: 'Bosnia and Herzegovina', dial: '+387' },\n  { iso: 'BW', name: 'Botswana', dial: '+267' },\n  { iso: 'BN', name: 'Brunei', dial: '+673' },\n  { iso: 'BG', name: 'Bulgaria', dial: '+359' },\n  { iso: 'BF', name: 'Burkina Faso', dial: '+226' },\n  { iso: 'BI', name: 'Burundi', dial: '+257' },\n  { iso: 'KH', name: 'Cambodia', dial: '+855' },\n  { iso: 'CM', name: 'Cameroon', dial: '+237' },\n  { iso: 'CA', name: 'Canada', dial: '+1' },\n  { iso: 'CV', name: 'Cape Verde', dial: '+238' },\n  { iso: 'CF', name: 'Central African Republic', dial: '+236' },\n  { iso: 'TD', name: 'Chad', dial: '+235' },\n  { iso: 'CL', name: 'Chile', dial: '+56' },\n  { iso: 'CN', name: 'China', dial: '+86' },\n  { iso: 'CO', name: 'Colombia', dial: '+57' },\n  { iso: 'KM', name: 'Comoros', dial: '+269' },\n  { iso: 'CG', name: 'Congo', dial: '+242' },\n  { iso: 'CD', name: 'Congo (DR)', dial: '+243' },\n  { iso: 'CR', name: 'Costa Rica', dial: '+506' },\n  { iso: 'HR', name: 'Croatia', dial: '+385' },\n  { iso: 'CU', name: 'Cuba', dial: '+53' },\n  { iso: 'CY', name: 'Cyprus', dial: '+357' },\n  { iso: 'CZ', name: 'Czech Republic', dial: '+420' },\n  { iso: 'DK', name: 'Denmark', dial: '+45' },\n  { iso: 'DJ', name: 'Djibouti', dial: '+253' },\n  { iso: 'DM', name: 'Dominica', dial: '+1767' },\n  { iso: 'DO', name: 'Dominican Republic', dial: '+1809' },\n  { iso: 'EC', name: 'Ecuador', dial: '+593' },\n  { iso: 'EG', name: 'Egypt', dial: '+20' },\n  { iso: 'SV', name: 'El Salvador', dial: '+503' },\n  { iso: 'GQ', name: 'Equatorial Guinea', dial: '+240' },\n  { iso: 'ER', name: 'Eritrea', dial: '+291' },\n  { iso: 'EE', name: 'Estonia', dial: '+372' },\n  { iso: 'SZ', name: 'Eswatini', dial: '+268' },\n  { iso: 'ET', name: 'Ethiopia', dial: '+251' },\n  { iso: 'FJ', name: 'Fiji', dial: '+679' },\n  { iso: 'FI', name: 'Finland', dial: '+358' },\n  { iso: 'FR', name: 'France', dial: '+33' },\n  { iso: 'GA', name: 'Gabon', dial: '+241' },\n  { iso: 'GM', name: 'Gambia', dial: '+220' },\n  { iso: 'GE', name: 'Georgia', dial: '+995' },\n  { iso: 'DE', name: 'Germany', dial: '+49' },\n  { iso: 'GH', name: 'Ghana', dial: '+233' },\n  { iso: 'GR', name: 'Greece', dial: '+30' },\n  { iso: 'GD', name: 'Grenada', dial: '+1473' },\n  { iso: 'GT', name: 'Guatemala', dial: '+502' },\n  { iso: 'GN', name: 'Guinea', dial: '+224' },\n  { iso: 'GW', name: 'Guinea-Bissau', dial: '+245' },\n  { iso: 'GY', name: 'Guyana', dial: '+592' },\n  { iso: 'HT', name: 'Haiti', dial: '+509' },\n  { iso: 'HN', name: 'Honduras', dial: '+504' },\n  { iso: 'HU', name: 'Hungary', dial: '+36' },\n  { iso: 'IS', name: 'Iceland', dial: '+354' },\n  { iso: 'IN', name: 'India', dial: '+91' },\n  { iso: 'ID', name: 'Indonesia', dial: '+62' },\n  { iso: 'IR', name: 'Iran', dial: '+98' },\n  { iso: 'IQ', name: 'Iraq', dial: '+964' },\n  { iso: 'IE', name: 'Ireland', dial: '+353' },\n  { iso: 'IL', name: 'Israel', dial: '+972' },\n  { iso: 'IT', name: 'Italy', dial: '+39' },\n  { iso: 'JM', name: 'Jamaica', dial: '+1876' },\n  { iso: 'JP', name: 'Japan', dial: '+81' },\n  { iso: 'JO', name: 'Jordan', dial: '+962' },\n  { iso: 'KZ', name: 'Kazakhstan', dial: '+7' },\n  { iso: 'KE', name: 'Kenya', dial: '+254' },\n  { iso: 'KI', name: 'Kiribati', dial: '+686' },\n  { iso: 'KW', name: 'Kuwait', dial: '+965' },\n  { iso: 'KG', name: 'Kyrgyzstan', dial: '+996' },\n  { iso: 'LA', name: 'Laos', dial: '+856' },\n  { iso: 'LV', name: 'Latvia', dial: '+371' },\n  { iso: 'LB', name: 'Lebanon', dial: '+961' },\n  { iso: 'LS', name: 'Lesotho', dial: '+266' },\n  { iso: 'LR', name: 'Liberia', dial: '+231' },\n  { iso: 'LY', name: 'Libya', dial: '+218' },\n  { iso: 'LI', name: 'Liechtenstein', dial: '+423' },\n  { iso: 'LT', name: 'Lithuania', dial: '+370' },\n  { iso: 'LU', name: 'Luxembourg', dial: '+352' },\n  { iso: 'MG', name: 'Madagascar', dial: '+261' },\n  { iso: 'MW', name: 'Malawi', dial: '+265' },\n  { iso: 'MY', name: 'Malaysia', dial: '+60' },\n  { iso: 'MV', name: 'Maldives', dial: '+960' },\n  { iso: 'ML', name: 'Mali', dial: '+223' },\n  { iso: 'MT', name: 'Malta', dial: '+356' },\n  { iso: 'MH', name: 'Marshall Islands', dial: '+692' },\n  { iso: 'MR', name: 'Mauritania', dial: '+222' },\n  { iso: 'MU', name: 'Mauritius', dial: '+230' },\n  { iso: 'MX', name: 'Mexico', dial: '+52' },\n  { iso: 'FM', name: 'Micronesia', dial: '+691' },\n  { iso: 'MD', name: 'Moldova', dial: '+373' },\n  { iso: 'MC', name: 'Monaco', dial: '+377' },\n  { iso: 'MN', name: 'Mongolia', dial: '+976' },\n  { iso: 'ME', name: 'Montenegro', dial: '+382' },\n  { iso: 'MA', name: 'Morocco', dial: '+212' },\n  { iso: 'MZ', name: 'Mozambique', dial: '+258' },\n  { iso: 'MM', name: 'Myanmar', dial: '+95' },\n  { iso: 'NA', name: 'Namibia', dial: '+264' },\n  { iso: 'NR', name: 'Nauru', dial: '+674' },\n  { iso: 'NP', name: 'Nepal', dial: '+977' },\n  { iso: 'NL', name: 'Netherlands', dial: '+31' },\n  { iso: 'NZ', name: 'New Zealand', dial: '+64' },\n  { iso: 'NI', name: 'Nicaragua', dial: '+505' },\n  { iso: 'NE', name: 'Niger', dial: '+227' },\n  { iso: 'NG', name: 'Nigeria', dial: '+234' },\n  { iso: 'KP', name: 'North Korea', dial: '+850' },\n  { iso: 'MK', name: 'North Macedonia', dial: '+389' },\n  { iso: 'NO', name: 'Norway', dial: '+47' },\n  { iso: 'OM', name: 'Oman', dial: '+968' },\n  { iso: 'PK', name: 'Pakistan', dial: '+92' },\n  { iso: 'PW', name: 'Palau', dial: '+680' },\n  { iso: 'PS', name: 'Palestine', dial: '+970' },\n  { iso: 'PA', name: 'Panama', dial: '+507' },\n  { iso: 'PG', name: 'Papua New Guinea', dial: '+675' },\n  { iso: 'PY', name: 'Paraguay', dial: '+595' },\n  { iso: 'PE', name: 'Peru', dial: '+51' },\n  { iso: 'PH', name: 'Philippines', dial: '+63' },\n  { iso: 'PL', name: 'Poland', dial: '+48' },\n  { iso: 'QA', name: 'Qatar', dial: '+974' },\n  { iso: 'RO', name: 'Romania', dial: '+40' },\n  { iso: 'RU', name: 'Russia', dial: '+7' },\n  { iso: 'RW', name: 'Rwanda', dial: '+250' },\n  { iso: 'KN', name: 'Saint Kitts and Nevis', dial: '+1869' },\n  { iso: 'LC', name: 'Saint Lucia', dial: '+1758' },\n  { iso: 'VC', name: 'Saint Vincent and the Grenadines', dial: '+1784' },\n  { iso: 'WS', name: 'Samoa', dial: '+685' },\n  { iso: 'SM', name: 'San Marino', dial: '+378' },\n  { iso: 'ST', name: 'São Tomé and Príncipe', dial: '+239' },\n  { iso: 'SA', name: 'Saudi Arabia', dial: '+966' },\n  { iso: 'SN', name: 'Senegal', dial: '+221' },\n  { iso: 'RS', name: 'Serbia', dial: '+381' },\n  { iso: 'SC', name: 'Seychelles', dial: '+248' },\n  { iso: 'SL', name: 'Sierra Leone', dial: '+232' },\n  { iso: 'SG', name: 'Singapore', dial: '+65' },\n  { iso: 'SK', name: 'Slovakia', dial: '+421' },\n  { iso: 'SI', name: 'Slovenia', dial: '+386' },\n  { iso: 'SB', name: 'Solomon Islands', dial: '+677' },\n  { iso: 'SO', name: 'Somalia', dial: '+252' },\n  { iso: 'ZA', name: 'South Africa', dial: '+27' },\n  { iso: 'KR', name: 'South Korea', dial: '+82' },\n  { iso: 'SS', name: 'South Sudan', dial: '+211' },\n  { iso: 'ES', name: 'Spain', dial: '+34' },\n  { iso: 'LK', name: 'Sri Lanka', dial: '+94' },\n  { iso: 'SD', name: 'Sudan', dial: '+249' },\n  { iso: 'SR', name: 'Suriname', dial: '+597' },\n  { iso: 'SE', name: 'Sweden', dial: '+46' },\n  { iso: 'CH', name: 'Switzerland', dial: '+41' },\n  { iso: 'SY', name: 'Syria', dial: '+963' },\n  { iso: 'TW', name: 'Taiwan', dial: '+886' },\n  { iso: 'TJ', name: 'Tajikistan', dial: '+992' },\n  { iso: 'TZ', name: 'Tanzania', dial: '+255' },\n  { iso: 'TH', name: 'Thailand', dial: '+66' },\n  { iso: 'TL', name: 'Timor-Leste', dial: '+670' },\n  { iso: 'TG', name: 'Togo', dial: '+228' },\n  { iso: 'TO', name: 'Tonga', dial: '+676' },\n  { iso: 'TT', name: 'Trinidad and Tobago', dial: '+1868' },\n  { iso: 'TN', name: 'Tunisia', dial: '+216' },\n  { iso: 'TR', name: 'Turkey', dial: '+90' },\n  { iso: 'TM', name: 'Turkmenistan', dial: '+993' },\n  { iso: 'TV', name: 'Tuvalu', dial: '+688' },\n  { iso: 'UG', name: 'Uganda', dial: '+256' },\n  { iso: 'UA', name: 'Ukraine', dial: '+380' },\n  { iso: 'AE', name: 'United Arab Emirates', dial: '+971' },\n  { iso: 'GB', name: 'United Kingdom', dial: '+44' },\n  { iso: 'UY', name: 'Uruguay', dial: '+598' },\n  { iso: 'UZ', name: 'Uzbekistan', dial: '+998' },\n  { iso: 'VU', name: 'Vanuatu', dial: '+678' },\n  { iso: 'VE', name: 'Venezuela', dial: '+58' },\n  { iso: 'VN', name: 'Vietnam', dial: '+84' },\n  { iso: 'YE', name: 'Yemen', dial: '+967' },\n  { iso: 'ZM', name: 'Zambia', dial: '+260' },\n  { iso: 'ZW', name: 'Zimbabwe', dial: '+263' },\n];\n\n// Sorted by dial code length desc for correct prefix matching\nconst SORTED_BY_DIAL_LENGTH = [...COUNTRIES].sort(\n  (a, b) => b.dial.length - a.dial.length\n);\n\nconst DEFAULT_COUNTRY = COUNTRIES[0]; // Brasil\n\nexport function parsePhoneValue(value: string): { country: Country; number: string } {\n  if (!value) return { country: DEFAULT_COUNTRY, number: '' };\n  for (const country of SORTED_BY_DIAL_LENGTH) {\n    const prefix = country.dial + ' ';\n    if (value.startsWith(prefix)) {\n      return { country, number: value.slice(prefix.length) };\n    }\n  }\n  return { country: DEFAULT_COUNTRY, number: value };\n}\n"],"mappings":"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","names":[]}