@alexochihua/exos-library-components 2.25.27 → 2.25.28

package/dist/exos-library-components.common.js

@@ -29755,13 +29755,14 @@ const directiveCallback = (el, binding) => {
 });
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/icon/EIcon.vue?vue&type=script&setup=true&lang=js
 
-const EIconvue_type_script_setup_true_lang_js_hoisted_1 = ["width", "height"];
-const EIconvue_type_script_setup_true_lang_js_hoisted_2 = ["id"];
-const EIconvue_type_script_setup_true_lang_js_hoisted_3 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("stop", {
+const EIconvue_type_script_setup_true_lang_js_hoisted_1 = ["iconName"];
+const EIconvue_type_script_setup_true_lang_js_hoisted_2 = ["width", "height"];
+const EIconvue_type_script_setup_true_lang_js_hoisted_3 = ["id"];
+const EIconvue_type_script_setup_true_lang_js_hoisted_4 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("stop", {
   offset: "0%",
   "stop-color": "currentColor"
 }, null, -1);
-const EIconvue_type_script_setup_true_lang_js_hoisted_4 = ["stop-color"];
+const EIconvue_type_script_setup_true_lang_js_hoisted_5 = ["stop-color"];
 
 
 
@@ -29891,10 +29892,11 @@ const EIconvue_type_script_setup_true_lang_js_hoisted_4 = ["stop-color"];
       return !props.isSVG ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
         key: 0,
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(`${iconClass.value} ${props.applyGradient ? '' : props.color}`),
+        iconName: isLocalIcon.value ? '' : iconName.value,
         style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeStyle)(iconStyle.value),
         "data-testid": "icon-cy",
         onClick: handleClick
-      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(isLocalIcon.value ? '' : iconName.value), 7)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", {
+      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(isLocalIcon.value ? '' : iconName.value), 15, EIconvue_type_script_setup_true_lang_js_hoisted_1)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", {
         key: 1,
         "data-testid": "icon-cy",
         width: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.unref)(sizeValueComputed),
@@ -29913,12 +29915,12 @@ const EIconvue_type_script_setup_true_lang_js_hoisted_4 = ["stop-color"];
         y1: "0%",
         y2: "0%",
         gradientUnits: "userSpaceOnUse"
-      }, [EIconvue_type_script_setup_true_lang_js_hoisted_3, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("stop", {
+      }, [EIconvue_type_script_setup_true_lang_js_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("stop", {
         offset: "100%",
         "stop-color": colorGradRight.value
-      }, null, 8, EIconvue_type_script_setup_true_lang_js_hoisted_4)], 8, EIconvue_type_script_setup_true_lang_js_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withDirectives)(((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", {
+      }, null, 8, EIconvue_type_script_setup_true_lang_js_hoisted_5)], 8, EIconvue_type_script_setup_true_lang_js_hoisted_3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withDirectives)(((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", {
         style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeStyle)(props.applyGradient ? `fill: url(#grad${(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.unref)(_vm).uid})` : '')
-      }, null, 4)), [[vSaveHTML, props.name]])], 10, EIconvue_type_script_setup_true_lang_js_hoisted_1));
+      }, null, 4)), [[vSaveHTML, props.name]])], 10, EIconvue_type_script_setup_true_lang_js_hoisted_2));
     };
   }
 });
@@ -51611,9 +51613,10 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
       isInputFocused.value = false;
     };
     const handleDateChange = async val => {
-      await emit('update:modelValue', val.target.value);
-      if (props.modelValue && props.modelValue.length === 10) {
-        let selectedDateObj = DateTime.fromFormat(props.modelValue, props.formatDateInput);
+      const trimmedValue = val.target.value.trim();
+      await emit('update:modelValue', trimmedValue);
+      if (trimmedValue && trimmedValue.length === 10) {
+        let selectedDateObj = DateTime.fromFormat(trimmedValue, props.formatDateInput);
         if (selectedDateObj.isValid) {
           selectedDate.value = selectedDateObj.toFormat(props.formatDate);
           await emit('update:modelValue', selectedDate.value);
@@ -53047,6 +53050,8 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
         if (formatted !== props.modelValue) {
           emit('update:modelValue', formatted);
         }
+      } else if (typeof props.modelValue === 'string' && props.modelValue.trim() !== props.modelValue) {
+        emit('update:modelValue', props.modelValue.trim());
       }
     };
 
@@ -54436,6 +54441,9 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
       if (isCleaning.value) {
         return;
       }
+      if (typeof value === 'string') {
+        value = value.trim();
+      }
       if (!isMaskActive.value) {
         realValue.value = value;
         emit('update:modelValue', value);
@@ -55785,7 +55793,6 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
     const tempValueInput = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(null);
     const auxSuggestions = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)([]);
     const multipleValue = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)([]);
-    const selectContentHeight = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(null);
     const inputLabelSelectedW = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(null);
     const selectHeight = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(null);
     const inputSuggestContainerW = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(null);
@@ -55981,12 +55988,12 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
       return baseLabelSelectedClasses.concat(dynamicLabelClasses, iconClasses);
     });
     const labelSelectSuggest = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
