@beweco/aurora-ui 0.1.12 → 0.1.14

package/dist/index.cjs.js

@@ -1402,12 +1402,15 @@ var VerticalSteps = React.forwardRef(function (_a, ref) {
     return (jsxRuntime.jsx("nav", { "aria-label": "Progress", className: "max-w-fit", children: jsxRuntime.jsx("ol", { className: react$1.cn("flex flex-col gap-y-3", colors, className), children: steps === null || steps === void 0 ? void 0 : steps.map(function (step, stepIdx) {
                 var status = currentStep === stepIdx
                     ? "active"
-                    : currentStep < stepIdx
-                        ? "inactive"
-                        : "complete";
+                    : step.isCompleted
+                        ? "complete"
+                        : "inactive";
+                var isDisabled = status === "inactive";
                 return (
                 // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-                jsxRuntime.jsxs("li", { className: "relative", children: [jsxRuntime.jsx("div", { className: "flex w-full max-w-full items-center", children: jsxRuntime.jsxs("button", __assign({ type: "button", ref: ref, "aria-current": status === "active" ? "step" : undefined, className: react$1.cn("group rounded-large flex w-full cursor-pointer items-center justify-center gap-4 px-3 py-2.5", stepClassName), onClick: function () { return setCurrentStep(stepIdx); } }, props, { children: [jsxRuntime.jsx("div", { className: "flex h-full items-center", children: jsxRuntime.jsx(framerMotion.LazyMotion, { features: framerMotion.domAnimation, children: jsxRuntime.jsx("div", { className: "relative", children: jsxRuntime.jsx(framerMotion.m.div, { animate: status, className: react$1.cn("border-medium text-large text-default-600 relative flex h-[34px] w-[34px] items-center justify-center rounded-full font-semibold", {
+                jsxRuntime.jsxs("li", { className: "relative", children: [jsxRuntime.jsx("div", { className: "flex w-full max-w-full items-center", children: jsxRuntime.jsxs("button", __assign({ type: "button", ref: ref, "aria-current": status === "active" ? "step" : undefined, className: react$1.cn("group rounded-large flex w-full cursor-pointer items-center justify-center gap-4 px-3 py-2.5", stepClassName, {
+                                    "cursor-not-allowed": isDisabled,
+                                }), onClick: function () { return setCurrentStep(stepIdx); }, disabled: isDisabled }, props, { children: [jsxRuntime.jsx("div", { className: "flex h-full items-center", children: jsxRuntime.jsx(framerMotion.LazyMotion, { features: framerMotion.domAnimation, children: jsxRuntime.jsx("div", { className: "relative", children: jsxRuntime.jsx(framerMotion.m.div, { animate: status, className: react$1.cn("border-medium text-large text-default-600 relative flex h-[34px] w-[34px] items-center justify-center rounded-full font-semibold", {
                                                         "shadow-lg": status === "complete",
                                                     }), "data-status": status, initial: false, transition: { duration: 0.25 }, variants: {
                                                         inactive: {
@@ -1549,43 +1552,43 @@ var Pagination = function (_a) {
 
 // Lista simple de países con bandera emoji y código
 var countries = [
-    { code: "+57", name: "Colombia", flag: "🇨🇴" },
-    { code: "+54", name: "Argentina", flag: "🇦🇷" },
-    { code: "+55", name: "Brazil", flag: "🇧🇷" },
-    { code: "+52", name: "Mexico", flag: "🇲🇽" },
-    { code: "+503", name: "El Salvador", flag: "🇸🇻" },
-    { code: "+51", name: "Peru", flag: "🇵🇪" },
-    { code: "+56", name: "Chile", flag: "🇨🇱" },
-    { code: "+1", name: "United States", flag: "🇺🇸" },
-    { code: "+7", name: "Russia", flag: "🇷🇺" },
-    { code: "+20", name: "Egypt", flag: "🇪🇬" },
-    { code: "+27", name: "South Africa", flag: "🇿🇦" },
-    { code: "+33", name: "France", flag: "🇫🇷" },
-    { code: "+34", name: "Spain", flag: "🇪🇸" },
-    { code: "+39", name: "Italy", flag: "🇮🇹" },
-    { code: "+44", name: "United Kingdom", flag: "🇬🇧" },
-    { code: "+49", name: "Germany", flag: "🇩🇪" },
-    { code: "+51", name: "Peru", flag: "🇵🇪" },
-    { code: "+52", name: "Mexico", flag: "🇲🇽" },
-    { code: "+54", name: "Argentina", flag: "🇦🇷" },
-    { code: "+55", name: "Brazil", flag: "🇧🇷" },
-    { code: "+56", name: "Chile", flag: "🇨🇱" },
-    { code: "+57", name: "Colombia", flag: "🇨🇴" },
-    { code: "+60", name: "Malaysia", flag: "🇲🇾" },
-    { code: "+61", name: "Australia", flag: "🇦🇺" },
-    { code: "+62", name: "Indonesia", flag: "🇮🇩" },
-    { code: "+64", name: "New Zealand", flag: "🇳🇿" },
-    { code: "+65", name: "Singapore", flag: "🇸🇬" },
-    { code: "+66", name: "Thailand", flag: "🇹🇭" },
-    { code: "+81", name: "Japan", flag: "🇯🇵" },
-    { code: "+82", name: "South Korea", flag: "🇰🇷" },
-    { code: "+84", name: "Vietnam", flag: "🇻🇳" },
-    { code: "+86", name: "China", flag: "🇨🇳" },
-    { code: "+91", name: "India", flag: "🇮🇳" },
-    { code: "+351", name: "Portugal", flag: "🇵🇹" },
-    { code: "+503", name: "El Salvador", flag: "🇸🇻" },
-    { code: "+966", name: "Saudi Arabia", flag: "🇸🇦" },
-    { code: "+971", name: "UAE", flag: "🇦🇪" },
+    { code: "+57", name: "Colombia", flag: "🇨🇴", country: "CO" },
+    { code: "+54", name: "Argentina", flag: "🇦🇷", country: "AR" },
+    { code: "+55", name: "Brazil", flag: "🇧🇷", country: "BR" },
+    { code: "+52", name: "Mexico", flag: "🇲🇽", country: "MX" },
+    { code: "+503", name: "El Salvador", flag: "🇸🇻", country: "SV" },
+    { code: "+51", name: "Peru", flag: "🇵🇪", country: "PE" },
+    { code: "+56", name: "Chile", flag: "🇨🇱", country: "CL" },
+    { code: "+1", name: "United States", flag: "🇺🇸", country: "US" },
+    { code: "+7", name: "Russia", flag: "🇷🇺", country: "RU" },
+    { code: "+20", name: "Egypt", flag: "🇪🇬", country: "EG" },
+    { code: "+27", name: "South Africa", flag: "🇿🇦", country: "ZA" },
+    { code: "+33", name: "France", flag: "🇫🇷", country: "FR" },
+    { code: "+34", name: "Spain", flag: "🇪🇸", country: "ES" },
+    { code: "+39", name: "Italy", flag: "🇮🇹", country: "IT" },
+    { code: "+44", name: "United Kingdom", flag: "🇬🇧", country: "GB" },
+    { code: "+49", name: "Germany", flag: "🇩🇪", country: "DE" },
+    { code: "+51", name: "Peru", flag: "🇵🇪", country: "PE" },
+    { code: "+52", name: "Mexico", flag: "🇲🇽", country: "MX" },
+    { code: "+54", name: "Argentina", flag: "🇦🇷", country: "AR" },
+    { code: "+55", name: "Brazil", flag: "🇧🇷", country: "BR" },
+    { code: "+56", name: "Chile", flag: "🇨🇱", country: "CL" },
+    { code: "+57", name: "Colombia", flag: "🇨🇴", country: "CO" },
+    { code: "+60", name: "Malaysia", flag: "🇲🇾", country: "MY" },
+    { code: "+61", name: "Australia", flag: "🇦🇺", country: "AU" },
+    { code: "+62", name: "Indonesia", flag: "🇮🇩", country: "ID" },
+    { code: "+64", name: "New Zealand", flag: "🇳🇿", country: "NZ" },
+    { code: "+65", name: "Singapore", flag: "🇸🇬", country: "SG" },
+    { code: "+66", name: "Thailand", flag: "🇹🇭", country: "TH" },
+    { code: "+81", name: "Japan", flag: "🇯🇵", country: "JP" },
+    { code: "+82", name: "South Korea", flag: "🇰🇷", country: "KR" },
+    { code: "+84", name: "Vietnam", flag: "🇻🇳", country: "VN" },
+    { code: "+86", name: "China", flag: "🇨🇳", country: "CN" },
+    { code: "+91", name: "India", flag: "🇮🇳", country: "IN" },
+    { code: "+351", name: "Portugal", flag: "🇵🇹", country: "PT" },
+    { code: "+503", name: "El Salvador", flag: "🇸🇻", country: "SV" },
+    { code: "+966", name: "Saudi Arabia", flag: "🇸🇦", country: "SA" },
+    { code: "+971", name: "UAE", flag: "🇦🇪", country: "AE" },
 ];
 var uniqueCountries = Array.from(new Map(countries.map(function (item) { return [item.code + item.name, item]; })).values());
 // Traducciones por defecto
@@ -1611,11 +1614,11 @@ var Phone = function (_a) {
     var finalLabel = label || t.label;
     React.useEffect(function () {
         if (value) {
-            var found = uniqueCountries.find(function (c) { return c.code === value.countryCode; });
+            var found = uniqueCountries.find(function (c) { return c.code === value.code; });
             if (found) {
                 setSelectedCountry(found);
             }
-            setInputValue(value.phoneNumber);
+            setInputValue(value.number);
         }
     }, [value]);
     React.useEffect(function () {
@@ -1655,14 +1658,22 @@ var Phone = function (_a) {
         setSelectedCountry(country);
         setIsDropdownOpen(false);
         if (onChange) {
-            onChange({ countryCode: country.code, phoneNumber: inputValue });
+            onChange({
+                code: country.code,
+                number: inputValue,
+                country: country.country,
+            });
         }
     };
     var handleInputChange = function (e) {
         var val = e.target.value.replace(/\D/g, "");
         setInputValue(val);
         if (onChange) {
-            onChange({ countryCode: selectedCountry.code, phoneNumber: val });
+            onChange({
+                code: selectedCountry.code,
+                country: selectedCountry.country,
+                number: val,
+            });
         }
     };
     return (jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 w-full relative", id: id, children: [finalLabel && (jsxRuntime.jsxs("label", { htmlFor: "phone-input-".concat(name), className: "text-tiny text-default-500 mb-1 text-left", children: [finalLabel, " ", required && jsxRuntime.jsx("span", { className: "text-danger-500", children: "*" })] })), jsxRuntime.jsxs("div", { className: "flex items-center w-full min-h-[56px]  transition-colors shadow-sm border-medium border-default-200 rounded-xl focus-within:border-primary-500  ".concat(error ? "!border-danger-500 " : "border-default-200").concat(disabled ? "opacity-60" : ""), children: [jsxRuntime.jsx("div", { className: "relative ml-2", ref: dropdownRef, children: jsxRuntime.jsxs("button", { type: "button", className: "flex items-center gap-1 px-4 h-10 rounded-xl  bg-default-100  focus:outline-none transition-colors", onClick: function () { return setIsDropdownOpen(function (v) { return !v; }); }, disabled: disabled, tabIndex: 0, "aria-label": t.selectCountryAriaLabel, children: [jsxRuntime.jsx("span", { className: "text-lg", children: selectedCountry.flag }), jsxRuntime.jsx("span", { className: "text-xs text-default-500", children: selectedCountry.code }), jsxRuntime.jsxs("svg", { className: "w-4 h-4 text-default-500 ml-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-label": t.expandListAriaLabel, children: [jsxRuntime.jsx("title", { children: t.expandListAriaLabel }), jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })] })] }) }), jsxRuntime.jsx(react$1.Input, { type: "tel", className: "flex-1 border-none bg-transparent text-default-500  placeholder-default-500 px-2", placeholder: t.placeholder, value: inputValue, onChange: handleInputChange, onBlur: onBlur, disabled: disabled, name: name, autoComplete: "tel", id: "phone-input-".concat(name) })] }), error && errorText && (jsxRuntime.jsx("span", { className: " text-left text-xs text-danger-500 mt-1", children: errorText })), isDropdownOpen &&
@@ -2195,7 +2206,7 @@ function GlobalToast() {
     if (!toast.isVisible) {
         return null;
     }
-    return (jsxRuntime.jsx("div", { className: "fixed top-4 right-4 z-50 w-full max-w-sm", children: jsxRuntime.jsx(react$1.Alert, { hideIconWrapper: true, color: toast.color, variant: "flat", title: toast.title, description: toast.description, isClosable: true, onClose: hideToast }) }));
+    return (jsxRuntime.jsx("div", { className: "fixed top-4 right-4 z-[2000] w-full max-w-sm", children: jsxRuntime.jsx(react$1.Alert, { hideIconWrapper: true, color: toast.color, variant: "flat", title: toast.title, description: toast.description, isClosable: true, onClose: hideToast }) }));
 }
 
 // Traducciones por defecto en español

package/dist/index.esm.js

@@ -1402,12 +1402,15 @@ var VerticalSteps = React.forwardRef(function (_a, ref) {
     return (jsx("nav", { "aria-label": "Progress", className: "max-w-fit", children: jsx("ol", { className: cn("flex flex-col gap-y-3", colors, className), children: steps === null || steps === void 0 ? void 0 : steps.map(function (step, stepIdx) {
                 var status = currentStep === stepIdx
                     ? "active"
-                    : currentStep < stepIdx
-                        ? "inactive"
-                        : "complete";
+                    : step.isCompleted
+                        ? "complete"
+                        : "inactive";
+                var isDisabled = status === "inactive";
                 return (
                 // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-                jsxs("li", { className: "relative", children: [jsx("div", { className: "flex w-full max-w-full items-center", children: jsxs("button", __assign({ type: "button", ref: ref, "aria-current": status === "active" ? "step" : undefined, className: cn("group rounded-large flex w-full cursor-pointer items-center justify-center gap-4 px-3 py-2.5", stepClassName), onClick: function () { return setCurrentStep(stepIdx); } }, props, { children: [jsx("div", { className: "flex h-full items-center", children: jsx(LazyMotion, { features: domAnimation, children: jsx("div", { className: "relative", children: jsx(m.div, { animate: status, className: cn("border-medium text-large text-default-600 relative flex h-[34px] w-[34px] items-center justify-center rounded-full font-semibold", {
+                jsxs("li", { className: "relative", children: [jsx("div", { className: "flex w-full max-w-full items-center", children: jsxs("button", __assign({ type: "button", ref: ref, "aria-current": status === "active" ? "step" : undefined, className: cn("group rounded-large flex w-full cursor-pointer items-center justify-center gap-4 px-3 py-2.5", stepClassName, {
+                                    "cursor-not-allowed": isDisabled,
+                                }), onClick: function () { return setCurrentStep(stepIdx); }, disabled: isDisabled }, props, { children: [jsx("div", { className: "flex h-full items-center", children: jsx(LazyMotion, { features: domAnimation, children: jsx("div", { className: "relative", children: jsx(m.div, { animate: status, className: cn("border-medium text-large text-default-600 relative flex h-[34px] w-[34px] items-center justify-center rounded-full font-semibold", {
                                                         "shadow-lg": status === "complete",
                                                     }), "data-status": status, initial: false, transition: { duration: 0.25 }, variants: {
                                                         inactive: {
@@ -1549,43 +1552,43 @@ var Pagination = function (_a) {
 
 // Lista simple de países con bandera emoji y código
 var countries = [
-    { code: "+57", name: "Colombia", flag: "🇨🇴" },
-    { code: "+54", name: "Argentina", flag: "🇦🇷" },
-    { code: "+55", name: "Brazil", flag: "🇧🇷" },
-    { code: "+52", name: "Mexico", flag: "🇲🇽" },
-    { code: "+503", name: "El Salvador", flag: "🇸🇻" },
-    { code: "+51", name: "Peru", flag: "🇵🇪" },
-    { code: "+56", name: "Chile", flag: "🇨🇱" },
-    { code: "+1", name: "United States", flag: "🇺🇸" },
-    { code: "+7", name: "Russia", flag: "🇷🇺" },
-    { code: "+20", name: "Egypt", flag: "🇪🇬" },
-    { code: "+27", name: "South Africa", flag: "🇿🇦" },
-    { code: "+33", name: "France", flag: "🇫🇷" },
-    { code: "+34", name: "Spain", flag: "🇪🇸" },
-    { code: "+39", name: "Italy", flag: "🇮🇹" },
-    { code: "+44", name: "United Kingdom", flag: "🇬🇧" },
-    { code: "+49", name: "Germany", flag: "🇩🇪" },
-    { code: "+51", name: "Peru", flag: "🇵🇪" },
-    { code: "+52", name: "Mexico", flag: "🇲🇽" },
-    { code: "+54", name: "Argentina", flag: "🇦🇷" },
-    { code: "+55", name: "Brazil", flag: "🇧🇷" },
-    { code: "+56", name: "Chile", flag: "🇨🇱" },
-    { code: "+57", name: "Colombia", flag: "🇨🇴" },
-    { code: "+60", name: "Malaysia", flag: "🇲🇾" },
-    { code: "+61", name: "Australia", flag: "🇦🇺" },
-    { code: "+62", name: "Indonesia", flag: "🇮🇩" },
-    { code: "+64", name: "New Zealand", flag: "🇳🇿" },
-    { code: "+65", name: "Singapore", flag: "🇸🇬" },
-    { code: "+66", name: "Thailand", flag: "🇹🇭" },
-    { code: "+81", name: "Japan", flag: "🇯🇵" },
-    { code: "+82", name: "South Korea", flag: "🇰🇷" },
-    { code: "+84", name: "Vietnam", flag: "🇻🇳" },
-    { code: "+86", name: "China", flag: "🇨🇳" },
-    { code: "+91", name: "India", flag: "🇮🇳" },
-    { code: "+351", name: "Portugal", flag: "🇵🇹" },
-    { code: "+503", name: "El Salvador", flag: "🇸🇻" },
-    { code: "+966", name: "Saudi Arabia", flag: "🇸🇦" },
-    { code: "+971", name: "UAE", flag: "🇦🇪" },
+    { code: "+57", name: "Colombia", flag: "🇨🇴", country: "CO" },
+    { code: "+54", name: "Argentina", flag: "🇦🇷", country: "AR" },
+    { code: "+55", name: "Brazil", flag: "🇧🇷", country: "BR" },
+    { code: "+52", name: "Mexico", flag: "🇲🇽", country: "MX" },
+    { code: "+503", name: "El Salvador", flag: "🇸🇻", country: "SV" },
+    { code: "+51", name: "Peru", flag: "🇵🇪", country: "PE" },
+    { code: "+56", name: "Chile", flag: "🇨🇱", country: "CL" },
+    { code: "+1", name: "United States", flag: "🇺🇸", country: "US" },
+    { code: "+7", name: "Russia", flag: "🇷🇺", country: "RU" },
+    { code: "+20", name: "Egypt", flag: "🇪🇬", country: "EG" },
+    { code: "+27", name: "South Africa", flag: "🇿🇦", country: "ZA" },
+    { code: "+33", name: "France", flag: "🇫🇷", country: "FR" },
+    { code: "+34", name: "Spain", flag: "🇪🇸", country: "ES" },
+    { code: "+39", name: "Italy", flag: "🇮🇹", country: "IT" },
+    { code: "+44", name: "United Kingdom", flag: "🇬🇧", country: "GB" },
+    { code: "+49", name: "Germany", flag: "🇩🇪", country: "DE" },
+    { code: "+51", name: "Peru", flag: "🇵🇪", country: "PE" },
+    { code: "+52", name: "Mexico", flag: "🇲🇽", country: "MX" },
+    { code: "+54", name: "Argentina", flag: "🇦🇷", country: "AR" },
+    { code: "+55", name: "Brazil", flag: "🇧🇷", country: "BR" },
+    { code: "+56", name: "Chile", flag: "🇨🇱", country: "CL" },
+    { code: "+57", name: "Colombia", flag: "🇨🇴", country: "CO" },
+    { code: "+60", name: "Malaysia", flag: "🇲🇾", country: "MY" },
+    { code: "+61", name: "Australia", flag: "🇦🇺", country: "AU" },
+    { code: "+62", name: "Indonesia", flag: "🇮🇩", country: "ID" },
+    { code: "+64", name: "New Zealand", flag: "🇳🇿", country: "NZ" },
+    { code: "+65", name: "Singapore", flag: "🇸🇬", country: "SG" },
+    { code: "+66", name: "Thailand", flag: "🇹🇭", country: "TH" },
+    { code: "+81", name: "Japan", flag: "🇯🇵", country: "JP" },
+    { code: "+82", name: "South Korea", flag: "🇰🇷", country: "KR" },
+    { code: "+84", name: "Vietnam", flag: "🇻🇳", country: "VN" },
+    { code: "+86", name: "China", flag: "🇨🇳", country: "CN" },
+    { code: "+91", name: "India", flag: "🇮🇳", country: "IN" },
+    { code: "+351", name: "Portugal", flag: "🇵🇹", country: "PT" },
+    { code: "+503", name: "El Salvador", flag: "🇸🇻", country: "SV" },
+    { code: "+966", name: "Saudi Arabia", flag: "🇸🇦", country: "SA" },
+    { code: "+971", name: "UAE", flag: "🇦🇪", country: "AE" },
 ];
 var uniqueCountries = Array.from(new Map(countries.map(function (item) { return [item.code + item.name, item]; })).values());
 // Traducciones por defecto
@@ -1611,11 +1614,11 @@ var Phone = function (_a) {
     var finalLabel = label || t.label;
     useEffect(function () {
         if (value) {
-            var found = uniqueCountries.find(function (c) { return c.code === value.countryCode; });
+            var found = uniqueCountries.find(function (c) { return c.code === value.code; });
             if (found) {
                 setSelectedCountry(found);
             }
-            setInputValue(value.phoneNumber);
+            setInputValue(value.number);
         }
     }, [value]);
     useEffect(function () {
@@ -1655,14 +1658,22 @@ var Phone = function (_a) {
         setSelectedCountry(country);
         setIsDropdownOpen(false);
         if (onChange) {
-            onChange({ countryCode: country.code, phoneNumber: inputValue });
+            onChange({
+                code: country.code,
+                number: inputValue,
+                country: country.country,
+            });
         }
     };
     var handleInputChange = function (e) {
         var val = e.target.value.replace(/\D/g, "");
         setInputValue(val);
         if (onChange) {
-            onChange({ countryCode: selectedCountry.code, phoneNumber: val });
+            onChange({
+                code: selectedCountry.code,
+                country: selectedCountry.country,
+                number: val,
+            });
         }
     };
     return (jsxs("div", { className: "flex flex-col gap-1 w-full relative", id: id, children: [finalLabel && (jsxs("label", { htmlFor: "phone-input-".concat(name), className: "text-tiny text-default-500 mb-1 text-left", children: [finalLabel, " ", required && jsx("span", { className: "text-danger-500", children: "*" })] })), jsxs("div", { className: "flex items-center w-full min-h-[56px]  transition-colors shadow-sm border-medium border-default-200 rounded-xl focus-within:border-primary-500  ".concat(error ? "!border-danger-500 " : "border-default-200").concat(disabled ? "opacity-60" : ""), children: [jsx("div", { className: "relative ml-2", ref: dropdownRef, children: jsxs("button", { type: "button", className: "flex items-center gap-1 px-4 h-10 rounded-xl  bg-default-100  focus:outline-none transition-colors", onClick: function () { return setIsDropdownOpen(function (v) { return !v; }); }, disabled: disabled, tabIndex: 0, "aria-label": t.selectCountryAriaLabel, children: [jsx("span", { className: "text-lg", children: selectedCountry.flag }), jsx("span", { className: "text-xs text-default-500", children: selectedCountry.code }), jsxs("svg", { className: "w-4 h-4 text-default-500 ml-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-label": t.expandListAriaLabel, children: [jsx("title", { children: t.expandListAriaLabel }), jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })] })] }) }), jsx(Input$1, { type: "tel", className: "flex-1 border-none bg-transparent text-default-500  placeholder-default-500 px-2", placeholder: t.placeholder, value: inputValue, onChange: handleInputChange, onBlur: onBlur, disabled: disabled, name: name, autoComplete: "tel", id: "phone-input-".concat(name) })] }), error && errorText && (jsx("span", { className: " text-left text-xs text-danger-500 mt-1", children: errorText })), isDropdownOpen &&
@@ -2195,7 +2206,7 @@ function GlobalToast() {
     if (!toast.isVisible) {
         return null;
     }
-    return (jsx("div", { className: "fixed top-4 right-4 z-50 w-full max-w-sm", children: jsx(Alert, { hideIconWrapper: true, color: toast.color, variant: "flat", title: toast.title, description: toast.description, isClosable: true, onClose: hideToast }) }));
+    return (jsx("div", { className: "fixed top-4 right-4 z-[2000] w-full max-w-sm", children: jsx(Alert, { hideIconWrapper: true, color: toast.color, variant: "flat", title: toast.title, description: toast.description, isClosable: true, onClose: hideToast }) }));
 }
 
 // Traducciones por defecto en español

package/dist/types/components/multi-step-wizard/MultiStepWizard.types.d.ts

@@ -4,6 +4,7 @@ export interface Step {
     description: string;
     content: React.ReactNode;
     isStepValid?: boolean;
+    isCompleted?: boolean;
 }
 export interface MultiStepWizardProps {
     isOpen?: boolean;

package/dist/types/components/multi-step-wizard/MultiStepWizard.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiStepWizard.types.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-step-wizard/MultiStepWizard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,IAAI;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,oBAAoB;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,CAAC,EAAE,2BAA2B,CAAC;IAC3C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,2BAA2B;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB"}
+{"version":3,"file":"MultiStepWizard.types.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-step-wizard/MultiStepWizard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,IAAI;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,oBAAoB;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,CAAC,EAAE,2BAA2B,CAAC;IAC3C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,2BAA2B;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB"}

package/dist/types/components/phone/Phone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Phone.d.ts","sourceRoot":"","sources":["../../../../src/components/phone/Phone.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoN3C,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Phone.d.ts","sourceRoot":"","sources":["../../../../src/components/phone/Phone.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4N3C,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/types/components/phone/Phone.types.d.ts

@@ -12,8 +12,8 @@ export interface Country {
     flag: string;
 }
 export interface PhoneValue {
-    countryCode?: string;
-    phoneNumber: string;
+    code?: string;
+    number: string;
     country?: string;
 }
 export interface PhoneInputProps {

package/dist/types/components/phone/Phone.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Phone.types.d.ts","sourceRoot":"","sources":["../../../../src/components/phone/Phone.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,OAAO;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,UAAU;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,iBAAiB,CAAC;CACjC"}
+{"version":3,"file":"Phone.types.d.ts","sourceRoot":"","sources":["../../../../src/components/phone/Phone.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,OAAO;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,UAAU;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,iBAAiB,CAAC;CACjC"}

package/dist/types/components/phone/index.d.ts

@@ -1,3 +1,3 @@
 export { Phone } from "./Phone";
-export type { PhoneInputProps, PhoneTranslations } from "./Phone.types";
+export type { PhoneInputProps, PhoneTranslations, PhoneValue } from "./Phone.types";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/phone/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/phone/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/phone/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/types/components/phone/phone.constants.d.ts

@@ -3,11 +3,13 @@ export declare const countries: {
     code: string;
     name: string;
     flag: string;
+    country: string;
 }[];
 export declare const uniqueCountries: {
     code: string;
     name: string;
     flag: string;
+    country: string;
 }[];
 export declare const defaultTranslations: Required<PhoneTranslations>;
 //# sourceMappingURL=phone.constants.d.ts.map

package/dist/types/components/phone/phone.constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"phone.constants.d.ts","sourceRoot":"","sources":["../../../../src/components/phone/phone.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGvD,eAAO,MAAM,SAAS;;;;GAsCrB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;GAE3B,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,iBAAiB,CAO3D,CAAC"}
+{"version":3,"file":"phone.constants.d.ts","sourceRoot":"","sources":["../../../../src/components/phone/phone.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGvD,eAAO,MAAM,SAAS;;;;;GAsCrB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;GAE3B,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,iBAAiB,CAO3D,CAAC"}

package/dist/types/components/vertical-steps/VerticalSteps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalSteps.d.ts","sourceRoot":"","sources":["../../../../src/components/vertical-steps/VerticalSteps.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAEX,kBAAkB,EAElB,MAAM,uBAAuB,CAAC;AAM/B,eAAO,MAAM,aAAa,8FA6NzB,CAAC"}
+{"version":3,"file":"VerticalSteps.d.ts","sourceRoot":"","sources":["../../../../src/components/vertical-steps/VerticalSteps.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAEX,kBAAkB,EAElB,MAAM,uBAAuB,CAAC;AAM/B,eAAO,MAAM,aAAa,8FAmOzB,CAAC"}

package/dist/types/components/vertical-steps/VerticalSteps.types.d.ts

@@ -7,6 +7,8 @@ export type Step = {
     className?: string;
     description?: React.ReactNode;
     title?: React.ReactNode;
+    isStepValid?: boolean;
+    isCompleted?: boolean;
 };
 export interface VerticalStepsProps extends React.HTMLAttributes<HTMLButtonElement> {
     /**

package/dist/types/components/vertical-steps/VerticalSteps.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalSteps.types.d.ts","sourceRoot":"","sources":["../../../../src/components/vertical-steps/VerticalSteps.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,yBAAyB;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,IAAI,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,WAAW,kBAChB,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAC/C;;;;OAIG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,CAAC;IACvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C;;OAEG;IACH,YAAY,CAAC,EAAE,yBAAyB,CAAC;CACzC"}
+{"version":3,"file":"VerticalSteps.types.d.ts","sourceRoot":"","sources":["../../../../src/components/vertical-steps/VerticalSteps.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,yBAAyB;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,IAAI,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,kBAChB,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAC/C;;;;OAIG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,CAAC;IACvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C;;OAEG;IACH,YAAY,CAAC,EAAE,yBAAyB,CAAC;CACzC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@beweco/aurora-ui",
-	"version": "0.1.12",
+	"version": "0.1.14",
 	"description": "Bewe Aurora UI Component Library",
 	"main": "./dist/index.cjs.js",
 	"module": "./dist/index.esm.js",