lizaui 9.0.2 → 9.0.4

package/dist/phone-input/index.cjs.js

@@ -1,14 +1,15 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const libphonenumberJs = require("libphonenumber-js");
-const bundleMjs = require("../chunks/bundle-mjs-BWLS65yY.js");
-const utils = require("../chunks/utils-nIKS3WsJ.js");
-require("../chunks/textarea-CPHr2RpC.js");
-const labelError = require("../chunks/label-error-2QXnvbxJ.js");
-const scrollArea = require("../chunks/scroll-area-CNEU8oOo.js");
-require("../chunks/button-BKebd9mx.js");
+const tailwindMerge = require("tailwind-merge");
+const utils = require("../chunks/utils-ij3i9zTT.js");
+require("../chunks/textarea-D2_KC-J4.js");
+const labelError = require("../chunks/label-error-C8lIsfXu.js");
+require("clsx");
+const scrollArea = require("../chunks/scroll-area-C0NhSIO2.js");
+require("../chunks/button-d5z8H59K.js");
 const framerMotion = require("framer-motion");
 const index = require("../chunks/index-BPW1Qzmi.js");
 const countryData = {
@@ -163,8 +164,8 @@ const PhoneInput = ({
   const currentError = externalError;
   const hasError = isTouched && currentError;
   const isInvalid = !disabled && !!externalError && externalTouched;
-  return /* @__PURE__ */ require$$0.jsxs("div", { className: bundleMjs.twMerge("w-full relative flex flex-col", classNameContainer), children: [
-    label && /* @__PURE__ */ require$$0.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tailwindMerge.twMerge("w-full relative flex flex-col", classNameContainer), children: [
+    label && /* @__PURE__ */ jsxRuntime.jsxs(
       "label",
       {
         htmlFor: resolvedId,
@@ -174,14 +175,14 @@ const PhoneInput = ({
         children: [
           label,
           " ",
-          required && /* @__PURE__ */ require$$0.jsx("span", { className: "text-danger", children: "*" })
+          required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-danger", children: "*" })
         ]
       }
     ),
-    /* @__PURE__ */ require$$0.jsxs(
+    /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: bundleMjs.twMerge(
+        className: tailwindMerge.twMerge(
           "flex w-full min-w-0 transition-[color,box-shadow] outline-none rounded-md h-input-default",
           "bg-white border border-input",
           "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
@@ -190,24 +191,24 @@ const PhoneInput = ({
         ),
         "aria-invalid": isInvalid ? "true" : "false",
         children: [
-          /* @__PURE__ */ require$$0.jsxs("div", { className: "relative", ref: dropdownRef, children: [
-            /* @__PURE__ */ require$$0.jsxs(
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", ref: dropdownRef, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
               "button",
               {
                 type: "button",
                 onClick: handleDropdownToggle,
-                className: bundleMjs.twMerge(
+                className: tailwindMerge.twMerge(
                   "flex items-center gap-2 px-3 border-r border-input h-input-default",
                   "hover:bg-muted/20 focus:outline-none rounded-l-md"
                 ),
                 children: [
-                  /* @__PURE__ */ require$$0.jsx("span", { className: "text-lg", children: selectedCountry.flag }),
-                  /* @__PURE__ */ require$$0.jsx("span", { className: "text-sm font-medium text-foreground", children: selectedCountry.callingCode }),
-                  /* @__PURE__ */ require$$0.jsx(index.ChevronDown, { className: `w-4 h-4 text-muted-foreground transition-transform ${isDropdownOpen ? "rotate-180" : ""}` })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg", children: selectedCountry.flag }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-foreground", children: selectedCountry.callingCode }),
+                  /* @__PURE__ */ jsxRuntime.jsx(index.ChevronDown, { className: `w-4 h-4 text-muted-foreground transition-transform ${isDropdownOpen ? "rotate-180" : ""}` })
                 ]
               }
             ),
-            /* @__PURE__ */ require$$0.jsx(framerMotion.AnimatePresence, { children: isDropdownOpen && /* @__PURE__ */ require$$0.jsx(framerMotion.LazyMotion, { features: framerMotion.domAnimation, children: /* @__PURE__ */ require$$0.jsxs(
+            /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: isDropdownOpen && /* @__PURE__ */ jsxRuntime.jsx(framerMotion.LazyMotion, { features: framerMotion.domAnimation, children: /* @__PURE__ */ jsxRuntime.jsxs(
               framerMotion.m.div,
               {
                 initial: { opacity: 0, y: -8, scale: 0.98 },
@@ -216,9 +217,9 @@ const PhoneInput = ({
                 style: { transformOrigin: "top center" },
                 className: "absolute top-full left-0 z-50 w-60 mt-1 bg-white border border-input rounded-md shadow-lg max-h-60 overflow-hidden",
                 children: [
-                  /* @__PURE__ */ require$$0.jsx("div", { className: "sticky top-0 bg-white border-b border-input p-3", children: /* @__PURE__ */ require$$0.jsxs("div", { className: "relative", children: [
-                    /* @__PURE__ */ require$$0.jsx(scrollArea.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground" }),
-                    /* @__PURE__ */ require$$0.jsx(
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky top-0 bg-white border-b border-input p-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(scrollArea.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
                       "input",
                       {
                         ref: searchInputRef,
@@ -230,20 +231,20 @@ const PhoneInput = ({
                       }
                     )
                   ] }) }),
-                  /* @__PURE__ */ require$$0.jsx(scrollArea.ScrollArea, { className: "max-h-48 overflow-y-auto pb-5", children: filteredCountries.map((country) => /* @__PURE__ */ require$$0.jsxs(
+                  /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollArea, { className: "max-h-48 overflow-y-auto pb-5", children: filteredCountries.map((country) => /* @__PURE__ */ jsxRuntime.jsxs(
                     "button",
                     {
                       type: "button",
                       onClick: () => handleCountrySelect(country),
-                      className: bundleMjs.twMerge(
+                      className: tailwindMerge.twMerge(
                         "w-full flex items-center gap-3 px-3 py-1 text-sm transition",
                         selectedCountry.code === country.code ? "bg-primary/5 border-l-2 border-primary" : "hover:bg-muted/20"
                       ),
                       children: [
-                        /* @__PURE__ */ require$$0.jsx("span", { className: "text-lg", children: country.flag }),
-                        /* @__PURE__ */ require$$0.jsx("span", { className: "flex-1 text-left", children: country.name }),
-                        /* @__PURE__ */ require$$0.jsx("span", { className: "text-muted-foreground", children: country.callingCode }),
-                        selectedCountry.code === country.code && /* @__PURE__ */ require$$0.jsx(index.Check, { className: "w-4 h-4 text-primary" })
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg", children: country.flag }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-left", children: country.name }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: country.callingCode }),
+                        selectedCountry.code === country.code && /* @__PURE__ */ jsxRuntime.jsx(index.Check, { className: "w-4 h-4 text-primary" })
                       ]
                     },
                     country.code
@@ -253,7 +254,7 @@ const PhoneInput = ({
               "country-dropdown"
             ) }) })
           ] }),
-          /* @__PURE__ */ require$$0.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(
             "input",
             {
               ref: inputRef,
@@ -266,7 +267,7 @@ const PhoneInput = ({
               placeholder,
               disabled,
               ...!disabled ? { "aria-invalid": isInvalid } : {},
-              className: bundleMjs.twMerge(
+              className: tailwindMerge.twMerge(
                 "flex-1 px-3 py-1 h-input-default border-0 rounded-r-md bg-transparent focus:outline-none text-foreground text-sm",
                 className
               ),
@@ -276,7 +277,7 @@ const PhoneInput = ({
         ]
       }
     ),
-    !disabled && externalError && externalTouched && /* @__PURE__ */ require$$0.jsx(labelError.LabelError, { text: externalError || currentError || "" })
+    !disabled && externalError && externalTouched && /* @__PURE__ */ jsxRuntime.jsx(labelError.LabelError, { text: externalError || currentError || "" })
   ] });
 };
 exports.PhoneInput = PhoneInput;

package/dist/phone-input/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../src/components/phone-input/phone-input.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useState, useEffect, useRef, useId } from \"react\";\nimport { getCountryCallingCode, AsYouType, isValidPhoneNumber } from \"libphonenumber-js\";\nimport { ChevronDown, Check, Search } from \"lucide-react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { cn } from \"@/lib/utils\";\nimport { LabelError, ScrollArea } from \"../ui\";\nimport { AnimatePresence } from \"framer-motion\";\nimport { LazyMotion, m, domAnimation } from \"framer-motion\";\n\nconst countryData = {\n\tPE: { name: \"Perú\", flag: \"🇵🇪\" },\n\tUS: { name: \"Estados Unidos\", flag: \"🇺🇸\" },\n\tMX: { name: \"México\", flag: \"🇲🇽\" },\n\tAR: { name: \"Argentina\", flag: \"🇦🇷\" },\n\tCO: { name: \"Colombia\", flag: \"🇨🇴\" },\n\tCL: { name: \"Chile\", flag: \"🇨🇱\" },\n\tBR: { name: \"Brasil\", flag: \"🇧🇷\" },\n\tBO: { name: \"Bolivia\", flag: \"🇧🇴\" },\n\tVE: { name: \"Venezuela\", flag: \"🇻🇪\" },\n};\n\ninterface Country {\n\tcode: string;\n\tname: string;\n\tflag: string;\n\tcallingCode: string;\n}\n\ninterface PhoneInputProps {\n\tid?: string;\n\tname: string;\n\tlabel?: string;\n\tplaceholder?: string;\n\trequired?: boolean;\n\tclassName?: string;\n\tonCountryChange?: (country: Country) => void;\n\tonPhoneChange?: (phone: string, isValid: boolean) => void;\n\ttouched?: boolean;\n\tvalues?: any;\n\tonBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;\n\terror?: string;\n\tvalue?: string; // para standalone\n\tdefaultCountry?: string;\n\tdisabled?: boolean;\n\tclassNameContainer?: string;\n}\n\nexport const PhoneInput: React.FC<PhoneInputProps> = ({\n\tid,\n\tname,\n\tlabel = \"Teléfono\",\n\tplaceholder = \"Ingrese un número de teléfono\",\n\trequired = false,\n\tclassName = \"\",\n\tclassNameContainer = \"\",\n\tonCountryChange,\n\tonPhoneChange,\n\ttouched: externalTouched,\n\tonBlur: externalOnBlur,\n\terror: externalError,\n\tvalue: externalValue,\n\tdefaultCountry = \"PE\",\n\tdisabled = false,\n}) => {\n\tconst [selectedCountry, setSelectedCountry] = useState<Country>({\n\t\tcode: defaultCountry,\n\t\tname: countryData[defaultCountry as keyof typeof countryData].name,\n\t\tflag: countryData[defaultCountry as keyof typeof countryData].flag,\n\t\tcallingCode: `+${getCountryCallingCode(defaultCountry as keyof typeof countryData)}`,\n\t});\n\n\tconst [isDropdownOpen, setIsDropdownOpen] = useState(false);\n\tconst [phoneValue, setPhoneValue] = useState(\"\");\n\tconst [formattedValue, setFormattedValue] = useState(\"\");\n\tconst [isValid, setIsValid] = useState(false);\n\tconst [countries, setCountries] = useState<Country[]>([]);\n\tconst [searchTerm, setSearchTerm] = useState(\"\");\n\tconst [filteredCountries, setFilteredCountries] = useState<Country[]>([]);\n\n\tconst dropdownRef = useRef<HTMLDivElement>(null);\n\tconst inputRef = useRef<HTMLInputElement>(null);\n\tconst searchInputRef = useRef<HTMLInputElement>(null);\n\n\tconst inputId = useId();\n\tconst resolvedId = id || inputId;\n\tconst isControlled = externalValue !== undefined;\n\n\t// Inicializar países en el orden definido en countryData\n\tuseEffect(() => {\n\t\tconst availableCountries = Object.keys(countryData).map((countryCode) => {\n\t\t\tconst data = countryData[countryCode as keyof typeof countryData];\n\t\t\treturn {\n\t\t\t\tcode: countryCode,\n\t\t\t\tname: data.name,\n\t\t\t\tflag: data.flag,\n\t\t\t\tcallingCode: `+${getCountryCallingCode(countryCode as keyof typeof countryData)}`,\n\t\t\t};\n\t\t});\n\t\tsetCountries(availableCountries);\n\t\tsetFilteredCountries(availableCountries);\n\t}, []);\n\n\t// Manejo de click fuera para cerrar dropdown\n\tuseEffect(() => {\n\t\tconst handleClickOutside = (event: MouseEvent) => {\n\t\t\tif (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n\t\t\t\tsetIsDropdownOpen(false);\n\t\t\t}\n\t\t};\n\t\tdocument.addEventListener(\"mousedown\", handleClickOutside);\n\t\treturn () => document.removeEventListener(\"mousedown\", handleClickOutside);\n\t}, []);\n\n\t// Sincronizar externalValue con estados internos (incluye reset con \"\")\n\tuseEffect(() => {\n\t\tif (!isControlled || countries.length === 0) return;\n\n\t\t// Si el valor externo es vacío o null, limpiar estados\n\t\tif (externalValue === \"\" || externalValue == null) {\n\t\t\tsetPhoneValue(\"\");\n\t\t\tsetFormattedValue(\"\");\n\t\t\tsetIsValid(false);\n\t\t\treturn;\n\t\t}\n\n\t\tconst value = String(externalValue);\n\t\tlet country = countries.find((c) => value.startsWith(c.callingCode));\n\n\t\t// Si no se detecta país por código, mantener el seleccionado actual\n\t\tif (!country) {\n\t\t\tcountry = selectedCountry;\n\t\t}\n\n\t\tif (country) {\n\t\t\t// Actualizar país si cambió\n\t\t\tif (selectedCountry.code !== country.code) {\n\t\t\t\tsetSelectedCountry(country);\n\t\t\t}\n\n\t\t\tconst raw = value.replace(country.callingCode, \"\").replace(/[^\\d]/g, \"\");\n\t\t\tsetPhoneValue(raw);\n\n\t\t\tconst formatter = new AsYouType(country.code as keyof typeof countryData);\n\t\t\tconst formatted = formatter.input(raw);\n\t\t\tsetFormattedValue(formatted);\n\n\t\t\tconst valid = isValidPhoneNumber(value);\n\t\t\tsetIsValid(valid);\n\t\t} else {\n\t\t\t// Fallback: no país detectado, limpiar formato pero conservar value crudo\n\t\t\tsetPhoneValue(\"\");\n\t\t\tsetFormattedValue(\"\");\n\t\t\tsetIsValid(false);\n\t\t}\n\t}, [externalValue, countries, isControlled, selectedCountry]);\n\n\t// Formatear número al escribir\n\tconst handlePhoneChange = (value: string, event?: React.ChangeEvent<HTMLInputElement>) => {\n\t\tconst cleanValue = value.replace(/[^\\d]/g, \"\");\n\n\t\tif (event?.nativeEvent instanceof InputEvent && event.nativeEvent.inputType === \"deleteContentBackward\" && cleanValue.length < 4) {\n\t\t\tsetPhoneValue(cleanValue);\n\t\t\tsetFormattedValue(cleanValue); // mostrar sin formato\n\t\t\treturn;\n\t\t}\n\t\tconst formatter = new AsYouType(selectedCountry.code as keyof typeof countryData);\n\t\tconst formatted = formatter.input(cleanValue);\n\n\t\tsetPhoneValue(cleanValue);\n\t\tsetFormattedValue(formatted);\n\n\t\tconst fullNumber = selectedCountry.callingCode + cleanValue;\n\t\tconst valid = isValidPhoneNumber(fullNumber);\n\t\tsetIsValid(valid);\n\n\t\tonPhoneChange?.(fullNumber, valid);\n\t};\n\n\t// Seleccionar país\n\tconst handleCountrySelect = (country: Country) => {\n\t\tsetSelectedCountry(country);\n\t\tsetIsDropdownOpen(false);\n\t\tsetSearchTerm(\"\");\n\n\t\tif (phoneValue) {\n\t\t\tconst formatter = new AsYouType(country.code as keyof typeof countryData);\n\t\t\tconst formatted = formatter.input(phoneValue);\n\t\t\tsetFormattedValue(formatted);\n\n\t\t\tconst fullNumber = country.callingCode + phoneValue;\n\t\t\tconst valid = isValidPhoneNumber(fullNumber);\n\t\t\tsetIsValid(valid);\n\n\t\t\tonPhoneChange?.(fullNumber, valid);\n\t\t}\n\n\t\tonCountryChange?.(country);\n\t\tsetTimeout(() => inputRef.current?.focus(), 100);\n\t};\n\n\tconst handleDropdownToggle = () => {\n\t\tsetIsDropdownOpen(!isDropdownOpen);\n\t\tif (!isDropdownOpen) {\n\t\t\tsetTimeout(() => searchInputRef.current?.focus(), 100);\n\t\t}\n\t};\n\n\t// Filtrar países en búsqueda\n\tuseEffect(() => {\n\t\tif (!searchTerm.trim()) {\n\t\t\tsetFilteredCountries(countries);\n\t\t} else {\n\t\t\tconst searchLower = searchTerm.toLowerCase();\n\t\t\tconst filtered = countries.filter(\n\t\t\t\t(country) =>\n\t\t\t\t\tcountry.name.toLowerCase().includes(searchLower) ||\n\t\t\t\t\tcountry.callingCode.includes(searchTerm) ||\n\t\t\t\t\tcountry.code.toLowerCase().includes(searchLower),\n\t\t\t);\n\t\t\tsetFilteredCountries(filtered);\n\t\t}\n\t}, [searchTerm, countries]);\n\n\tconst isTouched = externalTouched;\n\tconst currentError = externalError;\n\tconst hasError = isTouched && currentError;\n\n\tconst isInvalid = !disabled && !!externalError && externalTouched;\n\n\treturn (\n\t\t<div className={twMerge(\"w-full relative flex flex-col\", classNameContainer)}>\n\t\t\t{label && (\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={resolvedId}\n\t\t\t\t\tclassName={cn(\"form-control-label block font-normal text-sm text-foreground mb-1\", {\n\t\t\t\t\t\t\"text-danger\": hasError,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{label} {required && <span className=\"text-danger\">*</span>}\n\t\t\t\t</label>\n\t\t\t)}\n\n\t\t\t<div\n\t\t\t\tclassName={twMerge(\n\t\t\t\t\t\"flex w-full min-w-0 transition-[color,box-shadow] outline-none rounded-md h-input-default\",\n\t\t\t\t\t\"bg-white border border-input\",\n\t\t\t\t\t\"disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n\t\t\t\t\thasError\n\t\t\t\t\t\t? \"border-danger aria-invalid:ring-danger/20\"\n\t\t\t\t\t\t: isValid && phoneValue\n\t\t\t\t\t\t? \"focus-within:border-primary focus-within:ring-primary/20\"\n\t\t\t\t\t\t: \"focus-within:border-primary focus-within:ring-primary/20\",\n\t\t\t\t\t\"focus-within:ring-[3px]\",\n\t\t\t\t)}\n\t\t\t\taria-invalid={isInvalid ? \"true\" : \"false\"}\n\t\t\t>\n\t\t\t\t{/* Country selector */}\n\t\t\t\t<div className=\"relative\" ref={dropdownRef}>\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tonClick={handleDropdownToggle}\n\t\t\t\t\t\tclassName={twMerge(\n\t\t\t\t\t\t\t\"flex items-center gap-2 px-3 border-r border-input h-input-default\",\n\t\t\t\t\t\t\t\"hover:bg-muted/20 focus:outline-none rounded-l-md\",\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span className=\"text-lg\">{selectedCountry.flag}</span>\n\t\t\t\t\t\t<span className=\"text-sm font-medium text-foreground\">{selectedCountry.callingCode}</span>\n\t\t\t\t\t\t<ChevronDown className={`w-4 h-4 text-muted-foreground transition-transform ${isDropdownOpen ? \"rotate-180\" : \"\"}`} />\n\t\t\t\t\t</button>\n\n\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t{isDropdownOpen && (\n\t\t\t\t\t\t\t<LazyMotion features={domAnimation}>\n\t\t\t\t\t\t\t\t<m.div\n\t\t\t\t\t\t\t\t\tkey=\"country-dropdown\"\n\t\t\t\t\t\t\t\t\tinitial={{ opacity: 0, y: -8, scale: 0.98 }}\n\t\t\t\t\t\t\t\t\tanimate={{ opacity: 1, y: 0, scale: 1, transition: { type: \"spring\", stiffness: 420, damping: 28 } }}\n\t\t\t\t\t\t\t\t\texit={{ opacity: 0, y: -6, scale: 0.98, transition: { duration: 0.15, ease: \"easeOut\" } }}\n\t\t\t\t\t\t\t\t\tstyle={{ transformOrigin: \"top center\" }}\n\t\t\t\t\t\t\t\t\tclassName=\"absolute top-full left-0 z-50 w-60 mt-1 bg-white border border-input rounded-md shadow-lg max-h-60 overflow-hidden\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<div className=\"sticky top-0 bg-white border-b border-input p-3\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"relative\">\n\t\t\t\t\t\t\t\t\t\t\t<Search className=\"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground\" />\n\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\tref={searchInputRef}\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={searchTerm}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(e) => setSearchTerm(e.target.value)}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Buscar país o código\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"w-full pl-10 pr-3 py-2 h-9 border border-input rounded-md text-sm focus:outline-none focus:border-primary focus:ring-[3px] focus:ring-primary/20\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<ScrollArea className=\"max-h-48 overflow-y-auto pb-5\">\n\t\t\t\t\t\t\t\t\t\t{filteredCountries.map((country) => (\n\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\tkey={country.code}\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => handleCountrySelect(country)}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={twMerge(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"w-full flex items-center gap-3 px-3 py-1 text-sm transition\",\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedCountry.code === country.code\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? \"bg-primary/5 border-l-2 border-primary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: \"hover:bg-muted/20\",\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"text-lg\">{country.flag}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"flex-1 text-left\">{country.name}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"text-muted-foreground\">{country.callingCode}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t{selectedCountry.code === country.code && <Check className=\"w-4 h-4 text-primary\" />}\n\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</ScrollArea>\n\t\t\t\t\t\t\t\t</m.div>\n\t\t\t\t\t\t\t</LazyMotion>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</AnimatePresence>\n\t\t\t\t</div>\n\n\t\t\t\t{/* Phone input */}\n\t\t\t\t<input\n\t\t\t\t\tref={inputRef}\n\t\t\t\t\tid={resolvedId}\n\t\t\t\t\ttype=\"tel\"\n\t\t\t\t\tname={name}\n\t\t\t\t\tvalue={formattedValue}\n\t\t\t\t\tonChange={(e) => handlePhoneChange(e.target.value, e)}\n\t\t\t\t\tonBlur={externalOnBlur}\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t{...(!disabled ? { \"aria-invalid\": isInvalid } : {})}\n\t\t\t\t\tclassName={twMerge(\n\t\t\t\t\t\t\"flex-1 px-3 py-1 h-input-default border-0 rounded-r-md bg-transparent focus:outline-none text-foreground text-sm\",\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t\tautoComplete=\"tel\"\n\t\t\t\t/>\n\t\t\t</div>\n\n\t\t\t{!disabled && externalError && externalTouched && <LabelError text={externalError || currentError || \"\"} />}\n\t\t</div>\n\t);\n};\n"],"names":["useState","getCountryCallingCode","useRef","useId","useEffect","AsYouType","isValidPhoneNumber","twMerge","jsxs","cn","jsx","ChevronDown","AnimatePresence","LazyMotion","domAnimation","m","Search","ScrollArea","Check","LabelError"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../../src/components/phone-input/phone-input.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useState, useEffect, useRef, useId } from \"react\";\nimport { getCountryCallingCode, AsYouType, isValidPhoneNumber } from \"libphonenumber-js\";\nimport { ChevronDown, Check, Search } from \"lucide-react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { cn } from \"@/lib/utils\";\nimport { LabelError, ScrollArea } from \"../ui\";\nimport { AnimatePresence } from \"framer-motion\";\nimport { LazyMotion, m, domAnimation } from \"framer-motion\";\n\nconst countryData = {\n\tPE: { name: \"Perú\", flag: \"🇵🇪\" },\n\tUS: { name: \"Estados Unidos\", flag: \"🇺🇸\" },\n\tMX: { name: \"México\", flag: \"🇲🇽\" },\n\tAR: { name: \"Argentina\", flag: \"🇦🇷\" },\n\tCO: { name: \"Colombia\", flag: \"🇨🇴\" },\n\tCL: { name: \"Chile\", flag: \"🇨🇱\" },\n\tBR: { name: \"Brasil\", flag: \"🇧🇷\" },\n\tBO: { name: \"Bolivia\", flag: \"🇧🇴\" },\n\tVE: { name: \"Venezuela\", flag: \"🇻🇪\" },\n};\n\ninterface Country {\n\tcode: string;\n\tname: string;\n\tflag: string;\n\tcallingCode: string;\n}\n\ninterface PhoneInputProps {\n\tid?: string;\n\tname: string;\n\tlabel?: string;\n\tplaceholder?: string;\n\trequired?: boolean;\n\tclassName?: string;\n\tonCountryChange?: (country: Country) => void;\n\tonPhoneChange?: (phone: string, isValid: boolean) => void;\n\ttouched?: boolean;\n\tvalues?: any;\n\tonBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;\n\terror?: string;\n\tvalue?: string; // para standalone\n\tdefaultCountry?: string;\n\tdisabled?: boolean;\n\tclassNameContainer?: string;\n}\n\nexport const PhoneInput: React.FC<PhoneInputProps> = ({\n\tid,\n\tname,\n\tlabel = \"Teléfono\",\n\tplaceholder = \"Ingrese un número de teléfono\",\n\trequired = false,\n\tclassName = \"\",\n\tclassNameContainer = \"\",\n\tonCountryChange,\n\tonPhoneChange,\n\ttouched: externalTouched,\n\tonBlur: externalOnBlur,\n\terror: externalError,\n\tvalue: externalValue,\n\tdefaultCountry = \"PE\",\n\tdisabled = false,\n}) => {\n\tconst [selectedCountry, setSelectedCountry] = useState<Country>({\n\t\tcode: defaultCountry,\n\t\tname: countryData[defaultCountry as keyof typeof countryData].name,\n\t\tflag: countryData[defaultCountry as keyof typeof countryData].flag,\n\t\tcallingCode: `+${getCountryCallingCode(defaultCountry as keyof typeof countryData)}`,\n\t});\n\n\tconst [isDropdownOpen, setIsDropdownOpen] = useState(false);\n\tconst [phoneValue, setPhoneValue] = useState(\"\");\n\tconst [formattedValue, setFormattedValue] = useState(\"\");\n\tconst [isValid, setIsValid] = useState(false);\n\tconst [countries, setCountries] = useState<Country[]>([]);\n\tconst [searchTerm, setSearchTerm] = useState(\"\");\n\tconst [filteredCountries, setFilteredCountries] = useState<Country[]>([]);\n\n\tconst dropdownRef = useRef<HTMLDivElement>(null);\n\tconst inputRef = useRef<HTMLInputElement>(null);\n\tconst searchInputRef = useRef<HTMLInputElement>(null);\n\n\tconst inputId = useId();\n\tconst resolvedId = id || inputId;\n\tconst isControlled = externalValue !== undefined;\n\n\t// Inicializar países en el orden definido en countryData\n\tuseEffect(() => {\n\t\tconst availableCountries = Object.keys(countryData).map((countryCode) => {\n\t\t\tconst data = countryData[countryCode as keyof typeof countryData];\n\t\t\treturn {\n\t\t\t\tcode: countryCode,\n\t\t\t\tname: data.name,\n\t\t\t\tflag: data.flag,\n\t\t\t\tcallingCode: `+${getCountryCallingCode(countryCode as keyof typeof countryData)}`,\n\t\t\t};\n\t\t});\n\t\tsetCountries(availableCountries);\n\t\tsetFilteredCountries(availableCountries);\n\t}, []);\n\n\t// Manejo de click fuera para cerrar dropdown\n\tuseEffect(() => {\n\t\tconst handleClickOutside = (event: MouseEvent) => {\n\t\t\tif (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n\t\t\t\tsetIsDropdownOpen(false);\n\t\t\t}\n\t\t};\n\t\tdocument.addEventListener(\"mousedown\", handleClickOutside);\n\t\treturn () => document.removeEventListener(\"mousedown\", handleClickOutside);\n\t}, []);\n\n\t// Sincronizar externalValue con estados internos (incluye reset con \"\")\n\tuseEffect(() => {\n\t\tif (!isControlled || countries.length === 0) return;\n\n\t\t// Si el valor externo es vacío o null, limpiar estados\n\t\tif (externalValue === \"\" || externalValue == null) {\n\t\t\tsetPhoneValue(\"\");\n\t\t\tsetFormattedValue(\"\");\n\t\t\tsetIsValid(false);\n\t\t\treturn;\n\t\t}\n\n\t\tconst value = String(externalValue);\n\t\tlet country = countries.find((c) => value.startsWith(c.callingCode));\n\n\t\t// Si no se detecta país por código, mantener el seleccionado actual\n\t\tif (!country) {\n\t\t\tcountry = selectedCountry;\n\t\t}\n\n\t\tif (country) {\n\t\t\t// Actualizar país si cambió\n\t\t\tif (selectedCountry.code !== country.code) {\n\t\t\t\tsetSelectedCountry(country);\n\t\t\t}\n\n\t\t\tconst raw = value.replace(country.callingCode, \"\").replace(/[^\\d]/g, \"\");\n\t\t\tsetPhoneValue(raw);\n\n\t\t\tconst formatter = new AsYouType(country.code as keyof typeof countryData);\n\t\t\tconst formatted = formatter.input(raw);\n\t\t\tsetFormattedValue(formatted);\n\n\t\t\tconst valid = isValidPhoneNumber(value);\n\t\t\tsetIsValid(valid);\n\t\t} else {\n\t\t\t// Fallback: no país detectado, limpiar formato pero conservar value crudo\n\t\t\tsetPhoneValue(\"\");\n\t\t\tsetFormattedValue(\"\");\n\t\t\tsetIsValid(false);\n\t\t}\n\t}, [externalValue, countries, isControlled, selectedCountry]);\n\n\t// Formatear número al escribir\n\tconst handlePhoneChange = (value: string, event?: React.ChangeEvent<HTMLInputElement>) => {\n\t\tconst cleanValue = value.replace(/[^\\d]/g, \"\");\n\n\t\tif (event?.nativeEvent instanceof InputEvent && event.nativeEvent.inputType === \"deleteContentBackward\" && cleanValue.length < 4) {\n\t\t\tsetPhoneValue(cleanValue);\n\t\t\tsetFormattedValue(cleanValue); // mostrar sin formato\n\t\t\treturn;\n\t\t}\n\t\tconst formatter = new AsYouType(selectedCountry.code as keyof typeof countryData);\n\t\tconst formatted = formatter.input(cleanValue);\n\n\t\tsetPhoneValue(cleanValue);\n\t\tsetFormattedValue(formatted);\n\n\t\tconst fullNumber = selectedCountry.callingCode + cleanValue;\n\t\tconst valid = isValidPhoneNumber(fullNumber);\n\t\tsetIsValid(valid);\n\n\t\tonPhoneChange?.(fullNumber, valid);\n\t};\n\n\t// Seleccionar país\n\tconst handleCountrySelect = (country: Country) => {\n\t\tsetSelectedCountry(country);\n\t\tsetIsDropdownOpen(false);\n\t\tsetSearchTerm(\"\");\n\n\t\tif (phoneValue) {\n\t\t\tconst formatter = new AsYouType(country.code as keyof typeof countryData);\n\t\t\tconst formatted = formatter.input(phoneValue);\n\t\t\tsetFormattedValue(formatted);\n\n\t\t\tconst fullNumber = country.callingCode + phoneValue;\n\t\t\tconst valid = isValidPhoneNumber(fullNumber);\n\t\t\tsetIsValid(valid);\n\n\t\t\tonPhoneChange?.(fullNumber, valid);\n\t\t}\n\n\t\tonCountryChange?.(country);\n\t\tsetTimeout(() => inputRef.current?.focus(), 100);\n\t};\n\n\tconst handleDropdownToggle = () => {\n\t\tsetIsDropdownOpen(!isDropdownOpen);\n\t\tif (!isDropdownOpen) {\n\t\t\tsetTimeout(() => searchInputRef.current?.focus(), 100);\n\t\t}\n\t};\n\n\t// Filtrar países en búsqueda\n\tuseEffect(() => {\n\t\tif (!searchTerm.trim()) {\n\t\t\tsetFilteredCountries(countries);\n\t\t} else {\n\t\t\tconst searchLower = searchTerm.toLowerCase();\n\t\t\tconst filtered = countries.filter(\n\t\t\t\t(country) =>\n\t\t\t\t\tcountry.name.toLowerCase().includes(searchLower) ||\n\t\t\t\t\tcountry.callingCode.includes(searchTerm) ||\n\t\t\t\t\tcountry.code.toLowerCase().includes(searchLower),\n\t\t\t);\n\t\t\tsetFilteredCountries(filtered);\n\t\t}\n\t}, [searchTerm, countries]);\n\n\tconst isTouched = externalTouched;\n\tconst currentError = externalError;\n\tconst hasError = isTouched && currentError;\n\n\tconst isInvalid = !disabled && !!externalError && externalTouched;\n\n\treturn (\n\t\t<div className={twMerge(\"w-full relative flex flex-col\", classNameContainer)}>\n\t\t\t{label && (\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={resolvedId}\n\t\t\t\t\tclassName={cn(\"form-control-label block font-normal text-sm text-foreground mb-1\", {\n\t\t\t\t\t\t\"text-danger\": hasError,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{label} {required && <span className=\"text-danger\">*</span>}\n\t\t\t\t</label>\n\t\t\t)}\n\n\t\t\t<div\n\t\t\t\tclassName={twMerge(\n\t\t\t\t\t\"flex w-full min-w-0 transition-[color,box-shadow] outline-none rounded-md h-input-default\",\n\t\t\t\t\t\"bg-white border border-input\",\n\t\t\t\t\t\"disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n\t\t\t\t\thasError\n\t\t\t\t\t\t? \"border-danger aria-invalid:ring-danger/20\"\n\t\t\t\t\t\t: isValid && phoneValue\n\t\t\t\t\t\t? \"focus-within:border-primary focus-within:ring-primary/20\"\n\t\t\t\t\t\t: \"focus-within:border-primary focus-within:ring-primary/20\",\n\t\t\t\t\t\"focus-within:ring-[3px]\",\n\t\t\t\t)}\n\t\t\t\taria-invalid={isInvalid ? \"true\" : \"false\"}\n\t\t\t>\n\t\t\t\t{/* Country selector */}\n\t\t\t\t<div className=\"relative\" ref={dropdownRef}>\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tonClick={handleDropdownToggle}\n\t\t\t\t\t\tclassName={twMerge(\n\t\t\t\t\t\t\t\"flex items-center gap-2 px-3 border-r border-input h-input-default\",\n\t\t\t\t\t\t\t\"hover:bg-muted/20 focus:outline-none rounded-l-md\",\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span className=\"text-lg\">{selectedCountry.flag}</span>\n\t\t\t\t\t\t<span className=\"text-sm font-medium text-foreground\">{selectedCountry.callingCode}</span>\n\t\t\t\t\t\t<ChevronDown className={`w-4 h-4 text-muted-foreground transition-transform ${isDropdownOpen ? \"rotate-180\" : \"\"}`} />\n\t\t\t\t\t</button>\n\n\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t{isDropdownOpen && (\n\t\t\t\t\t\t\t<LazyMotion features={domAnimation}>\n\t\t\t\t\t\t\t\t<m.div\n\t\t\t\t\t\t\t\t\tkey=\"country-dropdown\"\n\t\t\t\t\t\t\t\t\tinitial={{ opacity: 0, y: -8, scale: 0.98 }}\n\t\t\t\t\t\t\t\t\tanimate={{ opacity: 1, y: 0, scale: 1, transition: { type: \"spring\", stiffness: 420, damping: 28 } }}\n\t\t\t\t\t\t\t\t\texit={{ opacity: 0, y: -6, scale: 0.98, transition: { duration: 0.15, ease: \"easeOut\" } }}\n\t\t\t\t\t\t\t\t\tstyle={{ transformOrigin: \"top center\" }}\n\t\t\t\t\t\t\t\t\tclassName=\"absolute top-full left-0 z-50 w-60 mt-1 bg-white border border-input rounded-md shadow-lg max-h-60 overflow-hidden\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<div className=\"sticky top-0 bg-white border-b border-input p-3\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"relative\">\n\t\t\t\t\t\t\t\t\t\t\t<Search className=\"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground\" />\n\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\tref={searchInputRef}\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={searchTerm}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(e) => setSearchTerm(e.target.value)}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Buscar país o código\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"w-full pl-10 pr-3 py-2 h-9 border border-input rounded-md text-sm focus:outline-none focus:border-primary focus:ring-[3px] focus:ring-primary/20\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<ScrollArea className=\"max-h-48 overflow-y-auto pb-5\">\n\t\t\t\t\t\t\t\t\t\t{filteredCountries.map((country) => (\n\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\tkey={country.code}\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => handleCountrySelect(country)}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={twMerge(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"w-full flex items-center gap-3 px-3 py-1 text-sm transition\",\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedCountry.code === country.code\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? \"bg-primary/5 border-l-2 border-primary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: \"hover:bg-muted/20\",\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"text-lg\">{country.flag}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"flex-1 text-left\">{country.name}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"text-muted-foreground\">{country.callingCode}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t{selectedCountry.code === country.code && <Check className=\"w-4 h-4 text-primary\" />}\n\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</ScrollArea>\n\t\t\t\t\t\t\t\t</m.div>\n\t\t\t\t\t\t\t</LazyMotion>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</AnimatePresence>\n\t\t\t\t</div>\n\n\t\t\t\t{/* Phone input */}\n\t\t\t\t<input\n\t\t\t\t\tref={inputRef}\n\t\t\t\t\tid={resolvedId}\n\t\t\t\t\ttype=\"tel\"\n\t\t\t\t\tname={name}\n\t\t\t\t\tvalue={formattedValue}\n\t\t\t\t\tonChange={(e) => handlePhoneChange(e.target.value, e)}\n\t\t\t\t\tonBlur={externalOnBlur}\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t{...(!disabled ? { \"aria-invalid\": isInvalid } : {})}\n\t\t\t\t\tclassName={twMerge(\n\t\t\t\t\t\t\"flex-1 px-3 py-1 h-input-default border-0 rounded-r-md bg-transparent focus:outline-none text-foreground text-sm\",\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t\tautoComplete=\"tel\"\n\t\t\t\t/>\n\t\t\t</div>\n\n\t\t\t{!disabled && externalError && externalTouched && <LabelError text={externalError || currentError || \"\"} />}\n\t\t</div>\n\t);\n};\n"],"names":["useState","getCountryCallingCode","useRef","useId","useEffect","AsYouType","isValidPhoneNumber","twMerge","jsxs","cn","jsx","ChevronDown","AnimatePresence","LazyMotion","domAnimation","m","Search","ScrollArea","Check","LabelError"],"mappings":"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"}

package/dist/phone-input/index.es.js

@@ -1,12 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useId, useEffect } from "react";
 import { getCountryCallingCode, AsYouType, isValidPhoneNumber } from "libphonenumber-js";
-import { t as twMerge } from "../chunks/bundle-mjs-DB1IOBLD.js";
-import { c as cn } from "../chunks/utils-BnY7EXd5.js";
-import "../chunks/textarea-CXQO1MMF.js";
-import { L as LabelError } from "../chunks/label-error-DkVGsF5w.js";
-import { S as Search, a as ScrollArea } from "../chunks/scroll-area-3h3tgoqp.js";
-import "../chunks/button-MKhaqe0K.js";
+import { twMerge } from "tailwind-merge";
+import { c as cn } from "../chunks/utils-H80jjgLf.js";
+import "../chunks/textarea-_HQpXiCX.js";
+import { L as LabelError } from "../chunks/label-error-BTCuInp7.js";
+import "clsx";
+import { S as Search, a as ScrollArea } from "../chunks/scroll-area-JgKF61tc.js";
+import "../chunks/button-B0fpJrMg.js";
 import { AnimatePresence, LazyMotion, domAnimation, m } from "framer-motion";
 import { C as ChevronDown, a as Check } from "../chunks/index-BAHiLt0S.js";
 const countryData = {

package/dist/phone-input/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../src/components/phone-input/phone-input.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useState, useEffect, useRef, useId } from \"react\";\nimport { getCountryCallingCode, AsYouType, isValidPhoneNumber } from \"libphonenumber-js\";\nimport { ChevronDown, Check, Search } from \"lucide-react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { cn } from \"@/lib/utils\";\nimport { LabelError, ScrollArea } from \"../ui\";\nimport { AnimatePresence } from \"framer-motion\";\nimport { LazyMotion, m, domAnimation } from \"framer-motion\";\n\nconst countryData = {\n\tPE: { name: \"Perú\", flag: \"🇵🇪\" },\n\tUS: { name: \"Estados Unidos\", flag: \"🇺🇸\" },\n\tMX: { name: \"México\", flag: \"🇲🇽\" },\n\tAR: { name: \"Argentina\", flag: \"🇦🇷\" },\n\tCO: { name: \"Colombia\", flag: \"🇨🇴\" },\n\tCL: { name: \"Chile\", flag: \"🇨🇱\" },\n\tBR: { name: \"Brasil\", flag: \"🇧🇷\" },\n\tBO: { name: \"Bolivia\", flag: \"🇧🇴\" },\n\tVE: { name: \"Venezuela\", flag: \"🇻🇪\" },\n};\n\ninterface Country {\n\tcode: string;\n\tname: string;\n\tflag: string;\n\tcallingCode: string;\n}\n\ninterface PhoneInputProps {\n\tid?: string;\n\tname: string;\n\tlabel?: string;\n\tplaceholder?: string;\n\trequired?: boolean;\n\tclassName?: string;\n\tonCountryChange?: (country: Country) => void;\n\tonPhoneChange?: (phone: string, isValid: boolean) => void;\n\ttouched?: boolean;\n\tvalues?: any;\n\tonBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;\n\terror?: string;\n\tvalue?: string; // para standalone\n\tdefaultCountry?: string;\n\tdisabled?: boolean;\n\tclassNameContainer?: string;\n}\n\nexport const PhoneInput: React.FC<PhoneInputProps> = ({\n\tid,\n\tname,\n\tlabel = \"Teléfono\",\n\tplaceholder = \"Ingrese un número de teléfono\",\n\trequired = false,\n\tclassName = \"\",\n\tclassNameContainer = \"\",\n\tonCountryChange,\n\tonPhoneChange,\n\ttouched: externalTouched,\n\tonBlur: externalOnBlur,\n\terror: externalError,\n\tvalue: externalValue,\n\tdefaultCountry = \"PE\",\n\tdisabled = false,\n}) => {\n\tconst [selectedCountry, setSelectedCountry] = useState<Country>({\n\t\tcode: defaultCountry,\n\t\tname: countryData[defaultCountry as keyof typeof countryData].name,\n\t\tflag: countryData[defaultCountry as keyof typeof countryData].flag,\n\t\tcallingCode: `+${getCountryCallingCode(defaultCountry as keyof typeof countryData)}`,\n\t});\n\n\tconst [isDropdownOpen, setIsDropdownOpen] = useState(false);\n\tconst [phoneValue, setPhoneValue] = useState(\"\");\n\tconst [formattedValue, setFormattedValue] = useState(\"\");\n\tconst [isValid, setIsValid] = useState(false);\n\tconst [countries, setCountries] = useState<Country[]>([]);\n\tconst [searchTerm, setSearchTerm] = useState(\"\");\n\tconst [filteredCountries, setFilteredCountries] = useState<Country[]>([]);\n\n\tconst dropdownRef = useRef<HTMLDivElement>(null);\n\tconst inputRef = useRef<HTMLInputElement>(null);\n\tconst searchInputRef = useRef<HTMLInputElement>(null);\n\n\tconst inputId = useId();\n\tconst resolvedId = id || inputId;\n\tconst isControlled = externalValue !== undefined;\n\n\t// Inicializar países en el orden definido en countryData\n\tuseEffect(() => {\n\t\tconst availableCountries = Object.keys(countryData).map((countryCode) => {\n\t\t\tconst data = countryData[countryCode as keyof typeof countryData];\n\t\t\treturn {\n\t\t\t\tcode: countryCode,\n\t\t\t\tname: data.name,\n\t\t\t\tflag: data.flag,\n\t\t\t\tcallingCode: `+${getCountryCallingCode(countryCode as keyof typeof countryData)}`,\n\t\t\t};\n\t\t});\n\t\tsetCountries(availableCountries);\n\t\tsetFilteredCountries(availableCountries);\n\t}, []);\n\n\t// Manejo de click fuera para cerrar dropdown\n\tuseEffect(() => {\n\t\tconst handleClickOutside = (event: MouseEvent) => {\n\t\t\tif (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n\t\t\t\tsetIsDropdownOpen(false);\n\t\t\t}\n\t\t};\n\t\tdocument.addEventListener(\"mousedown\", handleClickOutside);\n\t\treturn () => document.removeEventListener(\"mousedown\", handleClickOutside);\n\t}, []);\n\n\t// Sincronizar externalValue con estados internos (incluye reset con \"\")\n\tuseEffect(() => {\n\t\tif (!isControlled || countries.length === 0) return;\n\n\t\t// Si el valor externo es vacío o null, limpiar estados\n\t\tif (externalValue === \"\" || externalValue == null) {\n\t\t\tsetPhoneValue(\"\");\n\t\t\tsetFormattedValue(\"\");\n\t\t\tsetIsValid(false);\n\t\t\treturn;\n\t\t}\n\n\t\tconst value = String(externalValue);\n\t\tlet country = countries.find((c) => value.startsWith(c.callingCode));\n\n\t\t// Si no se detecta país por código, mantener el seleccionado actual\n\t\tif (!country) {\n\t\t\tcountry = selectedCountry;\n\t\t}\n\n\t\tif (country) {\n\t\t\t// Actualizar país si cambió\n\t\t\tif (selectedCountry.code !== country.code) {\n\t\t\t\tsetSelectedCountry(country);\n\t\t\t}\n\n\t\t\tconst raw = value.replace(country.callingCode, \"\").replace(/[^\\d]/g, \"\");\n\t\t\tsetPhoneValue(raw);\n\n\t\t\tconst formatter = new AsYouType(country.code as keyof typeof countryData);\n\t\t\tconst formatted = formatter.input(raw);\n\t\t\tsetFormattedValue(formatted);\n\n\t\t\tconst valid = isValidPhoneNumber(value);\n\t\t\tsetIsValid(valid);\n\t\t} else {\n\t\t\t// Fallback: no país detectado, limpiar formato pero conservar value crudo\n\t\t\tsetPhoneValue(\"\");\n\t\t\tsetFormattedValue(\"\");\n\t\t\tsetIsValid(false);\n\t\t}\n\t}, [externalValue, countries, isControlled, selectedCountry]);\n\n\t// Formatear número al escribir\n\tconst handlePhoneChange = (value: string, event?: React.ChangeEvent<HTMLInputElement>) => {\n\t\tconst cleanValue = value.replace(/[^\\d]/g, \"\");\n\n\t\tif (event?.nativeEvent instanceof InputEvent && event.nativeEvent.inputType === \"deleteContentBackward\" && cleanValue.length < 4) {\n\t\t\tsetPhoneValue(cleanValue);\n\t\t\tsetFormattedValue(cleanValue); // mostrar sin formato\n\t\t\treturn;\n\t\t}\n\t\tconst formatter = new AsYouType(selectedCountry.code as keyof typeof countryData);\n\t\tconst formatted = formatter.input(cleanValue);\n\n\t\tsetPhoneValue(cleanValue);\n\t\tsetFormattedValue(formatted);\n\n\t\tconst fullNumber = selectedCountry.callingCode + cleanValue;\n\t\tconst valid = isValidPhoneNumber(fullNumber);\n\t\tsetIsValid(valid);\n\n\t\tonPhoneChange?.(fullNumber, valid);\n\t};\n\n\t// Seleccionar país\n\tconst handleCountrySelect = (country: Country) => {\n\t\tsetSelectedCountry(country);\n\t\tsetIsDropdownOpen(false);\n\t\tsetSearchTerm(\"\");\n\n\t\tif (phoneValue) {\n\t\t\tconst formatter = new AsYouType(country.code as keyof typeof countryData);\n\t\t\tconst formatted = formatter.input(phoneValue);\n\t\t\tsetFormattedValue(formatted);\n\n\t\t\tconst fullNumber = country.callingCode + phoneValue;\n\t\t\tconst valid = isValidPhoneNumber(fullNumber);\n\t\t\tsetIsValid(valid);\n\n\t\t\tonPhoneChange?.(fullNumber, valid);\n\t\t}\n\n\t\tonCountryChange?.(country);\n\t\tsetTimeout(() => inputRef.current?.focus(), 100);\n\t};\n\n\tconst handleDropdownToggle = () => {\n\t\tsetIsDropdownOpen(!isDropdownOpen);\n\t\tif (!isDropdownOpen) {\n\t\t\tsetTimeout(() => searchInputRef.current?.focus(), 100);\n\t\t}\n\t};\n\n\t// Filtrar países en búsqueda\n\tuseEffect(() => {\n\t\tif (!searchTerm.trim()) {\n\t\t\tsetFilteredCountries(countries);\n\t\t} else {\n\t\t\tconst searchLower = searchTerm.toLowerCase();\n\t\t\tconst filtered = countries.filter(\n\t\t\t\t(country) =>\n\t\t\t\t\tcountry.name.toLowerCase().includes(searchLower) ||\n\t\t\t\t\tcountry.callingCode.includes(searchTerm) ||\n\t\t\t\t\tcountry.code.toLowerCase().includes(searchLower),\n\t\t\t);\n\t\t\tsetFilteredCountries(filtered);\n\t\t}\n\t}, [searchTerm, countries]);\n\n\tconst isTouched = externalTouched;\n\tconst currentError = externalError;\n\tconst hasError = isTouched && currentError;\n\n\tconst isInvalid = !disabled && !!externalError && externalTouched;\n\n\treturn (\n\t\t<div className={twMerge(\"w-full relative flex flex-col\", classNameContainer)}>\n\t\t\t{label && (\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={resolvedId}\n\t\t\t\t\tclassName={cn(\"form-control-label block font-normal text-sm text-foreground mb-1\", {\n\t\t\t\t\t\t\"text-danger\": hasError,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{label} {required && <span className=\"text-danger\">*</span>}\n\t\t\t\t</label>\n\t\t\t)}\n\n\t\t\t<div\n\t\t\t\tclassName={twMerge(\n\t\t\t\t\t\"flex w-full min-w-0 transition-[color,box-shadow] outline-none rounded-md h-input-default\",\n\t\t\t\t\t\"bg-white border border-input\",\n\t\t\t\t\t\"disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n\t\t\t\t\thasError\n\t\t\t\t\t\t? \"border-danger aria-invalid:ring-danger/20\"\n\t\t\t\t\t\t: isValid && phoneValue\n\t\t\t\t\t\t? \"focus-within:border-primary focus-within:ring-primary/20\"\n\t\t\t\t\t\t: \"focus-within:border-primary focus-within:ring-primary/20\",\n\t\t\t\t\t\"focus-within:ring-[3px]\",\n\t\t\t\t)}\n\t\t\t\taria-invalid={isInvalid ? \"true\" : \"false\"}\n\t\t\t>\n\t\t\t\t{/* Country selector */}\n\t\t\t\t<div className=\"relative\" ref={dropdownRef}>\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tonClick={handleDropdownToggle}\n\t\t\t\t\t\tclassName={twMerge(\n\t\t\t\t\t\t\t\"flex items-center gap-2 px-3 border-r border-input h-input-default\",\n\t\t\t\t\t\t\t\"hover:bg-muted/20 focus:outline-none rounded-l-md\",\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span className=\"text-lg\">{selectedCountry.flag}</span>\n\t\t\t\t\t\t<span className=\"text-sm font-medium text-foreground\">{selectedCountry.callingCode}</span>\n\t\t\t\t\t\t<ChevronDown className={`w-4 h-4 text-muted-foreground transition-transform ${isDropdownOpen ? \"rotate-180\" : \"\"}`} />\n\t\t\t\t\t</button>\n\n\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t{isDropdownOpen && (\n\t\t\t\t\t\t\t<LazyMotion features={domAnimation}>\n\t\t\t\t\t\t\t\t<m.div\n\t\t\t\t\t\t\t\t\tkey=\"country-dropdown\"\n\t\t\t\t\t\t\t\t\tinitial={{ opacity: 0, y: -8, scale: 0.98 }}\n\t\t\t\t\t\t\t\t\tanimate={{ opacity: 1, y: 0, scale: 1, transition: { type: \"spring\", stiffness: 420, damping: 28 } }}\n\t\t\t\t\t\t\t\t\texit={{ opacity: 0, y: -6, scale: 0.98, transition: { duration: 0.15, ease: \"easeOut\" } }}\n\t\t\t\t\t\t\t\t\tstyle={{ transformOrigin: \"top center\" }}\n\t\t\t\t\t\t\t\t\tclassName=\"absolute top-full left-0 z-50 w-60 mt-1 bg-white border border-input rounded-md shadow-lg max-h-60 overflow-hidden\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<div className=\"sticky top-0 bg-white border-b border-input p-3\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"relative\">\n\t\t\t\t\t\t\t\t\t\t\t<Search className=\"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground\" />\n\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\tref={searchInputRef}\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={searchTerm}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(e) => setSearchTerm(e.target.value)}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Buscar país o código\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"w-full pl-10 pr-3 py-2 h-9 border border-input rounded-md text-sm focus:outline-none focus:border-primary focus:ring-[3px] focus:ring-primary/20\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<ScrollArea className=\"max-h-48 overflow-y-auto pb-5\">\n\t\t\t\t\t\t\t\t\t\t{filteredCountries.map((country) => (\n\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\tkey={country.code}\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => handleCountrySelect(country)}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={twMerge(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"w-full flex items-center gap-3 px-3 py-1 text-sm transition\",\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedCountry.code === country.code\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? \"bg-primary/5 border-l-2 border-primary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: \"hover:bg-muted/20\",\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"text-lg\">{country.flag}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"flex-1 text-left\">{country.name}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"text-muted-foreground\">{country.callingCode}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t{selectedCountry.code === country.code && <Check className=\"w-4 h-4 text-primary\" />}\n\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</ScrollArea>\n\t\t\t\t\t\t\t\t</m.div>\n\t\t\t\t\t\t\t</LazyMotion>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</AnimatePresence>\n\t\t\t\t</div>\n\n\t\t\t\t{/* Phone input */}\n\t\t\t\t<input\n\t\t\t\t\tref={inputRef}\n\t\t\t\t\tid={resolvedId}\n\t\t\t\t\ttype=\"tel\"\n\t\t\t\t\tname={name}\n\t\t\t\t\tvalue={formattedValue}\n\t\t\t\t\tonChange={(e) => handlePhoneChange(e.target.value, e)}\n\t\t\t\t\tonBlur={externalOnBlur}\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t{...(!disabled ? { \"aria-invalid\": isInvalid } : {})}\n\t\t\t\t\tclassName={twMerge(\n\t\t\t\t\t\t\"flex-1 px-3 py-1 h-input-default border-0 rounded-r-md bg-transparent focus:outline-none text-foreground text-sm\",\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t\tautoComplete=\"tel\"\n\t\t\t\t/>\n\t\t\t</div>\n\n\t\t\t{!disabled && externalError && externalTouched && <LabelError text={externalError || currentError || \"\"} />}\n\t\t</div>\n\t);\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAUA,MAAM,cAAc;AAAA,EACnB,IAAI,EAAE,MAAM,QAAQ,MAAM,OAAA;AAAA,EAC1B,IAAI,EAAE,MAAM,kBAAkB,MAAM,OAAA;AAAA,EACpC,IAAI,EAAE,MAAM,UAAU,MAAM,OAAA;AAAA,EAC5B,IAAI,EAAE,MAAM,aAAa,MAAM,OAAA;AAAA,EAC/B,IAAI,EAAE,MAAM,YAAY,MAAM,OAAA;AAAA,EAC9B,IAAI,EAAE,MAAM,SAAS,MAAM,OAAA;AAAA,EAC3B,IAAI,EAAE,MAAM,UAAU,MAAM,OAAA;AAAA,EAC5B,IAAI,EAAE,MAAM,WAAW,MAAM,OAAA;AAAA,EAC7B,IAAI,EAAE,MAAM,aAAa,MAAM,OAAA;AAChC;AA4BO,MAAM,aAAwC,CAAC;AAAA,EACrD;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,WAAW;AACZ,MAAM;AACL,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAkB;AAAA,IAC/D,MAAM;AAAA,IACN,MAAM,YAAY,cAA0C,EAAE;AAAA,IAC9D,MAAM,YAAY,cAA0C,EAAE;AAAA,IAC9D,aAAa,IAAI,sBAAsB,cAA0C,CAAC;AAAA,EAAA,CAClF;AAED,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAC1D,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAC/C,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,EAAE;AACvD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAoB,CAAA,CAAE;AACxD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAC/C,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAAoB,CAAA,CAAE;AAExE,QAAM,cAAc,OAAuB,IAAI;AAC/C,QAAM,WAAW,OAAyB,IAAI;AAC9C,QAAM,iBAAiB,OAAyB,IAAI;AAEpD,QAAM,UAAU,MAAA;AAChB,QAAM,aAAa,MAAM;AACzB,QAAM,eAAe,kBAAkB;AAGvC,YAAU,MAAM;AACf,UAAM,qBAAqB,OAAO,KAAK,WAAW,EAAE,IAAI,CAAC,gBAAgB;AACxE,YAAM,OAAO,YAAY,WAAuC;AAChE,aAAO;AAAA,QACN,MAAM;AAAA,QACN,MAAM,KAAK;AAAA,QACX,MAAM,KAAK;AAAA,QACX,aAAa,IAAI,sBAAsB,WAAuC,CAAC;AAAA,MAAA;AAAA,IAEjF,CAAC;AACD,iBAAa,kBAAkB;AAC/B,yBAAqB,kBAAkB;AAAA,EACxC,GAAG,CAAA,CAAE;AAGL,YAAU,MAAM;AACf,UAAM,qBAAqB,CAAC,UAAsB;AACjD,UAAI,YAAY,WAAW,CAAC,YAAY,QAAQ,SAAS,MAAM,MAAc,GAAG;AAC/E,0BAAkB,KAAK;AAAA,MACxB;AAAA,IACD;AACA,aAAS,iBAAiB,aAAa,kBAAkB;AACzD,WAAO,MAAM,SAAS,oBAAoB,aAAa,kBAAkB;AAAA,EAC1E,GAAG,CAAA,CAAE;AAGL,YAAU,MAAM;AACf,QAAI,CAAC,gBAAgB,UAAU,WAAW,EAAG;AAG7C,QAAI,kBAAkB,MAAM,iBAAiB,MAAM;AAClD,oBAAc,EAAE;AAChB,wBAAkB,EAAE;AACpB,iBAAW,KAAK;AAChB;AAAA,IACD;AAEA,UAAM,QAAQ,OAAO,aAAa;AAClC,QAAI,UAAU,UAAU,KAAK,CAAC,MAAM,MAAM,WAAW,EAAE,WAAW,CAAC;AAGnE,QAAI,CAAC,SAAS;AACb,gBAAU;AAAA,IACX;AAEA,QAAI,SAAS;AAEZ,UAAI,gBAAgB,SAAS,QAAQ,MAAM;AAC1C,2BAAmB,OAAO;AAAA,MAC3B;AAEA,YAAM,MAAM,MAAM,QAAQ,QAAQ,aAAa,EAAE,EAAE,QAAQ,UAAU,EAAE;AACvE,oBAAc,GAAG;AAEjB,YAAM,YAAY,IAAI,UAAU,QAAQ,IAAgC;AACxE,YAAM,YAAY,UAAU,MAAM,GAAG;AACrC,wBAAkB,SAAS;AAE3B,YAAM,QAAQ,mBAAmB,KAAK;AACtC,iBAAW,KAAK;AAAA,IACjB,OAAO;AAEN,oBAAc,EAAE;AAChB,wBAAkB,EAAE;AACpB,iBAAW,KAAK;AAAA,IACjB;AAAA,EACD,GAAG,CAAC,eAAe,WAAW,cAAc,eAAe,CAAC;AAG5D,QAAM,oBAAoB,CAAC,OAAe,UAAgD;AACzF,UAAM,aAAa,MAAM,QAAQ,UAAU,EAAE;AAE7C,QAAI,OAAO,uBAAuB,cAAc,MAAM,YAAY,cAAc,2BAA2B,WAAW,SAAS,GAAG;AACjI,oBAAc,UAAU;AACxB,wBAAkB,UAAU;AAC5B;AAAA,IACD;AACA,UAAM,YAAY,IAAI,UAAU,gBAAgB,IAAgC;AAChF,UAAM,YAAY,UAAU,MAAM,UAAU;AAE5C,kBAAc,UAAU;AACxB,sBAAkB,SAAS;AAE3B,UAAM,aAAa,gBAAgB,cAAc;AACjD,UAAM,QAAQ,mBAAmB,UAAU;AAC3C,eAAW,KAAK;AAEhB,oBAAgB,YAAY,KAAK;AAAA,EAClC;AAGA,QAAM,sBAAsB,CAAC,YAAqB;AACjD,uBAAmB,OAAO;AAC1B,sBAAkB,KAAK;AACvB,kBAAc,EAAE;AAEhB,QAAI,YAAY;AACf,YAAM,YAAY,IAAI,UAAU,QAAQ,IAAgC;AACxE,YAAM,YAAY,UAAU,MAAM,UAAU;AAC5C,wBAAkB,SAAS;AAE3B,YAAM,aAAa,QAAQ,cAAc;AACzC,YAAM,QAAQ,mBAAmB,UAAU;AAC3C,iBAAW,KAAK;AAEhB,sBAAgB,YAAY,KAAK;AAAA,IAClC;AAEA,sBAAkB,OAAO;AACzB,eAAW,MAAM,SAAS,SAAS,MAAA,GAAS,GAAG;AAAA,EAChD;AAEA,QAAM,uBAAuB,MAAM;AAClC,sBAAkB,CAAC,cAAc;AACjC,QAAI,CAAC,gBAAgB;AACpB,iBAAW,MAAM,eAAe,SAAS,MAAA,GAAS,GAAG;AAAA,IACtD;AAAA,EACD;AAGA,YAAU,MAAM;AACf,QAAI,CAAC,WAAW,QAAQ;AACvB,2BAAqB,SAAS;AAAA,IAC/B,OAAO;AACN,YAAM,cAAc,WAAW,YAAA;AAC/B,YAAM,WAAW,UAAU;AAAA,QAC1B,CAAC,YACA,QAAQ,KAAK,YAAA,EAAc,SAAS,WAAW,KAC/C,QAAQ,YAAY,SAAS,UAAU,KACvC,QAAQ,KAAK,YAAA,EAAc,SAAS,WAAW;AAAA,MAAA;AAEjD,2BAAqB,QAAQ;AAAA,IAC9B;AAAA,EACD,GAAG,CAAC,YAAY,SAAS,CAAC;AAE1B,QAAM,YAAY;AAClB,QAAM,eAAe;AACrB,QAAM,WAAW,aAAa;AAE9B,QAAM,YAAY,CAAC,YAAY,CAAC,CAAC,iBAAiB;AAElD,8BACE,OAAA,EAAI,WAAW,QAAQ,iCAAiC,kBAAkB,GACzE,UAAA;AAAA,IAAA,SACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,SAAS;AAAA,QACT,WAAW,GAAG,qEAAqE;AAAA,UAClF,eAAe;AAAA,QAAA,CACf;AAAA,QAEA,UAAA;AAAA,UAAA;AAAA,UAAM;AAAA,UAAE,YAAY,oBAAC,QAAA,EAAK,WAAU,eAAc,UAAA,IAAA,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAItD;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAW;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UACA,WACG,8CACA,WAAW,aACX,6DACA;AAAA,UACH;AAAA,QAAA;AAAA,QAED,gBAAc,YAAY,SAAS;AAAA,QAGnC,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,YAAW,KAAK,aAC9B,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACA,MAAK;AAAA,gBACL,SAAS;AAAA,gBACT,WAAW;AAAA,kBACV;AAAA,kBACA;AAAA,gBAAA;AAAA,gBAGD,UAAA;AAAA,kBAAA,oBAAC,QAAA,EAAK,WAAU,WAAW,UAAA,gBAAgB,MAAK;AAAA,kBAChD,oBAAC,QAAA,EAAK,WAAU,uCAAuC,0BAAgB,aAAY;AAAA,sCAClF,aAAA,EAAY,WAAW,sDAAsD,iBAAiB,eAAe,EAAE,GAAA,CAAI;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,gCAGpH,iBAAA,EACC,UAAA,kBACA,oBAAC,YAAA,EAAW,UAAU,cACrB,UAAA;AAAA,cAAC,EAAE;AAAA,cAAF;AAAA,gBAEA,SAAS,EAAE,SAAS,GAAG,GAAG,IAAI,OAAO,KAAA;AAAA,gBACrC,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG,OAAO,GAAG,YAAY,EAAE,MAAM,UAAU,WAAW,KAAK,SAAS,KAAG;AAAA,gBACjG,MAAM,EAAE,SAAS,GAAG,GAAG,IAAI,OAAO,MAAM,YAAY,EAAE,UAAU,MAAM,MAAM,YAAU;AAAA,gBACtF,OAAO,EAAE,iBAAiB,aAAA;AAAA,gBAC1B,WAAU;AAAA,gBAEV,UAAA;AAAA,kBAAA,oBAAC,SAAI,WAAU,mDACd,UAAA,qBAAC,OAAA,EAAI,WAAU,YACd,UAAA;AAAA,oBAAA,oBAAC,QAAA,EAAO,WAAU,yEAAA,CAAyE;AAAA,oBAC3F;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACA,KAAK;AAAA,wBACL,MAAK;AAAA,wBACL,OAAO;AAAA,wBACP,UAAU,CAAC,MAAM,cAAc,EAAE,OAAO,KAAK;AAAA,wBAC7C,aAAY;AAAA,wBACZ,WAAU;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACX,EAAA,CACD,EAAA,CACD;AAAA,sCACC,YAAA,EAAW,WAAU,iCACpB,UAAA,kBAAkB,IAAI,CAAC,YACvB;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBAEA,MAAK;AAAA,sBACL,SAAS,MAAM,oBAAoB,OAAO;AAAA,sBAC1C,WAAW;AAAA,wBACV;AAAA,wBACA,gBAAgB,SAAS,QAAQ,OAC9B,2CACA;AAAA,sBAAA;AAAA,sBAGJ,UAAA;AAAA,wBAAA,oBAAC,QAAA,EAAK,WAAU,WAAW,UAAA,QAAQ,MAAK;AAAA,wBACxC,oBAAC,QAAA,EAAK,WAAU,oBAAoB,kBAAQ,MAAK;AAAA,wBACjD,oBAAC,QAAA,EAAK,WAAU,yBAAyB,kBAAQ,aAAY;AAAA,wBAC5D,gBAAgB,SAAS,QAAQ,QAAQ,oBAAC,OAAA,EAAM,WAAU,uBAAA,CAAuB;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAb7E,QAAQ;AAAA,kBAAA,CAed,EAAA,CACF;AAAA,gBAAA;AAAA,cAAA;AAAA,cAvCI;AAAA,YAAA,GAyCN,EAAA,CAEF;AAAA,UAAA,GACD;AAAA,UAGA;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,KAAK;AAAA,cACL,IAAI;AAAA,cACJ,MAAK;AAAA,cACL;AAAA,cACA,OAAO;AAAA,cACP,UAAU,CAAC,MAAM,kBAAkB,EAAE,OAAO,OAAO,CAAC;AAAA,cACpD,QAAQ;AAAA,cACR;AAAA,cACA;AAAA,cACC,GAAI,CAAC,WAAW,EAAE,gBAAgB,UAAA,IAAc,CAAA;AAAA,cACjD,WAAW;AAAA,gBACV;AAAA,gBACA;AAAA,cAAA;AAAA,cAED,cAAa;AAAA,YAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IAAA;AAAA,IAGA,CAAC,YAAY,iBAAiB,uCAAoB,YAAA,EAAW,MAAM,iBAAiB,gBAAgB,GAAA,CAAI;AAAA,EAAA,GAC1G;AAEF;"}
+{"version":3,"file":"index.es.js","sources":["../../src/components/phone-input/phone-input.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useState, useEffect, useRef, useId } from \"react\";\nimport { getCountryCallingCode, AsYouType, isValidPhoneNumber } from \"libphonenumber-js\";\nimport { ChevronDown, Check, Search } from \"lucide-react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { cn } from \"@/lib/utils\";\nimport { LabelError, ScrollArea } from \"../ui\";\nimport { AnimatePresence } from \"framer-motion\";\nimport { LazyMotion, m, domAnimation } from \"framer-motion\";\n\nconst countryData = {\n\tPE: { name: \"Perú\", flag: \"🇵🇪\" },\n\tUS: { name: \"Estados Unidos\", flag: \"🇺🇸\" },\n\tMX: { name: \"México\", flag: \"🇲🇽\" },\n\tAR: { name: \"Argentina\", flag: \"🇦🇷\" },\n\tCO: { name: \"Colombia\", flag: \"🇨🇴\" },\n\tCL: { name: \"Chile\", flag: \"🇨🇱\" },\n\tBR: { name: \"Brasil\", flag: \"🇧🇷\" },\n\tBO: { name: \"Bolivia\", flag: \"🇧🇴\" },\n\tVE: { name: \"Venezuela\", flag: \"🇻🇪\" },\n};\n\ninterface Country {\n\tcode: string;\n\tname: string;\n\tflag: string;\n\tcallingCode: string;\n}\n\ninterface PhoneInputProps {\n\tid?: string;\n\tname: string;\n\tlabel?: string;\n\tplaceholder?: string;\n\trequired?: boolean;\n\tclassName?: string;\n\tonCountryChange?: (country: Country) => void;\n\tonPhoneChange?: (phone: string, isValid: boolean) => void;\n\ttouched?: boolean;\n\tvalues?: any;\n\tonBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;\n\terror?: string;\n\tvalue?: string; // para standalone\n\tdefaultCountry?: string;\n\tdisabled?: boolean;\n\tclassNameContainer?: string;\n}\n\nexport const PhoneInput: React.FC<PhoneInputProps> = ({\n\tid,\n\tname,\n\tlabel = \"Teléfono\",\n\tplaceholder = \"Ingrese un número de teléfono\",\n\trequired = false,\n\tclassName = \"\",\n\tclassNameContainer = \"\",\n\tonCountryChange,\n\tonPhoneChange,\n\ttouched: externalTouched,\n\tonBlur: externalOnBlur,\n\terror: externalError,\n\tvalue: externalValue,\n\tdefaultCountry = \"PE\",\n\tdisabled = false,\n}) => {\n\tconst [selectedCountry, setSelectedCountry] = useState<Country>({\n\t\tcode: defaultCountry,\n\t\tname: countryData[defaultCountry as keyof typeof countryData].name,\n\t\tflag: countryData[defaultCountry as keyof typeof countryData].flag,\n\t\tcallingCode: `+${getCountryCallingCode(defaultCountry as keyof typeof countryData)}`,\n\t});\n\n\tconst [isDropdownOpen, setIsDropdownOpen] = useState(false);\n\tconst [phoneValue, setPhoneValue] = useState(\"\");\n\tconst [formattedValue, setFormattedValue] = useState(\"\");\n\tconst [isValid, setIsValid] = useState(false);\n\tconst [countries, setCountries] = useState<Country[]>([]);\n\tconst [searchTerm, setSearchTerm] = useState(\"\");\n\tconst [filteredCountries, setFilteredCountries] = useState<Country[]>([]);\n\n\tconst dropdownRef = useRef<HTMLDivElement>(null);\n\tconst inputRef = useRef<HTMLInputElement>(null);\n\tconst searchInputRef = useRef<HTMLInputElement>(null);\n\n\tconst inputId = useId();\n\tconst resolvedId = id || inputId;\n\tconst isControlled = externalValue !== undefined;\n\n\t// Inicializar países en el orden definido en countryData\n\tuseEffect(() => {\n\t\tconst availableCountries = Object.keys(countryData).map((countryCode) => {\n\t\t\tconst data = countryData[countryCode as keyof typeof countryData];\n\t\t\treturn {\n\t\t\t\tcode: countryCode,\n\t\t\t\tname: data.name,\n\t\t\t\tflag: data.flag,\n\t\t\t\tcallingCode: `+${getCountryCallingCode(countryCode as keyof typeof countryData)}`,\n\t\t\t};\n\t\t});\n\t\tsetCountries(availableCountries);\n\t\tsetFilteredCountries(availableCountries);\n\t}, []);\n\n\t// Manejo de click fuera para cerrar dropdown\n\tuseEffect(() => {\n\t\tconst handleClickOutside = (event: MouseEvent) => {\n\t\t\tif (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n\t\t\t\tsetIsDropdownOpen(false);\n\t\t\t}\n\t\t};\n\t\tdocument.addEventListener(\"mousedown\", handleClickOutside);\n\t\treturn () => document.removeEventListener(\"mousedown\", handleClickOutside);\n\t}, []);\n\n\t// Sincronizar externalValue con estados internos (incluye reset con \"\")\n\tuseEffect(() => {\n\t\tif (!isControlled || countries.length === 0) return;\n\n\t\t// Si el valor externo es vacío o null, limpiar estados\n\t\tif (externalValue === \"\" || externalValue == null) {\n\t\t\tsetPhoneValue(\"\");\n\t\t\tsetFormattedValue(\"\");\n\t\t\tsetIsValid(false);\n\t\t\treturn;\n\t\t}\n\n\t\tconst value = String(externalValue);\n\t\tlet country = countries.find((c) => value.startsWith(c.callingCode));\n\n\t\t// Si no se detecta país por código, mantener el seleccionado actual\n\t\tif (!country) {\n\t\t\tcountry = selectedCountry;\n\t\t}\n\n\t\tif (country) {\n\t\t\t// Actualizar país si cambió\n\t\t\tif (selectedCountry.code !== country.code) {\n\t\t\t\tsetSelectedCountry(country);\n\t\t\t}\n\n\t\t\tconst raw = value.replace(country.callingCode, \"\").replace(/[^\\d]/g, \"\");\n\t\t\tsetPhoneValue(raw);\n\n\t\t\tconst formatter = new AsYouType(country.code as keyof typeof countryData);\n\t\t\tconst formatted = formatter.input(raw);\n\t\t\tsetFormattedValue(formatted);\n\n\t\t\tconst valid = isValidPhoneNumber(value);\n\t\t\tsetIsValid(valid);\n\t\t} else {\n\t\t\t// Fallback: no país detectado, limpiar formato pero conservar value crudo\n\t\t\tsetPhoneValue(\"\");\n\t\t\tsetFormattedValue(\"\");\n\t\t\tsetIsValid(false);\n\t\t}\n\t}, [externalValue, countries, isControlled, selectedCountry]);\n\n\t// Formatear número al escribir\n\tconst handlePhoneChange = (value: string, event?: React.ChangeEvent<HTMLInputElement>) => {\n\t\tconst cleanValue = value.replace(/[^\\d]/g, \"\");\n\n\t\tif (event?.nativeEvent instanceof InputEvent && event.nativeEvent.inputType === \"deleteContentBackward\" && cleanValue.length < 4) {\n\t\t\tsetPhoneValue(cleanValue);\n\t\t\tsetFormattedValue(cleanValue); // mostrar sin formato\n\t\t\treturn;\n\t\t}\n\t\tconst formatter = new AsYouType(selectedCountry.code as keyof typeof countryData);\n\t\tconst formatted = formatter.input(cleanValue);\n\n\t\tsetPhoneValue(cleanValue);\n\t\tsetFormattedValue(formatted);\n\n\t\tconst fullNumber = selectedCountry.callingCode + cleanValue;\n\t\tconst valid = isValidPhoneNumber(fullNumber);\n\t\tsetIsValid(valid);\n\n\t\tonPhoneChange?.(fullNumber, valid);\n\t};\n\n\t// Seleccionar país\n\tconst handleCountrySelect = (country: Country) => {\n\t\tsetSelectedCountry(country);\n\t\tsetIsDropdownOpen(false);\n\t\tsetSearchTerm(\"\");\n\n\t\tif (phoneValue) {\n\t\t\tconst formatter = new AsYouType(country.code as keyof typeof countryData);\n\t\t\tconst formatted = formatter.input(phoneValue);\n\t\t\tsetFormattedValue(formatted);\n\n\t\t\tconst fullNumber = country.callingCode + phoneValue;\n\t\t\tconst valid = isValidPhoneNumber(fullNumber);\n\t\t\tsetIsValid(valid);\n\n\t\t\tonPhoneChange?.(fullNumber, valid);\n\t\t}\n\n\t\tonCountryChange?.(country);\n\t\tsetTimeout(() => inputRef.current?.focus(), 100);\n\t};\n\n\tconst handleDropdownToggle = () => {\n\t\tsetIsDropdownOpen(!isDropdownOpen);\n\t\tif (!isDropdownOpen) {\n\t\t\tsetTimeout(() => searchInputRef.current?.focus(), 100);\n\t\t}\n\t};\n\n\t// Filtrar países en búsqueda\n\tuseEffect(() => {\n\t\tif (!searchTerm.trim()) {\n\t\t\tsetFilteredCountries(countries);\n\t\t} else {\n\t\t\tconst searchLower = searchTerm.toLowerCase();\n\t\t\tconst filtered = countries.filter(\n\t\t\t\t(country) =>\n\t\t\t\t\tcountry.name.toLowerCase().includes(searchLower) ||\n\t\t\t\t\tcountry.callingCode.includes(searchTerm) ||\n\t\t\t\t\tcountry.code.toLowerCase().includes(searchLower),\n\t\t\t);\n\t\t\tsetFilteredCountries(filtered);\n\t\t}\n\t}, [searchTerm, countries]);\n\n\tconst isTouched = externalTouched;\n\tconst currentError = externalError;\n\tconst hasError = isTouched && currentError;\n\n\tconst isInvalid = !disabled && !!externalError && externalTouched;\n\n\treturn (\n\t\t<div className={twMerge(\"w-full relative flex flex-col\", classNameContainer)}>\n\t\t\t{label && (\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={resolvedId}\n\t\t\t\t\tclassName={cn(\"form-control-label block font-normal text-sm text-foreground mb-1\", {\n\t\t\t\t\t\t\"text-danger\": hasError,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{label} {required && <span className=\"text-danger\">*</span>}\n\t\t\t\t</label>\n\t\t\t)}\n\n\t\t\t<div\n\t\t\t\tclassName={twMerge(\n\t\t\t\t\t\"flex w-full min-w-0 transition-[color,box-shadow] outline-none rounded-md h-input-default\",\n\t\t\t\t\t\"bg-white border border-input\",\n\t\t\t\t\t\"disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n\t\t\t\t\thasError\n\t\t\t\t\t\t? \"border-danger aria-invalid:ring-danger/20\"\n\t\t\t\t\t\t: isValid && phoneValue\n\t\t\t\t\t\t? \"focus-within:border-primary focus-within:ring-primary/20\"\n\t\t\t\t\t\t: \"focus-within:border-primary focus-within:ring-primary/20\",\n\t\t\t\t\t\"focus-within:ring-[3px]\",\n\t\t\t\t)}\n\t\t\t\taria-invalid={isInvalid ? \"true\" : \"false\"}\n\t\t\t>\n\t\t\t\t{/* Country selector */}\n\t\t\t\t<div className=\"relative\" ref={dropdownRef}>\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tonClick={handleDropdownToggle}\n\t\t\t\t\t\tclassName={twMerge(\n\t\t\t\t\t\t\t\"flex items-center gap-2 px-3 border-r border-input h-input-default\",\n\t\t\t\t\t\t\t\"hover:bg-muted/20 focus:outline-none rounded-l-md\",\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span className=\"text-lg\">{selectedCountry.flag}</span>\n\t\t\t\t\t\t<span className=\"text-sm font-medium text-foreground\">{selectedCountry.callingCode}</span>\n\t\t\t\t\t\t<ChevronDown className={`w-4 h-4 text-muted-foreground transition-transform ${isDropdownOpen ? \"rotate-180\" : \"\"}`} />\n\t\t\t\t\t</button>\n\n\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t{isDropdownOpen && (\n\t\t\t\t\t\t\t<LazyMotion features={domAnimation}>\n\t\t\t\t\t\t\t\t<m.div\n\t\t\t\t\t\t\t\t\tkey=\"country-dropdown\"\n\t\t\t\t\t\t\t\t\tinitial={{ opacity: 0, y: -8, scale: 0.98 }}\n\t\t\t\t\t\t\t\t\tanimate={{ opacity: 1, y: 0, scale: 1, transition: { type: \"spring\", stiffness: 420, damping: 28 } }}\n\t\t\t\t\t\t\t\t\texit={{ opacity: 0, y: -6, scale: 0.98, transition: { duration: 0.15, ease: \"easeOut\" } }}\n\t\t\t\t\t\t\t\t\tstyle={{ transformOrigin: \"top center\" }}\n\t\t\t\t\t\t\t\t\tclassName=\"absolute top-full left-0 z-50 w-60 mt-1 bg-white border border-input rounded-md shadow-lg max-h-60 overflow-hidden\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<div className=\"sticky top-0 bg-white border-b border-input p-3\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"relative\">\n\t\t\t\t\t\t\t\t\t\t\t<Search className=\"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground\" />\n\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\tref={searchInputRef}\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={searchTerm}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(e) => setSearchTerm(e.target.value)}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Buscar país o código\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"w-full pl-10 pr-3 py-2 h-9 border border-input rounded-md text-sm focus:outline-none focus:border-primary focus:ring-[3px] focus:ring-primary/20\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<ScrollArea className=\"max-h-48 overflow-y-auto pb-5\">\n\t\t\t\t\t\t\t\t\t\t{filteredCountries.map((country) => (\n\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\tkey={country.code}\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => handleCountrySelect(country)}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={twMerge(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"w-full flex items-center gap-3 px-3 py-1 text-sm transition\",\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedCountry.code === country.code\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? \"bg-primary/5 border-l-2 border-primary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: \"hover:bg-muted/20\",\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"text-lg\">{country.flag}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"flex-1 text-left\">{country.name}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"text-muted-foreground\">{country.callingCode}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t{selectedCountry.code === country.code && <Check className=\"w-4 h-4 text-primary\" />}\n\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</ScrollArea>\n\t\t\t\t\t\t\t\t</m.div>\n\t\t\t\t\t\t\t</LazyMotion>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</AnimatePresence>\n\t\t\t\t</div>\n\n\t\t\t\t{/* Phone input */}\n\t\t\t\t<input\n\t\t\t\t\tref={inputRef}\n\t\t\t\t\tid={resolvedId}\n\t\t\t\t\ttype=\"tel\"\n\t\t\t\t\tname={name}\n\t\t\t\t\tvalue={formattedValue}\n\t\t\t\t\tonChange={(e) => handlePhoneChange(e.target.value, e)}\n\t\t\t\t\tonBlur={externalOnBlur}\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t{...(!disabled ? { \"aria-invalid\": isInvalid } : {})}\n\t\t\t\t\tclassName={twMerge(\n\t\t\t\t\t\t\"flex-1 px-3 py-1 h-input-default border-0 rounded-r-md bg-transparent focus:outline-none text-foreground text-sm\",\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t\tautoComplete=\"tel\"\n\t\t\t\t/>\n\t\t\t</div>\n\n\t\t\t{!disabled && externalError && externalTouched && <LabelError text={externalError || currentError || \"\"} />}\n\t\t</div>\n\t);\n};\n"],"names":[],"mappings":"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"}

package/dist/ripple/index.cjs.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const ripple = require("../chunks/ripple-CTAKSntE.js");
+const ripple = require("../chunks/ripple-Bm6QamOy.js");
 exports.Ripple = ripple.Ripple;
 exports.useRipple = ripple.useRipple;
 //# sourceMappingURL=index.cjs.js.map

package/dist/select-input/index.cjs.js

@@ -1,18 +1,18 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("react/jsx-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const ReactDOM = require("react-dom");
 const floatingUi_dom = require("../chunks/floating-ui.dom-DsMDyTcd.js");
 const index$1 = require("../chunks/index-COxPsg-F.js");
 const iconBase = require("../chunks/iconBase-BDCKtYly.js");
-const checkbox = require("../chunks/checkbox-BoxBfskJ.js");
-const bundleMjs = require("../chunks/bundle-mjs-BWLS65yY.js");
+const checkbox = require("../chunks/checkbox-ovjcc7jF.js");
+const tailwindMerge = require("tailwind-merge");
 const pattern = require("../chunks/pattern-D0UCtvgZ.js");
 require("../chunks/assertion-C4-_LOAB.js");
-const clsx = require("../chunks/clsx-CBkIpawf.js");
-const labelError = require("../chunks/label-error-2QXnvbxJ.js");
-const utils = require("../chunks/utils-nIKS3WsJ.js");
+const clsx = require("clsx");
+const labelError = require("../chunks/label-error-C8lIsfXu.js");
+const utils = require("../chunks/utils-ij3i9zTT.js");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -5192,15 +5192,15 @@ var StateManagedSelect$1 = StateManagedSelect;
 const CustomDropdownIndicator = (props) => {
   const { selectProps } = props;
   const { menuIsOpen } = selectProps;
-  return /* @__PURE__ */ require$$0.jsx(components.DropdownIndicator, { ...props, className: "cursor-pointer", children: menuIsOpen ? /* @__PURE__ */ require$$0.jsx(index$1.IoIosArrowUp, {}) : /* @__PURE__ */ require$$0.jsx(index$1.IoIosArrowDown, {}) });
+  return /* @__PURE__ */ jsxRuntime.jsx(components.DropdownIndicator, { ...props, className: "cursor-pointer", children: menuIsOpen ? /* @__PURE__ */ jsxRuntime.jsx(index$1.IoIosArrowUp, {}) : /* @__PURE__ */ jsxRuntime.jsx(index$1.IoIosArrowDown, {}) });
 };
 function IoCloseSharp(props) {
   return iconBase.GenIcon({ "attr": { "viewBox": "0 0 512 512" }, "child": [{ "tag": "path", "attr": { "d": "M400 145.49 366.51 112 256 222.51 145.49 112 112 145.49 222.51 256 112 366.51 145.49 400 256 289.49 366.51 400 400 366.51 289.49 256 400 145.49z" }, "child": [] }] })(props);
 }
 const CustomClearIndicator = (props) => {
-  return /* @__PURE__ */ require$$0.jsx(components.ClearIndicator, { className: "cursor-pointer", ...props, children: /* @__PURE__ */ require$$0.jsx(IoCloseSharp, {}) });
+  return /* @__PURE__ */ jsxRuntime.jsx(components.ClearIndicator, { className: "cursor-pointer", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(IoCloseSharp, {}) });
 };
-const CheckIcon = (props) => /* @__PURE__ */ require$$0.jsx("svg", { viewBox: "0 0 24 24", width: 16, height: 16, "aria-hidden": "true", ...props, children: /* @__PURE__ */ require$$0.jsx("path", { d: "M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z", fill: "currentColor" }) });
+const CheckIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", width: 16, height: 16, "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z", fill: "currentColor" }) });
 const CustomOption = (props) => {
   const { label, data, isMulti, isSelected } = props;
   const {
@@ -5219,9 +5219,9 @@ const CustomOption = (props) => {
   const RightAdornment = () => {
     if (isMulti && isCheckMultiOptions) return null;
     if (!showCheckItemSelected) return null;
-    return /* @__PURE__ */ require$$0.jsx("span", { className: "inline-flex w-4 shrink-0 justify-center", children: isSelected ? /* @__PURE__ */ require$$0.jsx(CheckIcon, {}) : null });
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex w-4 shrink-0 justify-center", children: isSelected ? /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, {}) : null });
   };
-  const LeftCheckbox = () => isMulti && isCheckMultiOptions ? /* @__PURE__ */ require$$0.jsx(
+  const LeftCheckbox = () => isMulti && isCheckMultiOptions ? /* @__PURE__ */ jsxRuntime.jsx(
     checkbox.Checkbox,
     {
       id: data.id,
@@ -5233,21 +5233,21 @@ const CustomOption = (props) => {
       size: "sm"
     }
   ) : null;
-  return /* @__PURE__ */ require$$0.jsx(components.Option, { ...props, children: /* @__PURE__ */ require$$0.jsxs("div", { className: "flex items-center w-full gap-2", children: [
-    /* @__PURE__ */ require$$0.jsx(LeftCheckbox, {}),
-    childrenOption ? /* @__PURE__ */ require$$0.jsxs("div", { className: "flex items-center justify-between w-full gap-2", children: [
-      /* @__PURE__ */ require$$0.jsx("div", { className: "min-w-0", children: childrenOption({ data, isSelected }) }),
-      /* @__PURE__ */ require$$0.jsx(RightAdornment, {})
-    ] }) : /* @__PURE__ */ require$$0.jsxs("div", { className: "flex items-center justify-between w-full gap-2", children: [
-      /* @__PURE__ */ require$$0.jsx("p", { className: "text-sm", children: label }),
-      /* @__PURE__ */ require$$0.jsx(RightAdornment, {})
+  return /* @__PURE__ */ jsxRuntime.jsx(components.Option, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center w-full gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(LeftCheckbox, {}),
+    childrenOption ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between w-full gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: childrenOption({ data, isSelected }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(RightAdornment, {})
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between w-full gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(RightAdornment, {})
     ] })
   ] }) });
 };
 const CustomsControlStart = ({ children, ...props }) => {
   const { childrenValueStart } = props.selectProps;
-  return /* @__PURE__ */ require$$0.jsxs(components.Control, { ...props, children: [
-    childrenValueStart ? /* @__PURE__ */ require$$0.jsx("div", { className: "pl-2", children: childrenValueStart }) : null,
+  return /* @__PURE__ */ jsxRuntime.jsxs(components.Control, { ...props, children: [
+    childrenValueStart ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pl-2", children: childrenValueStart }) : null,
     children
   ] });
 };
@@ -5255,21 +5255,21 @@ function LuLoaderCircle(props) {
   return iconBase.GenIcon({ "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M21 12a9 9 0 1 1-6.219-8.56" }, "child": [] }] })(props);
 }
 const CustomLoadingIndicator = ({ innerProps, ...rest }) => {
-  return /* @__PURE__ */ require$$0.jsx("div", { ...innerProps, children: /* @__PURE__ */ require$$0.jsx(LuLoaderCircle, { className: "animate-spin fill-transparent text-gray-500" }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...innerProps, children: /* @__PURE__ */ jsxRuntime.jsx(LuLoaderCircle, { className: "animate-spin fill-transparent text-gray-500" }) });
 };
 function GoCircleSlash(props) {
   return iconBase.GenIcon({ "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1ZM5.834 19.227A9.464 9.464 0 0 0 12 21.5a9.5 9.5 0 0 0 9.5-9.5 9.464 9.464 0 0 0-2.273-6.166ZM2.5 12a9.464 9.464 0 0 0 2.273 6.166L18.166 4.773A9.463 9.463 0 0 0 12 2.5 9.5 9.5 0 0 0 2.5 12Z" }, "child": [] }] })(props);
 }
 const CustomNoOptionsMessage = (props) => {
-  return /* @__PURE__ */ require$$0.jsx(components.NoOptionsMessage, { ...props, className: "h-16 flex justify-center items-center", children: /* @__PURE__ */ require$$0.jsx(GoCircleSlash, { className: "w-6 h-6 text-text-700" }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(components.NoOptionsMessage, { ...props, className: "h-16 flex justify-center items-center", children: /* @__PURE__ */ jsxRuntime.jsx(GoCircleSlash, { className: "w-6 h-6 text-text-700" }) });
 };
 const CustomLoadingMessage = ({ innerProps }) => {
-  return /* @__PURE__ */ require$$0.jsx("div", { ...innerProps, className: "h-16 flex justify-center items-center", children: /* @__PURE__ */ require$$0.jsx(LuLoaderCircle, { className: "animate-spin fill-transparent w-6 h-6 text-gray-500" }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...innerProps, className: "h-16 flex justify-center items-center", children: /* @__PURE__ */ jsxRuntime.jsx(LuLoaderCircle, { className: "animate-spin fill-transparent w-6 h-6 text-gray-500" }) });
 };
 const CustomSingleValue = ({ children, ...props }) => {
   const { data, selectProps } = props;
   const { childrenSingleValue } = selectProps;
-  return /* @__PURE__ */ require$$0.jsx(components.SingleValue, { ...props, children: childrenSingleValue ? childrenSingleValue({ data }) : children });
+  return /* @__PURE__ */ jsxRuntime.jsx(components.SingleValue, { ...props, children: childrenSingleValue ? childrenSingleValue({ data }) : children });
 };
 const CustomInput = (props) => {
   const { pattern: pattern$1 } = props.selectProps;
@@ -5278,12 +5278,12 @@ const CustomInput = (props) => {
       e.preventDefault();
     }
   };
-  return /* @__PURE__ */ require$$0.jsx(components.Input, { ...props, onKeyDown: handleKeyDown, autoComplete: "off", autoCapitalize: "off" });
+  return /* @__PURE__ */ jsxRuntime.jsx(components.Input, { ...props, onKeyDown: handleKeyDown, autoComplete: "off", autoCapitalize: "off" });
 };
 const fcSelectStyles = ({ color, widthMenu, error, touched, size }) => {
-  const optionHover = clsx.clsx(color === "default" && "var(--accent)", color === "success" && "var(--color-success-100)");
-  const optionSelected = clsx.clsx(color === "default" && "var(--accent)", color === "success" && "var(--color-success-200)");
-  const multiValueColor = clsx.clsx(color === "default" && "var(--color-default)", color === "success" && "var(--color-success-500)");
+  const optionHover = clsx(color === "default" && "var(--accent)", color === "success" && "var(--color-success-100)");
+  const optionSelected = clsx(color === "default" && "var(--accent)", color === "success" && "var(--color-success-200)");
+  const multiValueColor = clsx(color === "default" && "var(--color-default)", color === "success" && "var(--color-success-500)");
   const colorStyles = {
     option: (styles, { isFocused, isSelected, isMulti }) => {
       const backgroundColor = isFocused && !isSelected ? optionHover : isSelected ? optionSelected : "var(--color-content1-default)";
@@ -5508,13 +5508,13 @@ const SelectInput = React.forwardRef(
         onChange2({ item, data: itemAll, action });
       }
     };
-    return /* @__PURE__ */ require$$0.jsxs("div", { className: bundleMjs.twMerge("w-full relative flex flex-col", classNameContainer), children: [
-      label && /* @__PURE__ */ require$$0.jsxs("label", { htmlFor: resolvedId, className: labelClass, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tailwindMerge.twMerge("w-full relative flex flex-col", classNameContainer), children: [
+      label && /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: resolvedId, className: labelClass, children: [
         label,
         " ",
-        required && /* @__PURE__ */ require$$0.jsx("span", { className: "text-danger", children: "*" })
+        required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-danger", children: "*" })
       ] }),
-      /* @__PURE__ */ require$$0.jsx("div", { children: /* @__PURE__ */ require$$0.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
         StateManagedSelect$1,
         {
           ref,
@@ -5576,7 +5576,7 @@ const SelectInput = React.forwardRef(
           }
         }
       ) }),
-      !disabled && error && touched ? /* @__PURE__ */ require$$0.jsx(labelError.LabelError, { text: error.toString() }) : null
+      !disabled && error && touched ? /* @__PURE__ */ jsxRuntime.jsx(labelError.LabelError, { text: error.toString() }) : null
     ] });
   }
 );
@@ -5826,13 +5826,13 @@ const Autocomplete = React.forwardRef(
         }
       }
     };
-    return /* @__PURE__ */ require$$0.jsxs("div", { className: bundleMjs.twMerge("w-full relative flex flex-col", classNameContainer), children: [
-      label && /* @__PURE__ */ require$$0.jsxs("label", { htmlFor: resolvedId, className: labelClass, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tailwindMerge.twMerge("w-full relative flex flex-col", classNameContainer), children: [
+      label && /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: resolvedId, className: labelClass, children: [
         label,
         " ",
-        required && /* @__PURE__ */ require$$0.jsx("span", { className: "text-danger", children: "*" })
+        required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-danger", children: "*" })
       ] }),
-      /* @__PURE__ */ require$$0.jsx("div", { children: /* @__PURE__ */ require$$0.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
         AsyncSelect$1,
         {
           ref,
@@ -5892,7 +5892,7 @@ const Autocomplete = React.forwardRef(
           }
         }
       ) }),
-      !disabled && error && touched ? /* @__PURE__ */ require$$0.jsx(labelError.LabelError, { text: error.toString() }) : null
+      !disabled && error && touched ? /* @__PURE__ */ jsxRuntime.jsx(labelError.LabelError, { text: error.toString() }) : null
     ] });
   }
 );