-      const baseLabelClasses = [roundedClass.value, tempValueInput.value || hasInfo.value ? 'e-select__label--suggested' : 'e-select__label--default', isSelectFocused.value || hasInfo.value ? 'text-caption-2' : textSizeClass.value, props.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer', slots.icon && !props.iconRight ? 'exos-pl-20' : ''];
+      const baseLabelClasses = [roundedClass.value, tempValueInput.value || hasInfo.value ? 'e-select__label--suggested' : 'e-select__label--default', isSelectFocused.value || hasInfo.value ? 'e-select__label--hasInfo' : textSizeClass.value, props.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer', slots.icon && !props.iconRight ? 'exos-pl-20' : ''];
       const dynamicLabelClasses = [errorRules.value || messageRule.value ? 'e-select__text--error' : [props.disabled ? 'e-select__text--inactive' : [hasInfo.value ? `${props.labelColor} e-select__text--active` : `${props.labelColorNV} e-select__text--default`]]];
       return baseLabelClasses.concat(dynamicLabelClasses);
     });
     const labelSelectDefault = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
-      const baseLabelClasses = [hasInfo.value ? 'e-select__label--default text-caption-2' : textSizeClass.value, roundedClass.value, props.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer'];
+      const baseLabelClasses = [hasInfo.value ? 'e-select__label--default e-select__label--hasInfo' : textSizeClass.value, roundedClass.value, props.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer'];
       const dynamicLabelClasses = [errorRules.value || messageRule.value ? 'e-select__text--error' : [props.disabled ? 'e-select__text--inactive' : [hasInfo.value ? `${props.labelColor} e-select__text--active` : `${props.labelColorNV} e-select__text--default`]]];
       return baseLabelClasses.concat(dynamicLabelClasses);
     });
@@ -56443,7 +56450,7 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
         : props.modelValue === value; // Compara el valor del modelo con el valor proporcionado
 
         // Devuelve el color de fondo si la etiqueta está seleccionada; de lo contrario, null
-        return isSelected ? ['text-body-3', roundedClass.value, props.selectedOptionBgColor + ' e-select__optionItem--selected'] : 'text-body-4';
+        return isSelected ? ['e-select__itemText--selected', roundedClass.value, props.selectedOptionBgColor + ' e-select__optionItem--selected'] : 'e-select__textSize--def';
       }
     };
     const getFormattedOption = option => {
@@ -56860,7 +56867,9 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
         onFocus: onInputFocus,
         onInput: fetchSuggestions,
         onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(toggleDropdown, ["prevent"])
-      }, null, 46, ESelectvue_type_script_setup_true_lang_js_hoisted_2), [[external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.vModelText, tempValueInput.value]]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+      }, null, 46, ESelectvue_type_script_setup_true_lang_js_hoisted_2), [[external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.vModelText, tempValueInput.value, void 0, {
+        trim: true
+      }]]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
         ref: `selectLabelSelectedSuggest-${(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.unref)(instance).uid}`,
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(inputLabelSelectedClass.value)
       }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(getFormattedOptionSelected(labelSelected.value)), 3), showTooltip.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_tooltip, {
@@ -56922,7 +56931,9 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
         onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(toggleDropdown, ["prevent"])
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "arrow", {
         isSelectOpened: isSelectOpened.value
-      }, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_icon, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.guardReactiveProps)(arrowIconClass.value)), null, 16)])], 2))], 2), isSelectOpened.value && useTeleport.value && teleportTarget.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Teleport, {
+      }, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_icon, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+        "data-icon": "select-arrow"
+      }, arrowIconClass.value), null, 16)])], 2))], 2), isSelectOpened.value && useTeleport.value && teleportTarget.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Teleport, {
         key: 2,
         to: teleportTarget.value
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {

package/dist/exos-library-components.umd.js

@@ -29773,13 +29773,14 @@ const directiveCallback = (el, binding) => {
 });
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/icon/EIcon.vue?vue&type=script&setup=true&lang=js
 
-const EIconvue_type_script_setup_true_lang_js_hoisted_1 = ["width", "height"];
-const EIconvue_type_script_setup_true_lang_js_hoisted_2 = ["id"];
-const EIconvue_type_script_setup_true_lang_js_hoisted_3 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("stop", {
+const EIconvue_type_script_setup_true_lang_js_hoisted_1 = ["iconName"];
+const EIconvue_type_script_setup_true_lang_js_hoisted_2 = ["width", "height"];
+const EIconvue_type_script_setup_true_lang_js_hoisted_3 = ["id"];
+const EIconvue_type_script_setup_true_lang_js_hoisted_4 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("stop", {
   offset: "0%",
   "stop-color": "currentColor"
 }, null, -1);
-const EIconvue_type_script_setup_true_lang_js_hoisted_4 = ["stop-color"];
+const EIconvue_type_script_setup_true_lang_js_hoisted_5 = ["stop-color"];
 
 
 
@@ -29909,10 +29910,11 @@ const EIconvue_type_script_setup_true_lang_js_hoisted_4 = ["stop-color"];
       return !props.isSVG ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", {
         key: 0,
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(`${iconClass.value} ${props.applyGradient ? '' : props.color}`),
+        iconName: isLocalIcon.value ? '' : iconName.value,
         style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)(iconStyle.value),
         "data-testid": "icon-cy",
         onClick: handleClick
-      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(isLocalIcon.value ? '' : iconName.value), 7)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", {
+      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(isLocalIcon.value ? '' : iconName.value), 15, EIconvue_type_script_setup_true_lang_js_hoisted_1)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", {
         key: 1,
         "data-testid": "icon-cy",
         width: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(sizeValueComputed),
@@ -29931,12 +29933,12 @@ const EIconvue_type_script_setup_true_lang_js_hoisted_4 = ["stop-color"];
         y1: "0%",
         y2: "0%",
         gradientUnits: "userSpaceOnUse"
-      }, [EIconvue_type_script_setup_true_lang_js_hoisted_3, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("stop", {
+      }, [EIconvue_type_script_setup_true_lang_js_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("stop", {
         offset: "100%",
         "stop-color": colorGradRight.value
-      }, null, 8, EIconvue_type_script_setup_true_lang_js_hoisted_4)], 8, EIconvue_type_script_setup_true_lang_js_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withDirectives)(((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", {
+      }, null, 8, EIconvue_type_script_setup_true_lang_js_hoisted_5)], 8, EIconvue_type_script_setup_true_lang_js_hoisted_3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withDirectives)(((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", {
         style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)(props.applyGradient ? `fill: url(#grad${(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(_vm).uid})` : '')
-      }, null, 4)), [[vSaveHTML, props.name]])], 10, EIconvue_type_script_setup_true_lang_js_hoisted_1));
+      }, null, 4)), [[vSaveHTML, props.name]])], 10, EIconvue_type_script_setup_true_lang_js_hoisted_2));
     };
   }
 });
@@ -51629,9 +51631,10 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
       isInputFocused.value = false;
     };
     const handleDateChange = async val => {
-      await emit('update:modelValue', val.target.value);
-      if (props.modelValue && props.modelValue.length === 10) {
-        let selectedDateObj = DateTime.fromFormat(props.modelValue, props.formatDateInput);
+      const trimmedValue = val.target.value.trim();
+      await emit('update:modelValue', trimmedValue);
+      if (trimmedValue && trimmedValue.length === 10) {
+        let selectedDateObj = DateTime.fromFormat(trimmedValue, props.formatDateInput);
         if (selectedDateObj.isValid) {
           selectedDate.value = selectedDateObj.toFormat(props.formatDate);
           await emit('update:modelValue', selectedDate.value);
@@ -53065,6 +53068,8 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
         if (formatted !== props.modelValue) {
           emit('update:modelValue', formatted);
         }
+      } else if (typeof props.modelValue === 'string' && props.modelValue.trim() !== props.modelValue) {
+        emit('update:modelValue', props.modelValue.trim());
       }
     };
 
@@ -54454,6 +54459,9 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
       if (isCleaning.value) {
         return;
       }
+      if (typeof value === 'string') {
+        value = value.trim();
+      }
       if (!isMaskActive.value) {
         realValue.value = value;
         emit('update:modelValue', value);
@@ -55803,7 +55811,6 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
     const tempValueInput = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
     const auxSuggestions = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)([]);
     const multipleValue = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)([]);
-    const selectContentHeight = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
     const inputLabelSelectedW = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
     const selectHeight = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
     const inputSuggestContainerW = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
@@ -55999,12 +56006,12 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
       return baseLabelSelectedClasses.concat(dynamicLabelClasses, iconClasses);
     });
     const labelSelectSuggest = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      const baseLabelClasses = [roundedClass.value, tempValueInput.value || hasInfo.value ? 'e-select__label--suggested' : 'e-select__label--default', isSelectFocused.value || hasInfo.value ? 'text-caption-2' : textSizeClass.value, props.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer', slots.icon && !props.iconRight ? 'exos-pl-20' : ''];
+      const baseLabelClasses = [roundedClass.value, tempValueInput.value || hasInfo.value ? 'e-select__label--suggested' : 'e-select__label--default', isSelectFocused.value || hasInfo.value ? 'e-select__label--hasInfo' : textSizeClass.value, props.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer', slots.icon && !props.iconRight ? 'exos-pl-20' : ''];
       const dynamicLabelClasses = [errorRules.value || messageRule.value ? 'e-select__text--error' : [props.disabled ? 'e-select__text--inactive' : [hasInfo.value ? `${props.labelColor} e-select__text--active` : `${props.labelColorNV} e-select__text--default`]]];
       return baseLabelClasses.concat(dynamicLabelClasses);
     });
     const labelSelectDefault = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      const baseLabelClasses = [hasInfo.value ? 'e-select__label--default text-caption-2' : textSizeClass.value, roundedClass.value, props.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer'];
+      const baseLabelClasses = [hasInfo.value ? 'e-select__label--default e-select__label--hasInfo' : textSizeClass.value, roundedClass.value, props.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer'];
       const dynamicLabelClasses = [errorRules.value || messageRule.value ? 'e-select__text--error' : [props.disabled ? 'e-select__text--inactive' : [hasInfo.value ? `${props.labelColor} e-select__text--active` : `${props.labelColorNV} e-select__text--default`]]];
       return baseLabelClasses.concat(dynamicLabelClasses);
     });
@@ -56461,7 +56468,7 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
         : props.modelValue === value; // Compara el valor del modelo con el valor proporcionado
 
         // Devuelve el color de fondo si la etiqueta está seleccionada; de lo contrario, null
-        return isSelected ? ['text-body-3', roundedClass.value, props.selectedOptionBgColor + ' e-select__optionItem--selected'] : 'text-body-4';
+        return isSelected ? ['e-select__itemText--selected', roundedClass.value, props.selectedOptionBgColor + ' e-select__optionItem--selected'] : 'e-select__textSize--def';
       }
     };
     const getFormattedOption = option => {
@@ -56878,7 +56885,9 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
         onFocus: onInputFocus,
         onInput: fetchSuggestions,
         onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(toggleDropdown, ["prevent"])
-      }, null, 46, ESelectvue_type_script_setup_true_lang_js_hoisted_2), [[external_commonjs_vue_commonjs2_vue_root_Vue_.vModelText, tempValueInput.value]]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+      }, null, 46, ESelectvue_type_script_setup_true_lang_js_hoisted_2), [[external_commonjs_vue_commonjs2_vue_root_Vue_.vModelText, tempValueInput.value, void 0, {
+        trim: true
+      }]]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
         ref: `selectLabelSelectedSuggest-${(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(instance).uid}`,
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(inputLabelSelectedClass.value)
       }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(getFormattedOptionSelected(labelSelected.value)), 3), showTooltip.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_e_tooltip, {
@@ -56940,7 +56949,9 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
         onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(toggleDropdown, ["prevent"])
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "arrow", {
         isSelectOpened: isSelectOpened.value
-      }, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_e_icon, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.guardReactiveProps)(arrowIconClass.value)), null, 16)])], 2))], 2), isSelectOpened.value && useTeleport.value && teleportTarget.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Teleport, {
+      }, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_e_icon, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+        "data-icon": "select-arrow"
+      }, arrowIconClass.value), null, 16)])], 2))], 2), isSelectOpened.value && useTeleport.value && teleportTarget.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Teleport, {
         key: 2,
         to: teleportTarget.value
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {