@alexochihua/exos-library-components 2.15.0 → 2.16.1

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

@@ -1023,6 +1023,13 @@ module.exports = {}
 
 /***/ }),
 
+/***/ 8207:
+/***/ (function(module) {
+
+module.exports = {}
+
+/***/ }),
+
 /***/ 7497:
 /***/ (function(module) {
 
@@ -4801,99 +4808,96 @@ if (typeof (EButtonsHeaderTplvue_type_custom_index_0_blockType_docs_lang_md_defa
 const EButtonsHeaderTpl_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(script, [['render',EButtonsHeaderTplvue_type_template_id_c2d240d2_render]])
 
 /* harmony default export */ var EButtonsHeaderTpl = (EButtonsHeaderTpl_exports_);
-;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layouts/mainPageTpl/EMainPageTpl.vue?vue&type=template&id=282b67fa
+;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layouts/mainPageTpl/EMainPageTpl.vue?vue&type=template&id=18fce9b7
 
-const EMainPageTplvue_type_template_id_282b67fa_hoisted_1 = {
+const EMainPageTplvue_type_template_id_18fce9b7_hoisted_1 = {
   class: "e-mainPageTpl__mainContainer"
 };
-const EMainPageTplvue_type_template_id_282b67fa_hoisted_2 = {
+const EMainPageTplvue_type_template_id_18fce9b7_hoisted_2 = {
   key: 0,
   class: "e-mainPageTpl__blurClasses"
 };
 const _hoisted_3 = {
-  key: 0,
-  class: "e-mainPageTpl__slider xs:max-md:exos-left-0 e-mainPageTpl__heightClasses e-mainPageTpl__styleClasses"
-};
-const _hoisted_4 = {
   class: "e-mainPageTpl__slider__iconLeft-close"
 };
-const _hoisted_5 = {
-  class: "e-mainPageTpl__middleBoard xs:max-md:exos-min-h-[87vh] e-mainPageTpl__heightClasses e-mainPageTpl__styleClasses"
-};
-const _hoisted_6 = {
+const _hoisted_4 = {
   class: "exos-p-2"
 };
-const _hoisted_7 = {
+const _hoisted_5 = {
   class: "e-mainPageTpl__slider__iconLeft-open"
 };
-const _hoisted_8 = {
+const _hoisted_6 = {
   key: 0,
   class: "e-mainPageTpl__headerSection"
 };
-const _hoisted_9 = {
+const _hoisted_7 = {
   class: "e-mainPageTpl__infoSection"
 };
-const _hoisted_10 = {
+const _hoisted_8 = {
   class: "e-mainPageTpl__infoSection__titleDescContainer"
 };
-const _hoisted_11 = {
+const _hoisted_9 = {
   class: "e-mainPageTpl__infoSection__titleDescContainer__title"
 };
-const _hoisted_12 = {
+const _hoisted_10 = {
   class: "e-mainPageTpl__infoSection__titleDescContainer__description"
 };
-const _hoisted_13 = {
+const _hoisted_11 = {
   class: "e-mainPageTpl__infoSection__contentTR"
 };
-const _hoisted_14 = {
+const _hoisted_12 = {
   key: 1,
   class: "e-mainPageTpl__filtersSection"
 };
-const _hoisted_15 = {
+const _hoisted_13 = {
   class: "e-mainPageTpl__contentSection"
 };
-const _hoisted_16 = {
+const _hoisted_14 = {
   key: 0,
   class: "e-mainPageTpl__contentSection__detail"
 };
-const _hoisted_17 = {
+const _hoisted_15 = {
   key: 0,
   class: "e-mainPageTpl__footerSection"
 };
-const _hoisted_18 = {
-  key: 0,
-  class: "e-mainPageTpl__slider xs:max-md:exos-right-0 e-mainPageTpl__heightClasses e-mainPageTpl__styleClasses"
-};
-function EMainPageTplvue_type_template_id_282b67fa_render(_ctx, _cache, $props, $setup, $data, $options) {
+function EMainPageTplvue_type_template_id_18fce9b7_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-icon");
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EMainPageTplvue_type_template_id_282b67fa_hoisted_1, [_ctx.$slots.contentLeft && $data.slidertLeft || _ctx.$slots.contentRight ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EMainPageTplvue_type_template_id_282b67fa_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Transition, {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EMainPageTplvue_type_template_id_18fce9b7_hoisted_1, [_ctx.$slots.contentLeft && $data.slidertLeft || _ctx.$slots.contentRight ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EMainPageTplvue_type_template_id_18fce9b7_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Transition, {
     name: "slideLeft"
   }, {
-    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [_ctx.$slots.contentLeft && $data.slidertLeft ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", _hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", _hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_icon, {
+    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [_ctx.$slots.contentLeft && $data.slidertLeft ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+      key: 0,
+      class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["e-mainPageTpl__slider xs:max-md:exos-left-0 e-mainPageTpl__heightClasses", $options.leftContainer])
+    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", _hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_icon, {
       name: "sym-left_panel_close",
       size: "md",
       color: "exos-text-secondary",
       class: "hover:exos-cursor-pointer",
       onClick: $options.hideSlidertLeft
-    }, null, 8, ["onClick"])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "contentLeft")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]),
+    }, null, 8, ["onClick"])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "contentLeft")], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]),
     _: 3
-  }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", _hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "dialog-section"), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", _hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", _hoisted_7, [_ctx.$slots.contentLeft ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_icon, {
+  }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["e-mainPageTpl__middleBoard xs:max-md:exos-min-h-[87vh] e-mainPageTpl__heightClasses", $options.middleContainer])
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "dialog-section"), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", _hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", _hoisted_5, [_ctx.$slots.contentLeft ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_icon, {
     key: 0,
     name: "sym-left_panel_open",
     size: "md",
     color: "text-secondary",
     class: "hover:cursor-pointer",
     onClick: $options.showSlidertLeft
-  }, null, 8, ["onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), _ctx.$slots.header ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", _hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", _hoisted_9, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", _hoisted_10, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", _hoisted_11, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "title")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", _hoisted_12, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "description")])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", _hoisted_13, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "content-tr")])]), _ctx.$slots.filters ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", _hoisted_14, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "filters")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", _hoisted_15, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+  }, null, 8, ["onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), _ctx.$slots.header ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", _hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", _hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", _hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", _hoisted_9, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "title")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", _hoisted_10, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "description")])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", _hoisted_11, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "content-tr")])]), _ctx.$slots.filters ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", _hoisted_12, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "filters")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", _hoisted_13, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(_ctx.$slots.detail ? 'xs:max-sm:exos-col-span-12 sm:exos-col-span-7' : 'exos-col-span-12')
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "content")], 2), _ctx.$slots.detail ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", _hoisted_16, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "detail")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", null, [_ctx.$slots.footer ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", _hoisted_17, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Transition, {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "content")], 2), _ctx.$slots.detail ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", _hoisted_14, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "detail")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", null, [_ctx.$slots.footer ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", _hoisted_15, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Transition, {
     name: "slideRight"
   }, {
-    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [_ctx.$slots.contentRight ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", _hoisted_18, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "contentRight")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]),
+    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [_ctx.$slots.contentRight ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+      key: 0,
+      class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["e-mainPageTpl__slider xs:max-md:exos-right-0 e-mainPageTpl__heightClasses", $options.rightContainer])
+    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "contentRight")], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]),
     _: 3
   })]);
 }
-;// CONCATENATED MODULE: ./src/layouts/mainPageTpl/EMainPageTpl.vue?vue&type=template&id=282b67fa
+;// CONCATENATED MODULE: ./src/layouts/mainPageTpl/EMainPageTpl.vue?vue&type=template&id=18fce9b7
 
 ;// 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/layouts/mainPageTpl/EMainPageTpl.vue?vue&type=script&lang=js
 /* harmony default export */ var EMainPageTplvue_type_script_lang_js = ({
@@ -4903,6 +4907,31 @@ function EMainPageTplvue_type_template_id_282b67fa_render(_ctx, _cache, $props,
       slidertRight: false
     };
   },
+  props: {
+    leftContainerClass: {
+      type: String,
+      default: null
+    },
+    middleContainerClass: {
+      type: String,
+      default: null
+    },
+    rightContainerClass: {
+      type: String,
+      default: null
+    }
+  },
+  computed: {
+    leftContainer() {
+      return this.leftContainerClass + ' e-mainPageTpl__styleClasses';
+    },
+    middleContainer() {
+      return this.middleContainerClass + ' e-mainPageTpl__styleClasses';
+    },
+    rightContainer() {
+      return this.rightContainerClass + ' e-mainPageTpl__styleClasses';
+    }
+  },
   mounted() {
     this.checkScreenWidth();
     window.addEventListener('resize', this.checkScreenWidth);
@@ -4937,7 +4966,7 @@ function EMainPageTplvue_type_template_id_282b67fa_render(_ctx, _cache, $props,
 
 
 ;
-const EMainPageTpl_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EMainPageTplvue_type_script_lang_js, [['render',EMainPageTplvue_type_template_id_282b67fa_render]])
+const EMainPageTpl_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EMainPageTplvue_type_script_lang_js, [['render',EMainPageTplvue_type_template_id_18fce9b7_render]])
 
 /* harmony default export */ var EMainPageTpl = (EMainPageTpl_exports_);
 ;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layouts/contentTpl/EContentTpl.vue?vue&type=template&id=cfaebe9a
@@ -5445,7 +5474,7 @@ const ECheckboxvue_type_script_setup_true_lang_js_hoisted_1 = {
       return modelIsArray.value === true ? index.value === -1 : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toRaw)(props.modelValue) === (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toRaw)(props.falseValue);
     });
     const containerClass = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
-      return `e-checkbox` + (props.active === true && !isFalse.value ? ' e-checkbox__background--active' : '') + (props.leftLabel === true ? ' exos-flex-row-reverse' : '');
+      return `e-checkbox exos-box-border` + (props.active === true && !isFalse.value ? ' e-checkbox__background--active' : '') + (props.leftLabel === true ? ' exos-flex-row-reverse' : '');
     });
     const boxClass = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
       const border = isFalse.value ? `e-checkbox__border` : '';
@@ -5464,7 +5493,7 @@ const ECheckboxvue_type_script_setup_true_lang_js_hoisted_1 = {
         xxl: 'exos-rounded-2xl',
         xxxl: 'exos-rounded-3xl'
       };
-      return roundedClasses[props.roundedSize] ?? 'exos-rounded-[4px]';
+      return roundedClasses[props.roundedSize] ?? 'e-checkbox__roundedSize--def';
     });
     const iconInfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
       let icon = isTrue.value ? props.checkedIcon ? props.checkedIcon : props.iconName : props.uncheckedIcon ? props.uncheckedIcon : '';
@@ -5499,7 +5528,7 @@ const ECheckboxvue_type_script_setup_true_lang_js_hoisted_1 = {
     return (_ctx, _cache) => {
       const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-icon");
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
-        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([containerClass.value, "exos-box-border"]),
+        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(containerClass.value),
         onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(onClick, ["stop", "prevent"])
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(boxClass.value),
@@ -5731,32 +5760,32 @@ if (typeof (EIconvue_type_custom_index_0_blockType_docs_lang_md_default()) === '
 const EIcon_exports_ = EIconvue_type_script_setup_true_lang_js;
 
 /* harmony default export */ var EIcon = (EIcon_exports_);
-;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/card/ECard.vue?vue&type=template&id=3df30dd2
+;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/card/ECard.vue?vue&type=template&id=12fcda96
 
-const ECardvue_type_template_id_3df30dd2_hoisted_1 = {
+const ECardvue_type_template_id_12fcda96_hoisted_1 = {
   key: 0,
   class: "e-card__card"
 };
-const ECardvue_type_template_id_3df30dd2_hoisted_2 = {
+const ECardvue_type_template_id_12fcda96_hoisted_2 = {
   key: 0,
-  class: "exos-w-full"
+  class: "e-card__header__container"
 };
-const ECardvue_type_template_id_3df30dd2_hoisted_3 = {
+const ECardvue_type_template_id_12fcda96_hoisted_3 = {
   key: 1,
-  class: "exos-w-full exos-h-full"
+  class: "e-card__body__container"
 };
-const ECardvue_type_template_id_3df30dd2_hoisted_4 = {
+const ECardvue_type_template_id_12fcda96_hoisted_4 = {
   key: 1,
-  class: "exos-w-full"
+  class: "e-card__footer__container"
 };
-function ECardvue_type_template_id_3df30dd2_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ECardvue_type_template_id_12fcda96_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.mainClass)
-  }, [$options.showCard ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECardvue_type_template_id_3df30dd2_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", {
+  }, [$options.showCard ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECardvue_type_template_id_12fcda96_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.labelClass)
-  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.label), 3), _ctx.$slots.headerCard ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECardvue_type_template_id_3df30dd2_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "headerCard")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), _ctx.$slots.contentCard ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECardvue_type_template_id_3df30dd2_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "contentCard")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), _ctx.$slots.footerCard ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECardvue_type_template_id_3df30dd2_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footerCard")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2);
+  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.label), 3), _ctx.$slots.headerCard ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECardvue_type_template_id_12fcda96_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "headerCard")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), _ctx.$slots.contentCard ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECardvue_type_template_id_12fcda96_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "contentCard")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), _ctx.$slots.footerCard ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECardvue_type_template_id_12fcda96_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footerCard")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2);
 }
-;// CONCATENATED MODULE: ./src/ui/components/card/ECard.vue?vue&type=template&id=3df30dd2
+;// CONCATENATED MODULE: ./src/ui/components/card/ECard.vue?vue&type=template&id=12fcda96
 
 ;// 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/card/ECard.vue?vue&type=script&lang=js
 /* harmony default export */ var ECardvue_type_script_lang_js = ({
@@ -5859,7 +5888,7 @@ function ECardvue_type_template_id_3df30dd2_render(_ctx, _cache, $props, $setup,
       return mainClass.concat(dynamicClass);
     },
     labelClass() {
-      const mainLabelClass = ['e-card__label', this.roundedClass, this.textSizeClass, this.bgColor + ' e-card__background', this.labelColor + ' e-card__labelColor'];
+      const mainLabelClass = ['e-card__label', this.roundedClass, this.textSizeClass, this.bgColor + ' e-card__label__background', this.labelColor + ' e-card__labelColor'];
       return mainLabelClass;
     },
     borderClass() {
@@ -5875,7 +5904,7 @@ function ECardvue_type_template_id_3df30dd2_render(_ctx, _cache, $props, $setup,
         xl: 'exos-text-xl',
         xxl: 'exos-text-2xl'
       };
-      return textSizeClasses[this.labelTextSize] ?? 'text-interactive-1';
+      return textSizeClasses[this.labelTextSize] ?? 'e-card__labelSize--def';
     },
     roundedClass() {
       const roundedClasses = {
@@ -5886,7 +5915,7 @@ function ECardvue_type_template_id_3df30dd2_render(_ctx, _cache, $props, $setup,
         xl: 'exos-rounded-xl',
         xxl: 'exos-rounded-2xl'
       };
-      return roundedClasses[this.roundedSize] ?? 'exos-rounded-xl';
+      return roundedClasses[this.roundedSize] ?? 'e-card__roundedSize--def';
     },
     shadowClass() {
       const shadowClasses = {
@@ -5897,7 +5926,7 @@ function ECardvue_type_template_id_3df30dd2_render(_ctx, _cache, $props, $setup,
         xl: 'exos-shadow-xl',
         xxl: 'exos-shadow-2xl'
       };
-      return shadowClasses[this.shadowSize] ?? 'exos-shadow-bancosCmp';
+      return shadowClasses[this.shadowSize] ?? 'e-card__shadowSize--def';
     }
   }
 });
@@ -5918,7 +5947,7 @@ if (typeof (ECardvue_type_custom_index_0_blockType_docs_lang_md_default()) === '
 
 
 ;
-const ECard_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ECardvue_type_script_lang_js, [['render',ECardvue_type_template_id_3df30dd2_render]])
+const ECard_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ECardvue_type_script_lang_js, [['render',ECardvue_type_template_id_12fcda96_render]])
 
 /* harmony default export */ var ECard = (ECard_exports_);
 ;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/detail/EDetail.vue?vue&type=template&id=4cfd89f9
@@ -7452,66 +7481,66 @@ function EModalvue_type_template_id_79530638_render(_ctx, _cache, $props, $setup
 const EModal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EModalvue_type_script_lang_js, [['render',EModalvue_type_template_id_79530638_render]])
 
 /* harmony default export */ var EModal = (EModal_exports_);
-;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/collapse/ECollapse.vue?vue&type=template&id=7e1387d1
+;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/collapse/ECollapse.vue?vue&type=template&id=fd044052
 
-const ECollapsevue_type_template_id_7e1387d1_hoisted_1 = {
+const ECollapsevue_type_template_id_fd044052_hoisted_1 = {
   class: "e-collapse__mainContainer"
 };
-const ECollapsevue_type_template_id_7e1387d1_hoisted_2 = {
+const ECollapsevue_type_template_id_fd044052_hoisted_2 = {
   class: "e-collapse__leftSection__container"
 };
-const ECollapsevue_type_template_id_7e1387d1_hoisted_3 = {
+const ECollapsevue_type_template_id_fd044052_hoisted_3 = {
   class: "e-collapse__iconLeft__container"
 };
-const ECollapsevue_type_template_id_7e1387d1_hoisted_4 = {
+const ECollapsevue_type_template_id_fd044052_hoisted_4 = {
   class: "e-collapse__titleText__container"
 };
-const ECollapsevue_type_template_id_7e1387d1_hoisted_5 = {
+const ECollapsevue_type_template_id_fd044052_hoisted_5 = {
   class: "e-collapse__rightSection__container"
 };
-const ECollapsevue_type_template_id_7e1387d1_hoisted_6 = {
+const ECollapsevue_type_template_id_fd044052_hoisted_6 = {
   key: 0,
   class: "exos-w-fit"
 };
-const ECollapsevue_type_template_id_7e1387d1_hoisted_7 = {
+const ECollapsevue_type_template_id_fd044052_hoisted_7 = {
+  class: "e-collapse__arrowIcon__container"
+};
+const ECollapsevue_type_template_id_fd044052_hoisted_8 = {
   class: "e-collapse__dialog__container"
 };
-const ECollapsevue_type_template_id_7e1387d1_hoisted_8 = {
+const ECollapsevue_type_template_id_fd044052_hoisted_9 = {
   key: 0,
   class: "e-collapse__dialog__container__text"
 };
-function ECollapsevue_type_template_id_7e1387d1_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ECollapsevue_type_template_id_fd044052_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-icon");
   const _component_e_btn = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-btn");
   const _component_e_dialog = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-dialog");
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECollapsevue_type_template_id_7e1387d1_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECollapsevue_type_template_id_fd044052_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     ref: 'e-collapse-' + _ctx.$.uid,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.mainClass),
     onClick: _cache[0] || (_cache[0] = (...args) => $options.toggleCollapse && $options.toggleCollapse(...args))
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_template_id_7e1387d1_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_template_id_7e1387d1_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "iconLeft")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_template_id_7e1387d1_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_template_id_fd044052_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_template_id_fd044052_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "iconLeft")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_template_id_fd044052_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.titleText)
   }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.text), 3), _ctx.$slots.description ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "description", {
     key: 0
-  }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_template_id_7e1387d1_hoisted_5, [_ctx.$slots.rightSection ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECollapsevue_type_template_id_7e1387d1_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "rightSection")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $options.expandIcon.show ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_icon, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+  }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_template_id_fd044052_hoisted_5, [_ctx.$slots.rightSection ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECollapsevue_type_template_id_fd044052_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "rightSection")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $options.expandIcon.show ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_icon, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
     key: 1
   }, $options.expandIcon, {
     onClick: $options.expandContent
-  }), null, 16, ["onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.arrowContainer)
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "arrow", {}, () => [(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)($options.arrowIcon)), null, 16)])], 2)])], 2), $options.keepCollapseOpen ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+  }), null, 16, ["onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_template_id_fd044052_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "arrow", {
+    isCollapseOpen: $data.isCollapseOpen
+  }, () => [(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)($options.arrowIcon)), null, 16)])])])], 2), $options.keepCollapseOpen ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     key: 0,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.deployedContent),
     style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeStyle)($options.computedDirection)
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "filter-collapse")], 6)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_dialog, {
     show: $data.showExpandDialog
   }, {
-    content: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_template_id_7e1387d1_hoisted_7, [$props.text != null ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECollapsevue_type_template_id_7e1387d1_hoisted_8, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.text), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_btn, {
+    content: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_template_id_fd044052_hoisted_8, [$props.text != null ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECollapsevue_type_template_id_fd044052_hoisted_9, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.text), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_btn, {
       rounded: "",
-      roundedSize: "xl",
-      textColor: "exos-text-primary",
-      color: "exos-bg-white",
-      iconName: "close",
-      iconSize: "1.2rem",
+      level: "3",
+      iconName: "sym-close",
       onClick: _cache[1] || (_cache[1] = $event => $data.showExpandDialog = false)
     })]), _ctx.$slots.contentExpand ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "contentExpand", {
       key: 0
@@ -7521,7 +7550,7 @@ function ECollapsevue_type_template_id_7e1387d1_render(_ctx, _cache, $props, $se
     _: 3
   }, 8, ["show"])]);
 }
-;// CONCATENATED MODULE: ./src/ui/components/collapse/ECollapse.vue?vue&type=template&id=7e1387d1
+;// CONCATENATED MODULE: ./src/ui/components/collapse/ECollapse.vue?vue&type=template&id=fd044052
 
 ;// 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/collapse/ECollapse.vue?vue&type=script&lang=js
 /* harmony default export */ var ECollapsevue_type_script_lang_js = ({
@@ -7646,6 +7675,22 @@ function ECollapsevue_type_template_id_7e1387d1_render(_ctx, _cache, $props, $se
       default: null,
       description: 'Color del texto que se mostrará al usuario en el componente'
     },
+    /**
+     * Recibe el nombre del ícono para cuando el componente se encuentra en su estado 'abierto'.
+     * Ej:<br>openedIcon="sym-close"
+     */
+    openedIcon: {
+      type: String,
+      default: null
+    },
+    /**
+     * Recibe el nombre del ícono para cuando el componente se encuentra en su estado 'cerrado'.
+     * Ej:<br>openedIcon="sym-check"
+     */
+    closedIcon: {
+      type: String,
+      default: null
+    },
     /**
      * Setea el color de la flecha de apertura y cierre del contenido a desplegar, y se puede agregar para los modos light y dark y estados como hover.<br>
      * Ej:<br>arrowColor="text-green-500 dark:text-white hover:text-red-300"
@@ -7767,7 +7812,7 @@ function ECollapsevue_type_template_id_7e1387d1_render(_ctx, _cache, $props, $se
     mainClass() {
       const baseClasses = ['e-collapse__collapse', this.shadowSize ? 'shadowHeader-' + this.shadowSize : 'shadowHeader-def', this.height ?? 'e-collapse__collapse__height', this.disabled ? 'exos-cursor-not-allowed e-collapse__mainContent__background--disabled' : ['exos-cursor-pointer', this.bgColor + ' e-collapse__mainContent__background--enabled'], this.textColor + ' e-collapse__text--default'];
       const roundedClasses = this.keepCollapseOpen ? this.roundedCustomHeaderCollapse ? this.roundedCustomHeaderCollapse : this.over ? [this.showToBottom ? 'roundedSize--opened--toBottom' : 'roundedSize--opened--toTop'] : 'roundedSize--opened--toBottom' : 'roundedSize--closed';
-      const borderClasses = this.border ? this.disabled ? 'e-collapse__border--disabled' : [this.dynamicBorder ? this.keepCollapseOpen ? this.borderCustomHeader ?? 'e-collapse__border' : 'e-collapse__border' : 'e-collapse__border', this.collapseBorderColor + ' e-collapse__border--default'] : 'exos-border-none';
+      const borderClasses = this.border ? ['e-collapse__border', this.disabled ? 'e-collapse__border--disabled' : [this.dynamicBorder ? this.keepCollapseOpen ? this.borderCustomHeader ?? 'e-collapse__border' : 'e-collapse__border' : 'e-collapse__border', this.collapseBorderColor + ' e-collapse__border--default']] : 'exos-border-none';
       return baseClasses.concat(roundedClasses, borderClasses);
     },
     deployedContent() {
@@ -7782,24 +7827,18 @@ function ECollapsevue_type_template_id_7e1387d1_render(_ctx, _cache, $props, $se
     titleText() {
       return ['e-collapse__titleText', this.applyEllipsis ? 'e-collapse__titleText--elipsis' : '', this.textSize ? 'textSize-' + this.textSize : 'textSize-def', this.textTransform ? 'textTransform-' + this.textTransform : 'textTransform-def'];
     },
-    arrowContainer() {
-      const baseClasses = ['e-collapse__arrowIcon__container', {
-        'exos-rotate-180': this.isCollapseOpen
-      }];
-      return baseClasses;
-    },
     arrowIcon() {
-      const arrowClasses = [this.disabled ? 'e-collapse__text--disabled' : this.arrowColor ?? 'e-collapse__text--active'];
+      const arrowClasses = [this.disabled ? 'e-collapse__icon__color--disabled' : this.arrowColor ?? 'e-collapse__icon__color--active'];
       return {
         color: arrowClasses,
-        name: 'sym-keyboard_arrow_down',
+        name: this.isCollapseOpen ? this.openedIcon ?? 'sym-keyboard_arrow_up' : this.closedIcon ?? 'sym-keyboard_arrow_down',
         size: 'lg'
       };
     },
     expandIcon() {
       return {
         show: this.keepCollapseOpen && this.showExpand,
-        color: 'exos-text-primary',
+        color: 'e-collapse__icon__color--active',
         name: 'sym-zoom_out_map',
         size: 'sm'
       };
@@ -7888,7 +7927,7 @@ if (typeof (ECollapsevue_type_custom_index_0_blockType_docs_lang_md_default()) =
 
 
 ;
-const ECollapse_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ECollapsevue_type_script_lang_js, [['render',ECollapsevue_type_template_id_7e1387d1_render]])
+const ECollapse_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ECollapsevue_type_script_lang_js, [['render',ECollapsevue_type_template_id_fd044052_render]])
 
 /* harmony default export */ var ECollapse = (ECollapse_exports_);
 ;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/switch/ESwitch.vue?vue&type=template&id=22e6dade
@@ -8031,53 +8070,46 @@ function ESwitchvue_type_template_id_22e6dade_render(_ctx, _cache, $props, $setu
 const ESwitch_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ESwitchvue_type_script_lang_js, [['render',ESwitchvue_type_template_id_22e6dade_render]])
 
 /* harmony default export */ var ESwitch = (ESwitch_exports_);
-;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/pagination/EPaginationTable.vue?vue&type=template&id=98271838
+;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/pagination/EPaginationTable.vue?vue&type=template&id=5d166c98
 
-const EPaginationTablevue_type_template_id_98271838_hoisted_1 = {
-  class: "exos-flex xs:max-sm:exos-flex-col sm:exos-flex-row exos-items-center exos-h-full"
+const EPaginationTablevue_type_template_id_5d166c98_hoisted_1 = {
+  class: "e-pagination__main__container"
 };
-const EPaginationTablevue_type_template_id_98271838_hoisted_2 = {
-  class: "exos-flex exos-h-8 exos-w-full exos-items-center exos-justify-center exos-text-gray-700 dark:exos-border-gray-700 dark:exos-text-gray-400 dark:hover:exos-text-white"
+const EPaginationTablevue_type_template_id_5d166c98_hoisted_2 = {
+  class: "e-pagination__pagesIndicator__container"
 };
-const EPaginationTablevue_type_template_id_98271838_hoisted_3 = {
-  class: "exos-flex exos-w-full exos-justify-center exos-items-center exos-text-sm"
+const EPaginationTablevue_type_template_id_5d166c98_hoisted_3 = {
+  class: "e-pagination__pagesNavigator__container"
 };
-const EPaginationTablevue_type_template_id_98271838_hoisted_4 = ["disabled"];
-const EPaginationTablevue_type_template_id_98271838_hoisted_5 = {
-  class: "exos-flex exos-items-center exos-justify-center xs:max-sm:exos-px-8 sm:max-md:exos-px-6 md:exos-px-6 exos-text-gray-700 dark:exos-border-gray-700 dark:exos-text-gray-400 dark:hover:exos-text-white"
+const EPaginationTablevue_type_template_id_5d166c98_hoisted_4 = {
+  class: "e-pagination__currentPage"
 };
-const EPaginationTablevue_type_template_id_98271838_hoisted_6 = ["disabled"];
-function EPaginationTablevue_type_template_id_98271838_render(_ctx, _cache, $props, $setup, $data, $options) {
+function EPaginationTablevue_type_template_id_5d166c98_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-icon");
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("nav", EPaginationTablevue_type_template_id_98271838_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EPaginationTablevue_type_template_id_98271838_hoisted_2, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.finalModelValue) + " / " + (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.numPagesTotal), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("ul", EPaginationTablevue_type_template_id_98271838_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("li", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("button", {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EPaginationTablevue_type_template_id_5d166c98_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EPaginationTablevue_type_template_id_5d166c98_hoisted_2, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.finalModelValue) + " / " + (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.numPagesTotal), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EPaginationTablevue_type_template_id_5d166c98_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_icon, {
     disabled: $options.finalModelValue <= 1,
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["exos-flex exos-items-center exos-justify-center exos-h-8 xs:max-sm:exos-px-8 sm:max-md:exos-px-6 md:exos-px-6", `${$options.finalModelValue <= 1 ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer'}`]),
-    onClick: _cache[0] || (_cache[0] = (...args) => $options.handleFirstPage && $options.handleFirstPage(...args))
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_icon, {
     name: "keyboard_double_arrow_left",
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.finalModelValue <= 1 ? 'exos-opacity-50 exos-text-primary dark:exos-text-white' : 'exos-text-primary dark:exos-text-white')
-  }, null, 8, ["class"])], 10, EPaginationTablevue_type_template_id_98271838_hoisted_4)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("li", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("button", {
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["exos-flex exos-items-center exos-justify-center exos-h-8 xs:max-sm:exos-px-8 sm:max-md:exos-px-6 md:exos-px-6", `${$options.finalModelValue <= 1 ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer'}`]),
-    onClick: _cache[1] || (_cache[1] = $event => $options.finalModelValue > 1 ? $options.handlePrev() : false)
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_icon, {
-    name: "chevron_left",
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["exos-text-secondary dark:exos-text-white", $options.finalModelValue <= 1 ? 'exos-opacity-50 exos-text-primary dark:exos-text-white' : 'exos-text-primary dark:exos-text-white'])
-  }, null, 8, ["class"])], 2)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("li", EPaginationTablevue_type_template_id_98271838_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.finalModelValue), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("li", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("button", {
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["exos-flex exos-items-center exos-justify-center exos-h-8 xs:max-sm:exos-px-8 sm:max-md:exos-px-6 md:exos-px-6", `${$options.finalModelValue >= $props.numPagesTotal ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer'}`]),
-    onClick: _cache[2] || (_cache[2] = $event => $options.finalModelValue < $props.numPagesTotal ? $options.handleNext() : false)
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_icon, {
-    name: "chevron_right",
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.finalModelValue >= $props.numPagesTotal ? 'exos-opacity-50 exos-text-primary dark:exos-text-white' : 'exos-text-primary dark:exos-text-white')
-  }, null, 8, ["class"])], 2)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("li", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("button", {
-    disabled: $options.finalModelValue >= $props.numPagesTotal,
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["exos-flex exos-items-center exos-justify-center exos-h-8 xs:max-sm:exos-px-8 sm:max-md:exos-px-6 md:exos-px-6", `${$options.finalModelValue >= $props.numPagesTotal ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer'}`]),
-    onClick: _cache[3] || (_cache[3] = (...args) => $options.handleLast && $options.handleLast(...args))
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_icon, {
+    color: $options.finalModelValue <= 1 ? 'e-pagination__icon--inactive' : 'e-pagination__icon--active',
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(`${$options.finalModelValue <= 1 ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer'}`),
+    onClick: $options.handleFirstPage
+  }, null, 8, ["disabled", "color", "class", "onClick"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_icon, {
+    name: "sym-chevron_left",
+    color: $options.finalModelValue <= 1 ? 'e-pagination__icon--inactive' : 'e-pagination__icon--active',
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(`${$options.finalModelValue <= 1 ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer'}`),
+    onClick: _cache[0] || (_cache[0] = $event => $options.finalModelValue > 1 ? $options.handlePrev() : false)
+  }, null, 8, ["color", "class"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EPaginationTablevue_type_template_id_5d166c98_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.finalModelValue), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_icon, {
+    name: "sym-chevron_right",
+    color: $options.finalModelValue >= $props.numPagesTotal ? 'e-pagination__icon--inactive' : 'e-pagination__icon--active',
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(`${$options.finalModelValue >= $props.numPagesTotal ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer'}`),
+    onClick: _cache[1] || (_cache[1] = $event => $options.finalModelValue < $props.numPagesTotal ? $options.handleNext() : false)
+  }, null, 8, ["color", "class"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_icon, {
     name: "keyboard_double_arrow_right",
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.finalModelValue >= $props.numPagesTotal ? 'exos-opacity-50 exos-text-primary dark:exos-text-white' : 'exos-text-primary dark:exos-text-white')
-  }, null, 8, ["class"])], 10, EPaginationTablevue_type_template_id_98271838_hoisted_6)])])]);
+    color: $options.finalModelValue >= $props.numPagesTotal ? 'e-pagination__icon--inactive' : 'e-pagination__icon--active',
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(`${$options.finalModelValue >= $props.numPagesTotal ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer'}`),
+    onClick: $options.handleLast
+  }, null, 8, ["color", "class", "onClick"])])]);
 }
-;// CONCATENATED MODULE: ./src/ui/components/pagination/EPaginationTable.vue?vue&type=template&id=98271838
+;// CONCATENATED MODULE: ./src/ui/components/pagination/EPaginationTable.vue?vue&type=template&id=5d166c98
 
 ;// CONCATENATED MODULE: ./node_modules/ramda/es/internal/_isPlaceholder.js
 function _isPlaceholder(a) {
@@ -8174,15 +8206,8 @@ _curry2(function range(from, to) {
 /* harmony default export */ var es_range = (range);
 ;// 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/pagination/EPaginationTable.vue?vue&type=script&lang=js
 
-
 /* harmony default export */ var EPaginationTablevue_type_script_lang_js = ({
   name: 'EPaginationTable',
-  data() {
-    return {};
-  },
-  components: {
-    EIcon: EIcon
-  },
   props: {
     /**
      * Bandera para saber si las páginas inician en 0 o en 1 para la invocación de consultas.
@@ -8325,18 +8350,18 @@ if (typeof (EPaginationTablevue_type_custom_index_0_blockType_docs_lang_md_defau
 
 
 ;
-const EPaginationTable_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EPaginationTablevue_type_script_lang_js, [['render',EPaginationTablevue_type_template_id_98271838_render]])
+const EPaginationTable_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EPaginationTablevue_type_script_lang_js, [['render',EPaginationTablevue_type_template_id_5d166c98_render]])
 
 /* harmony default export */ var EPaginationTable = (EPaginationTable_exports_);
-;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/dropdown/EDropdown.vue?vue&type=template&id=196986b1
+;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/dropdown/EDropdown.vue?vue&type=template&id=3a979906
 
-const EDropdownvue_type_template_id_196986b1_hoisted_1 = ["disabled"];
-const EDropdownvue_type_template_id_196986b1_hoisted_2 = {
+const EDropdownvue_type_template_id_3a979906_hoisted_1 = ["disabled"];
+const EDropdownvue_type_template_id_3a979906_hoisted_2 = {
   ref: "iconContainer",
-  class: "exos-flex exos-justify-center exos-items-center"
+  class: "e-dropdown__icon__container"
 };
-const EDropdownvue_type_template_id_196986b1_hoisted_3 = ["onClick"];
-function EDropdownvue_type_template_id_196986b1_render(_ctx, _cache, $props, $setup, $data, $options) {
+const EDropdownvue_type_template_id_3a979906_hoisted_3 = ["onClick"];
+function EDropdownvue_type_template_id_3a979906_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-icon");
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.mainContainer)
@@ -8345,7 +8370,7 @@ function EDropdownvue_type_template_id_196986b1_render(_ctx, _cache, $props, $se
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.mainClass),
     disabled: $props.disabled,
     onClick: _cache[0] || (_cache[0] = (...args) => $options.toggleDropdown && $options.toggleDropdown(...args))
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EDropdownvue_type_template_id_196986b1_hoisted_2, [(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)($options.iconProps)), null, 16)], 512)], 10, EDropdownvue_type_template_id_196986b1_hoisted_1), $setup.isDropdownOpen ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EDropdownvue_type_template_id_3a979906_hoisted_2, [(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)($options.iconProps)), null, 16)], 512)], 10, EDropdownvue_type_template_id_3a979906_hoisted_1), $setup.isDropdownOpen ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     key: 0,
     ref: "contentDroped",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.containerOptionsClass),
@@ -8360,10 +8385,10 @@ function EDropdownvue_type_template_id_196986b1_render(_ctx, _cache, $props, $se
       style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeStyle)($props.over ? $options.calculatePadding() : {}),
       class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([$options.optionsClass, $options.dynamicOptionClass(option)]),
       onClick: $event => $options.selectOption(option)
-    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(option.label ? option.label : ''), 15, EDropdownvue_type_template_id_196986b1_hoisted_3);
+    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(option.label ? option.label : ''), 15, EDropdownvue_type_template_id_3a979906_hoisted_3);
   }), 128))], 6)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2);
 }
-;// CONCATENATED MODULE: ./src/ui/components/dropdown/EDropdown.vue?vue&type=template&id=196986b1
+;// CONCATENATED MODULE: ./src/ui/components/dropdown/EDropdown.vue?vue&type=template&id=3a979906
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array-buffer.detached.js
 var es_array_buffer_detached = __webpack_require__(6573);
@@ -17008,7 +17033,6 @@ function useWindowSize(options = {}) {
 
 
 
-
 /* harmony default export */ var EDropdownvue_type_script_lang_js = ({
   setup(props, {
     slots
@@ -17036,9 +17060,6 @@ function useWindowSize(options = {}) {
       onClickOutside: onClickOutside
     };
   },
-  components: {
-    EIcon: EIcon
-  },
   props: {
     /**
      * Valor que se le asignará al componente dropdown.
@@ -17350,7 +17371,7 @@ function useWindowSize(options = {}) {
       return mainContainerClass;
     },
     mainClass() {
-      const mainClass = ['e-dropdown__dropdown', this.active ? 'e-dropdown--active' : 'e-dropdown--inactive', this.onlyIcon ? '' : this.levelClass, this.bgColor ?? ''];
+      const mainClass = ['e-dropdown__dropdown', this.active ? 'e-dropdown--active' : 'e-dropdown--inactive', this.onlyIcon ? 'e-dropdown__iconSize' : this.levelClass, this.bgColor ?? ''];
       const iconClass = [this.onlyIcon ? 'exos-relative exos-z-30' : this.shadowClass];
       const dynamicClass = [this.isDropdownOpen ? 'exos-relative exos-top-0 exos-left-0 exos-z-30' : ''];
       return mainClass.concat(iconClass, dynamicClass);
@@ -17364,12 +17385,12 @@ function useWindowSize(options = {}) {
       return levelMap[this.level] || 'e-dropdown__level-1';
     },
     optionsClass() {
-      const optionsMainClasses = ['e-dropdown__optionItem e-dropdown__options--rounded', this.optionsBgColor + ' e-dropdown__options__container_bgColor'];
+      const optionsMainClasses = ['e-dropdown__optionItem e-dropdown__options--rounded', this.optionsBgColor + ' e-dropdown__optionsItem_bgColor'];
       const optionsTextClasses = [this.textAlignClass, this.color + ' e-dropdown__options__textColor'];
       return optionsMainClasses.concat(optionsTextClasses);
     },
     containerOptionsClass() {
-      const baseClasses = [this.shadowClass, this.$slots.contentDropdown ? [this.customDropClass, this.dropBgColor ?? 'e-dropdown__customContent__container__bgColor'] : ['e-dropdown__options__container', this.width ?? 'exos-min-w-[13vw]', this.textTransformClass, this.divide ? ['exos-divide-y', this.divideColor ?? 'e-dropdown__optionItem__divider__color'] : 'exos-divide-none']];
+      const baseClasses = [this.shadowClass, this.$slots.contentDropdown ? [this.customDropClass, this.dropBgColor ?? 'e-dropdown__customContent__container__bgColor'] : ['e-dropdown__options__container e-dropdown__options__container_bgColor', this.width ?? 'exos-min-w-[13vw]', this.textTransformClass, this.divide ? ['exos-divide-y', this.divideColor ?? 'e-dropdown__optionItem__divider__color'] : 'exos-divide-none']];
       if (this.isDropdownOpen) {
         baseClasses.push('exos-absolute exos-z-20', this.displayDirection ? this.dropPositionCustomX : this.calculateDropPositionX);
       }
@@ -17384,7 +17405,7 @@ function useWindowSize(options = {}) {
         right: 'exos-text-end',
         center: 'exos-text-center'
       };
-      return this.textAlign ? textAlignClasses[this.textAlign] : 'exos-text-start';
+      return textAlignClasses[this.textAlign] ?? 'e-dropdown__textAlign--def';
     },
     textTransformClass() {
       const textTransformClasses = {
@@ -17393,7 +17414,7 @@ function useWindowSize(options = {}) {
         cap: 'exos-capitalize',
         normal: 'exos-normal-case'
       };
-      return this.textTransform ? textTransformClasses[this.textTransform] : 'exos-normal-case';
+      return textTransformClasses[this.textTransform] ?? 'e-dropdown__textTransform--def';
     },
     shadowClass() {
       const shadowClasses = {
@@ -17495,71 +17516,66 @@ if (typeof (EDropdownvue_type_custom_index_0_blockType_docs_lang_md_default()) =
 
 
 ;
-const EDropdown_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EDropdownvue_type_script_lang_js, [['render',EDropdownvue_type_template_id_196986b1_render]])
+const EDropdown_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EDropdownvue_type_script_lang_js, [['render',EDropdownvue_type_template_id_3a979906_render]])
 
 /* harmony default export */ var EDropdown = (EDropdown_exports_);
-;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/calendar/ECalendar.vue?vue&type=template&id=ae67155c
+;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/calendar/ECalendar.vue?vue&type=template&id=13a3936e
 
-const ECalendarvue_type_template_id_ae67155c_hoisted_1 = {
-  class: "e-calendar__main__container"
-};
-const ECalendarvue_type_template_id_ae67155c_hoisted_2 = {
+const ECalendarvue_type_template_id_13a3936e_hoisted_1 = {
   class: "e-calendar__calendar__container"
 };
-const ECalendarvue_type_template_id_ae67155c_hoisted_3 = ["disabled", "value", "id"];
-const ECalendarvue_type_template_id_ae67155c_hoisted_4 = ["for"];
-const ECalendarvue_type_template_id_ae67155c_hoisted_5 = {
+const ECalendarvue_type_template_id_13a3936e_hoisted_2 = ["disabled", "value", "id"];
+const ECalendarvue_type_template_id_13a3936e_hoisted_3 = ["for"];
+const ECalendarvue_type_template_id_13a3936e_hoisted_4 = {
   key: 0,
   class: "e-calendar--error-message"
 };
-const ECalendarvue_type_template_id_ae67155c_hoisted_6 = {
-  key: 2,
-  ref: "popUpCalendar",
-  class: "e-calendar__popUp__container"
-};
-const ECalendarvue_type_template_id_ae67155c_hoisted_7 = {
+const ECalendarvue_type_template_id_13a3936e_hoisted_5 = {
   class: "exos-shadow-lg exos-rounded-b-md",
   style: {
     "max-width": "20rem"
   }
 };
-const ECalendarvue_type_template_id_ae67155c_hoisted_8 = {
+const ECalendarvue_type_template_id_13a3936e_hoisted_6 = {
   class: "text-body-4"
 };
-const ECalendarvue_type_template_id_ae67155c_hoisted_9 = {
+const ECalendarvue_type_template_id_13a3936e_hoisted_7 = {
   class: "text-body-4"
 };
-const ECalendarvue_type_template_id_ae67155c_hoisted_10 = {
+const ECalendarvue_type_template_id_13a3936e_hoisted_8 = {
   class: "e-calendar__popUp__navigationTime__container"
 };
-const ECalendarvue_type_template_id_ae67155c_hoisted_11 = {
+const ECalendarvue_type_template_id_13a3936e_hoisted_9 = {
   class: "e-calendar__popUp__bodyYearMonths__container"
 };
-const ECalendarvue_type_template_id_ae67155c_hoisted_12 = {
+const ECalendarvue_type_template_id_13a3936e_hoisted_10 = {
   key: 0,
   class: "exos-grid exos-grid-cols-3 exos-gap-2"
 };
-const ECalendarvue_type_template_id_ae67155c_hoisted_13 = ["onClick"];
-const ECalendarvue_type_template_id_ae67155c_hoisted_14 = {
+const ECalendarvue_type_template_id_13a3936e_hoisted_11 = ["onClick"];
+const ECalendarvue_type_template_id_13a3936e_hoisted_12 = {
   key: 1,
   class: "exos-grid exos-grid-cols-5 exos-gap-2"
 };
-const ECalendarvue_type_template_id_ae67155c_hoisted_15 = ["onClick"];
-const ECalendarvue_type_template_id_ae67155c_hoisted_16 = {
+const ECalendarvue_type_template_id_13a3936e_hoisted_13 = ["onClick"];
+const ECalendarvue_type_template_id_13a3936e_hoisted_14 = {
   key: 0,
   class: "e-calendar__popUp__bodyDaysName__container"
 };
-const ECalendarvue_type_template_id_ae67155c_hoisted_17 = {
+const ECalendarvue_type_template_id_13a3936e_hoisted_15 = {
   key: 1,
   class: "e-calendar__popUp__bodyDays__container"
 };
-const ECalendarvue_type_template_id_ae67155c_hoisted_18 = ["onClick"];
-const _hoisted_19 = {
+const _hoisted_16 = ["onClick"];
+const _hoisted_17 = {
   class: "e-calendar__popUp__footer__container"
 };
-function ECalendarvue_type_template_id_ae67155c_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ECalendarvue_type_template_id_13a3936e_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-icon");
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_template_id_ae67155c_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_template_id_ae67155c_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+    ref: 'e-calendar__main__container-' + _ctx.$.uid,
+    class: "e-calendar__main__container"
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_template_id_13a3936e_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["e-calendar__icon__container exos-left-3", $props.disabled ? 'exos-cursor-no-drop' : 'exos-cursor-pointer']),
     onClick: _cache[0] || (_cache[0] = $event => $props.disabled ? null : $setup.showDatePicker = true)
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "iconCalendar", {}, () => [(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)($options.calendarIconClass)), null, 16)])], 2), !!$props.modelValue && !$props.disabled ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
@@ -17579,7 +17595,7 @@ function ECalendarvue_type_template_id_ae67155c_render(_ctx, _cache, $props, $se
     }),
     onFocus: _cache[3] || (_cache[3] = (...args) => $options.onInputFocus && $options.onInputFocus(...args)),
     onBlur: _cache[4] || (_cache[4] = (...args) => $options.onInputBlur && $options.onInputBlur(...args))
-  }, null, 42, ECalendarvue_type_template_id_ae67155c_hoisted_3), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+  }, null, 42, ECalendarvue_type_template_id_13a3936e_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     for: 'calendar-' + $props.label,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.classBoxLabel)
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", {
@@ -17587,64 +17603,65 @@ function ECalendarvue_type_template_id_ae67155c_render(_ctx, _cache, $props, $se
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.label), 1), $props.required ? ((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)($options.requiredIcon)
-  }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)], 10, ECalendarvue_type_template_id_ae67155c_hoisted_4)]), $data.isInValid ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_template_id_ae67155c_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($data.messageRule), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $setup.showDatePicker ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+  }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)], 10, ECalendarvue_type_template_id_13a3936e_hoisted_3)]), $data.isInValid ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_template_id_13a3936e_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($data.messageRule), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $setup.showDatePicker ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     key: 1,
-    onClick: _cache[5] || (_cache[5] = $event => $setup.showDatePicker = false),
-    class: "exos-fixed exos-inset-0 exos-z-10"
-  })) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $setup.showDatePicker ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_template_id_ae67155c_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_template_id_ae67155c_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+    ref: "popUpCalendar",
+    style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeStyle)($options.displayPopUpCalendar),
+    class: "e-calendar__popUp__container"
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_template_id_13a3936e_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([$options.popUpBodyClass, "exos-rounded-md"])
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([$options.popUpHeaderClass, "exos-rounded-t-md"])
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_template_id_ae67155c_hoisted_8, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.dateTodayOnFormatTitleYear), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_template_id_ae67155c_hoisted_9, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.dateTodayOnFormatTitle), 1)], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_template_id_ae67155c_hoisted_10, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("button", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_template_id_13a3936e_hoisted_6, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.dateTodayOnFormatTitleYear), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_template_id_13a3936e_hoisted_7, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.dateTodayOnFormatTitle), 1)], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_template_id_13a3936e_hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("button", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.arrowClasses),
-    onClick: _cache[6] || (_cache[6] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.changeMonth(-1), ["prevent"]))
+    onClick: _cache[5] || (_cache[5] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.changeMonth(-1), ["prevent"]))
   }, " < ", 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.timeSelectClasses),
-    onClick: _cache[7] || (_cache[7] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)((...args) => $options.toggleMonthSelector && $options.toggleMonthSelector(...args), ["prevent"]))
+    onClick: _cache[6] || (_cache[6] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)((...args) => $options.toggleMonthSelector && $options.toggleMonthSelector(...args), ["prevent"]))
   }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.capitalizeFirstLetter($options.currentMonth)), 3), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("button", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.arrowClasses),
-    onClick: _cache[8] || (_cache[8] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.changeMonth(1), ["prevent"]))
+    onClick: _cache[7] || (_cache[7] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.changeMonth(1), ["prevent"]))
   }, " > ", 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("button", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.arrowClasses),
-    onClick: _cache[9] || (_cache[9] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.changeYear(-1), ["prevent"]))
+    onClick: _cache[8] || (_cache[8] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.changeYear(-1), ["prevent"]))
   }, " < ", 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.timeSelectClasses),
-    onClick: _cache[10] || (_cache[10] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)((...args) => $options.toggleYearSelector && $options.toggleYearSelector(...args), ["prevent"]))
+    onClick: _cache[9] || (_cache[9] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)((...args) => $options.toggleYearSelector && $options.toggleYearSelector(...args), ["prevent"]))
   }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.currentYear), 3), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("button", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.arrowClasses),
-    onClick: _cache[11] || (_cache[11] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.changeYear(1), ["prevent"]))
-  }, " > ", 2)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_template_id_ae67155c_hoisted_11, [$data.showMonthSelector ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_template_id_ae67155c_hoisted_12, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($options.months, (month, index) => {
+    onClick: _cache[10] || (_cache[10] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.changeYear(1), ["prevent"]))
+  }, " > ", 2)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_template_id_13a3936e_hoisted_9, [$data.showMonthSelector ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_template_id_13a3936e_hoisted_10, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($options.months, (month, index) => {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
       key: index,
       onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.selectMonth(month), ["prevent"]),
       class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.timeBankSelectClasses)
-    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(month), 11, ECalendarvue_type_template_id_ae67155c_hoisted_13);
-  }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $data.yearSelector ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_template_id_ae67155c_hoisted_14, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($options.years, (year, index) => {
+    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(month), 11, ECalendarvue_type_template_id_13a3936e_hoisted_11);
+  }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $data.yearSelector ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_template_id_13a3936e_hoisted_12, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($options.years, (year, index) => {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
       key: index,
       onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.selectYear(year), ["prevent"]),
       class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.timeBankSelectClasses)
-    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(year), 11, ECalendarvue_type_template_id_ae67155c_hoisted_15);
-  }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), $data.showMonthSelector == false && $data.yearSelector == false ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_template_id_ae67155c_hoisted_16, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($options.weekdays, (titleDay, i) => {
+    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(year), 11, ECalendarvue_type_template_id_13a3936e_hoisted_13);
+  }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), $data.showMonthSelector == false && $data.yearSelector == false ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_template_id_13a3936e_hoisted_14, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($options.weekdays, (titleDay, i) => {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
       class: "e-calendar__popUp__bodyDaysName__title",
       key: i
     }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(titleDay), 1);
-  }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $data.showMonthSelector == false && $data.yearSelector == false ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_template_id_ae67155c_hoisted_17, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($options.filteredDaysWithOffset, (day, index) => {
+  }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $data.showMonthSelector == false && $data.yearSelector == false ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_template_id_13a3936e_hoisted_15, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($options.filteredDaysWithOffset, (day, index) => {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
       key: index,
       class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['exos-rounded-2xl', $options.dayClasses(day)]),
       onClick: $event => $options.isDayBlocked(day) || $options.isDayBlockedTomorrow(day) || $options.isDaysLater(day) || $options.isDaysRange(day) ? null : $options.setDay(day)
-    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(day !== null ? day : ''), 11, ECalendarvue_type_template_id_ae67155c_hoisted_18);
-  }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", _hoisted_19, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(day !== null ? day : ''), 11, _hoisted_16);
+  }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", _hoisted_17, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["e-calendar__popUp__footer__currentDayOpt__container", [_ctx.isTodayBlocked ? 'hover:exos-cursor-not-allowed exos-opacity-10' : 'hover:exos-cursor-pointer', this.dateOptionBgColor + ' hover:exos-bg-gray-100 dark:hover:exos-bg-gray-500']]),
-    onClick: _cache[12] || (_cache[12] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => _ctx.isTodayBlocked ? null : $options.onTodaySelection($options.dateToday), ["prevent"]))
+    onClick: _cache[11] || (_cache[11] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => _ctx.isTodayBlocked ? null : $options.onTodaySelection($options.dateToday), ["prevent"]))
   }, " Hoy ", 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['e-calendar__popUp__footer__clearOpt__container', this.dateOptionBgColor + ' hover:exos-bg-gray-100 dark:hover:exos-bg-gray-500']),
-    onClick: _cache[13] || (_cache[13] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.clearDate(), ["prevent"]))
-  }, " Limpiar ", 2)])], 2)])], 512)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]);
+    onClick: _cache[12] || (_cache[12] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.clearDate(), ["prevent"]))
+  }, " Limpiar ", 2)])], 2)])], 4)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 512);
 }
-;// CONCATENATED MODULE: ./src/ui/components/calendar/ECalendar.vue?vue&type=template&id=ae67155c
+;// CONCATENATED MODULE: ./src/ui/components/calendar/ECalendar.vue?vue&type=template&id=13a3936e
 
 ;// CONCATENATED MODULE: ./node_modules/luxon/src/errors.js
 // these aren't really private, but nor are they really useful to document
@@ -25464,6 +25481,9 @@ const VERSION = "3.4.4";
   data() {
     return {
       selectedDate: '',
+      inputCalendarTop: null,
+      inputCalendarBottom: null,
+      inputCalendarLeft: null,
       showMonthSelector: false,
       yearSelector: false,
       currentDate: DateTime.local(),
@@ -25506,7 +25526,7 @@ const VERSION = "3.4.4";
     },
     labelClass() {
       const baseBoxLabelClasses = ['e-calendar__label', this.roundedClass];
-      const dynamicBoxLabelClasses = [this.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-text', this.modelValue || this.isInputFocused ? ['exos-px-1', this.bgColor + ' e-calendar__background'] : 'exos-px-3', this.isInValid ? ['e-calendar__text--error', this.modelValue ? 'text-caption-2' : this.textSizeClass] : this.disabled ? [this.textSizeClass, 'e-calendar__text--inactive'] : this.modelValue ? ['text-caption-2', `${this.labelColor} e-calendar__text--active`] : [this.textSizeClass, `${this.labelColorNV} e-calendar__text--default`]];
+      const dynamicBoxLabelClasses = [this.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-text', this.modelValue || this.isInputFocused ? ['exos-px-1', this.bgColor + ` ${this.disabled ? 'e-calendar__label__background--disabled' : 'e-calendar__label__background--active'}`] : 'exos-px-3', this.isInValid ? ['e-calendar__text--error', this.modelValue ? 'text-caption-2' : this.textSizeClass] : this.disabled ? [this.textSizeClass, 'e-calendar__text--inactive'] : this.modelValue ? ['text-caption-2', `${this.labelColor} e-calendar__text--active`] : [this.textSizeClass, `${this.labelColorNV} e-calendar__text--default`]];
       return baseBoxLabelClasses.concat(dynamicBoxLabelClasses);
     },
     requiredIcon() {
@@ -25514,14 +25534,14 @@ const VERSION = "3.4.4";
       return requiredClass;
     },
     closeIconClass() {
-      const closeClasses = ['exos-opacity-60 hover:exos-opacity-100 exos-animate-slide-down', this.isInValid ? 'e-calendar__text--error' : this.arrowColor + ' e-select__text--active'];
+      const closeClasses = ['e-calendar__closeIcon', this.isInValid ? 'e-calendar__text--error' : this.arrowColor + ' e-calendar__icon--active'];
       return {
         name: 'sym-close',
         class: closeClasses
       };
     },
     calendarIconClass() {
-      const calendarClasses = [this.isInValid ? 'e-calendar__text--error' : [this.disabled ? 'e-calendar__text--inactive' : this.arrowColor + ' e-select__text--active']];
+      const calendarClasses = [this.isInValid ? 'e-calendar__text--error' : [this.disabled ? 'e-calendar__icon--inactive' : this.arrowColor + ' e-calendar__icon--active']];
       return {
         size: '1.3rem',
         name: 'sym-calendar_today',
@@ -25562,6 +25582,15 @@ const VERSION = "3.4.4";
       };
       return shadowClasses[this.shadowSize] || '';
     },
+    displayPopUpCalendar() {
+      return this.inputCalendarBottom ? {
+        bottom: this.inputCalendarBottom,
+        left: this.inputCalendarLeft
+      } : {
+        top: this.inputCalendarTop,
+        left: this.inputCalendarLeft
+      };
+    },
     popUpHeaderClass() {
       const headerBgColors = [this.headerBgColor + ' e-calendar-popUpHeaderBgColor'];
       const headerTextColors = [this.headerTextColor + ' e-calendar-popUpHeaderTextColor'];
@@ -25719,16 +25748,50 @@ const VERSION = "3.4.4";
     }
   },
   created() {
+    window.addEventListener('resize', this.handleResize);
     if (this.register) {
       this.register(this);
     }
   },
+  mounted() {
+    this.handleResize();
+  },
   beforeUnmount() {
+    window.removeEventListener('resize', this.handleResize);
     if (this.unregister) {
       this.unregister(this);
     }
   },
   methods: {
+    handleResize() {
+      if (this.$refs.popUpCalendar) {
+        this.getPopUpCalendarPosition();
+      }
+    },
+    getPopUpCalendarPosition() {
+      this.$nextTick(() => {
+        const popUp = this.$refs.popUpCalendar;
+        const popUpWidth = popUp.offsetWidth;
+        const popUpHeight = popUp.offsetHeight;
+        const container = this.$refs[`e-calendar__main__container-${this.$.uid}`];
+        const containerRect = container.getBoundingClientRect();
+
+        // Espacio disponible debajo y encima del contenedor
+        const spaceBelow = window.innerHeight - containerRect.bottom;
+        if (spaceBelow < popUpHeight) {
+          // Mostrar hacia arriba
+          this.inputCalendarBottom = `${window.innerHeight - containerRect.top}px`;
+          this.inputCalendarTop = null;
+        } else {
+          // Mostrar hacia abajo
+          this.inputCalendarTop = `${containerRect.bottom}px`;
+          this.inputCalendarBottom = null;
+        }
+
+        // Calcular el desplazamiento horizontal para centrar el popup
+        this.inputCalendarLeft = `${containerRect.left + containerRect.width / 2 - popUpWidth / 2}px`;
+      });
+    },
     onInputFocus() {
       this.isInputFocused = true;
     },
@@ -25770,7 +25833,7 @@ const VERSION = "3.4.4";
 
       // Clases para cuando no se selecciona
       if (this.selectedDate === date.toFormat(this.formatDate)) {
-        classes.push('selected-day', 'exos-bg-primary', 'exos-text-white', 'exos-rounded-2xl', 'exos-cursor-pointer', 'exos-transition', 'exos-duration-300', 'exos-ease-out', 'md:exos-ease-in', 'exos-transform', 'hover:exos-scale-105');
+        classes.push('e-calendar__daySelected');
       }
 
       // Clases para cuando no se pueda seleccionar
@@ -26080,6 +26143,16 @@ const VERSION = "3.4.4";
       this.messageRule = false;
       this.isInValid = false;
     }
+  },
+  watch: {
+    showDatePicker(newVal) {
+      if (newVal) {
+        this.getPopUpCalendarPosition();
+      }
+    },
+    dateToStart(newVal) {
+      this.currentDate = DateTime.fromISO(newVal);
+    }
   }
 });
 ;// CONCATENATED MODULE: ./src/ui/components/calendar/ECalendar.vue?vue&type=script&lang=js
@@ -26099,26 +26172,29 @@ if (typeof (ECalendarvue_type_custom_index_0_blockType_docs_lang_md_default()) =
 
 
 ;
-const ECalendar_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ECalendarvue_type_script_lang_js, [['render',ECalendarvue_type_template_id_ae67155c_render]])
+const ECalendar_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ECalendarvue_type_script_lang_js, [['render',ECalendarvue_type_template_id_13a3936e_render]])
 
 /* harmony default export */ var ECalendar = (ECalendar_exports_);
-;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/input/EInput.vue?vue&type=template&id=1957138f
+;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/input/EInput.vue?vue&type=template&id=691e792e
 
-const EInputvue_type_template_id_1957138f_hoisted_1 = {
-  class: "e-input__mainContainer"
+const EInputvue_type_template_id_691e792e_hoisted_1 = {
+  class: "e-input__main__container"
+};
+const EInputvue_type_template_id_691e792e_hoisted_2 = {
+  class: "e-input__input__container"
 };
-const EInputvue_type_template_id_1957138f_hoisted_2 = ["for"];
-const EInputvue_type_template_id_1957138f_hoisted_3 = {
+const EInputvue_type_template_id_691e792e_hoisted_3 = ["for"];
+const EInputvue_type_template_id_691e792e_hoisted_4 = {
   key: 0,
   class: "e-input__messageContainer--error"
 };
-const EInputvue_type_template_id_1957138f_hoisted_4 = {
+const EInputvue_type_template_id_691e792e_hoisted_5 = {
   key: 1,
   class: "e-input__messageContainer--error"
 };
-function EInputvue_type_template_id_1957138f_render(_ctx, _cache, $props, $setup, $data, $options) {
+function EInputvue_type_template_id_691e792e_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-icon");
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EInputvue_type_template_id_1957138f_hoisted_1, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($props.textarea ? 'textarea' : 'input'), {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EInputvue_type_template_id_691e792e_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EInputvue_type_template_id_691e792e_hoisted_2, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($props.textarea ? 'textarea' : 'input'), {
     placeholder: " ",
     type: $data.inputType,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.inputClass),
@@ -26140,7 +26216,7 @@ function EInputvue_type_template_id_1957138f_render(_ctx, _cache, $props, $setup
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.inputLabel), 1), $props.required ? ((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)($options.requiredIcon)
-  }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)], 10, EInputvue_type_template_id_1957138f_hoisted_2), !!$props.modelValue && !$props.disabled ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+  }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)], 10, EInputvue_type_template_id_691e792e_hoisted_3), !!$props.modelValue && !$props.disabled ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     key: 0,
     onClick: _cache[1] || (_cache[1] = (...args) => $options.clean && $options.clean(...args)),
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.closedIconContainer)
@@ -26158,9 +26234,9 @@ function EInputvue_type_template_id_1957138f_render(_ctx, _cache, $props, $setup
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.slotIconClass)
   }, [_ctx.$slots.icon ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "icon", {
     key: 0
-  }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)]), !!$data.messageRestrictions ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EInputvue_type_template_id_1957138f_hoisted_3, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($data.messageRestrictions), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), !!$data.messageRule ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EInputvue_type_template_id_1957138f_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($data.messageRule), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]);
+  }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)]), !!$data.messageRestrictions ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EInputvue_type_template_id_691e792e_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($data.messageRestrictions), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), !!$data.messageRule ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EInputvue_type_template_id_691e792e_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($data.messageRule), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]);
 }
-;// CONCATENATED MODULE: ./src/ui/components/input/EInput.vue?vue&type=template&id=1957138f
+;// CONCATENATED MODULE: ./src/ui/components/input/EInput.vue?vue&type=template&id=691e792e
 
 ;// 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/input/EInput.vue?vue&type=script&lang=js
 
@@ -26523,7 +26599,7 @@ const patterns = {
     },
     classBoxLabel() {
       const baseLabelClasses = ['e-input__label__container--transition', this.roundedClass];
-      const dynamicLabelClasses = [this.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-text', this.modelValue || this.isInputFocused ? this.bgColor + ' e-input__background' : '', [this.$slots.icon ? this.iconRight || this.modelValue || this.isInputFocused ? 'exos-px-2' : 'exos-pl-8' : 'exos-px-2']];
+      const dynamicLabelClasses = [this.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-text', this.modelValue || this.isInputFocused ? this.bgColor + ` ${this.disabled ? 'e-input__label__background--disabled' : 'e-input__label__background--active'}` : '', [this.$slots.icon ? this.iconRight || this.modelValue || this.isInputFocused ? 'exos-px-2' : 'exos-pl-8' : 'exos-px-2']];
       return baseLabelClasses.concat(dynamicLabelClasses);
     },
     slotIconClass() {
@@ -26532,7 +26608,7 @@ const patterns = {
       return baseClasses.concat(dynamicClasses);
     },
     requiredIcon() {
-      let requiredClass = this.disabled ? 'exos-text-semanticDisabled' : 'exos-text-primary';
+      let requiredClass = this.disabled ? 'e-input__requiredChar--inactive' : 'e-input__requiredChar--active';
       return requiredClass;
     },
     closedIconContainer() {
@@ -26560,7 +26636,7 @@ const patterns = {
     },
     slotIconPasswordClass() {
       const baseClasses = 'e-input__closeIcon';
-      const dynamicClasses = [this.errorRules ? 'exos-text-danger' : ''];
+      const dynamicClasses = [this.errorRules ? 'e-input__text--error' : ''];
       return baseClasses.concat(dynamicClasses);
     },
     labelClass() {
@@ -26577,7 +26653,7 @@ const patterns = {
         xl: 'exos-text-xl',
         xxl: 'exos-text-2xl'
       };
-      return textSizeClasses[this.textSize] ?? 'xs:max-xxl:text-body-4 xxl:text-caption-2';
+      return textSizeClasses[this.textSize] ?? 'e-input__textSize--def';
     },
     //styleName: Small-Medium/Text 3 - Book;
     shadowClass() {
@@ -26590,7 +26666,7 @@ const patterns = {
         xl: 'exos-shadow-xl',
         xxl: 'exos-shadow-2xl'
       };
-      return shadowClasses[this.shadowSize] || '';
+      return shadowClasses[this.shadowSize] || 'e-input__shadowSize--def';
     },
     roundedClass() {
       const roundedClasses = {
@@ -26601,7 +26677,7 @@ const patterns = {
         xl: 'exos-rounded-xl',
         xxl: 'exos-rounded-2xl'
       };
-      return roundedClasses[this.roundedSize] || 'exos-rounded-xl';
+      return roundedClasses[this.roundedSize] || 'e-input__roundedSize--def';
     },
     finalRules() {
       let rules = [...this.rules];
@@ -26964,7 +27040,7 @@ if (typeof (EInputvue_type_custom_index_0_blockType_docs_lang_md_default()) ===
 
 
 ;
-const EInput_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EInputvue_type_script_lang_js, [['render',EInputvue_type_template_id_1957138f_render]])
+const EInput_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EInputvue_type_script_lang_js, [['render',EInputvue_type_template_id_691e792e_render]])
 
 /* harmony default export */ var EInput = (EInput_exports_);
 ;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/menuCalendar/EMenuCalendar.vue?vue&type=template&id=c9fd0884&scoped=true
@@ -27182,33 +27258,39 @@ if (typeof (EMenuCalendarvue_type_custom_index_0_blockType_docs_lang_md_default(
 const EMenuCalendar_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EMenuCalendarvue_type_script_lang_js, [['render',EMenuCalendarvue_type_template_id_c9fd0884_scoped_true_render],['__scopeId',"data-v-c9fd0884"]])
 
 /* harmony default export */ var EMenuCalendar = (EMenuCalendar_exports_);
-;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/select/ESelect.vue?vue&type=template&id=10f6fc5a
+;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/select/ESelect.vue?vue&type=template&id=299e3667
 
-const ESelectvue_type_template_id_10f6fc5a_hoisted_1 = {
+const ESelectvue_type_template_id_299e3667_hoisted_1 = {
   ref: "mainSelectComponent",
-  class: "exos-flex exos-flex-col"
+  class: "e-select__main__container"
 };
-const ESelectvue_type_template_id_10f6fc5a_hoisted_2 = {
-  class: "exos-relative"
+const ESelectvue_type_template_id_299e3667_hoisted_2 = {
+  class: "e-select__relative__container"
 };
-const ESelectvue_type_template_id_10f6fc5a_hoisted_3 = {
+const ESelectvue_type_template_id_299e3667_hoisted_3 = {
   key: 0,
-  class: "exos-relative"
+  class: "e-select__suggest__relative__container"
+};
+const ESelectvue_type_template_id_299e3667_hoisted_4 = ["disabled", "id", "value", "maxlength", "readonly"];
+const ESelectvue_type_template_id_299e3667_hoisted_5 = ["for"];
+const ESelectvue_type_template_id_299e3667_hoisted_6 = ["disabled", "id"];
+const ESelectvue_type_template_id_299e3667_hoisted_7 = {
+  class: "e-select__label__primaryContainer"
+};
+const ESelectvue_type_template_id_299e3667_hoisted_8 = {
+  class: "e-select__label__secondaryContainer"
 };
-const ESelectvue_type_template_id_10f6fc5a_hoisted_4 = ["disabled", "id", "value", "maxlength", "readonly"];
-const ESelectvue_type_template_id_10f6fc5a_hoisted_5 = ["for"];
-const ESelectvue_type_template_id_10f6fc5a_hoisted_6 = ["disabled", "id"];
-const ESelectvue_type_template_id_10f6fc5a_hoisted_7 = {
-  class: "exos-flex exos-items-center exos-w-full"
+const ESelectvue_type_template_id_299e3667_hoisted_9 = {
+  class: "exos-flex exos-items-center exos-left-3 exos-absolute exos-top-0 exos-h-full exos-justify-center"
 };
-const ESelectvue_type_template_id_10f6fc5a_hoisted_8 = ["onClick"];
-const ESelectvue_type_template_id_10f6fc5a_hoisted_9 = {
+const ESelectvue_type_template_id_299e3667_hoisted_10 = ["onClick"];
+const ESelectvue_type_template_id_299e3667_hoisted_11 = {
   key: 0,
   class: "e-select--error-message exos-animate-slide-down"
 };
-function ESelectvue_type_template_id_10f6fc5a_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ESelectvue_type_template_id_299e3667_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-icon");
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ESelectvue_type_template_id_10f6fc5a_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ESelectvue_type_template_id_10f6fc5a_hoisted_2, [$props.suggestion ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ESelectvue_type_template_id_10f6fc5a_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("input", {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ESelectvue_type_template_id_299e3667_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ESelectvue_type_template_id_299e3667_hoisted_2, [$props.suggestion ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ESelectvue_type_template_id_299e3667_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("input", {
     placeholder: " ",
     ref: "refSelect",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.mainClass),
@@ -27222,7 +27304,7 @@ function ESelectvue_type_template_id_10f6fc5a_render(_ctx, _cache, $props, $setu
     onFocus: _cache[1] || (_cache[1] = (...args) => $options.onInputFocus && $options.onInputFocus(...args)),
     onInput: _cache[2] || (_cache[2] = (...args) => $options.fetchSuggestions && $options.fetchSuggestions(...args)),
     onClick: _cache[3] || (_cache[3] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)((...args) => $options.toggleDropdown && $options.toggleDropdown(...args), ["prevent"]))
-  }, null, 46, ESelectvue_type_template_id_10f6fc5a_hoisted_4), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+  }, null, 46, ESelectvue_type_template_id_299e3667_hoisted_4), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     ref: "inputLabelSelected",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.inputLabelSelectedClass)
   }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.labelSelected), 3), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", {
@@ -27233,7 +27315,7 @@ function ESelectvue_type_template_id_10f6fc5a_render(_ctx, _cache, $props, $setu
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.label), 1), $props.required ? ((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)($options.requiredIcon)
-  }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)], 10, ESelectvue_type_template_id_10f6fc5a_hoisted_5)])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("button", {
+  }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)], 10, ESelectvue_type_template_id_299e3667_hoisted_5)])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("button", {
     key: 1,
     ref: "refSelect",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.mainClass),
@@ -27242,31 +27324,34 @@ function ESelectvue_type_template_id_10f6fc5a_render(_ctx, _cache, $props, $setu
     onBlur: _cache[4] || (_cache[4] = (...args) => $options.onInputBlur && $options.onInputBlur(...args)),
     onFocus: _cache[5] || (_cache[5] = (...args) => $options.onInputFocus && $options.onInputFocus(...args)),
     onClick: _cache[6] || (_cache[6] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)((...args) => $options.toggleDropdown && $options.toggleDropdown(...args), ["prevent"]))
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ESelectvue_type_template_id_10f6fc5a_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['exos-flex exos-flex-col', _ctx.$slots.icon ? [$props.iconRight ? '' : 'exos-pl-5'] : ''])
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ESelectvue_type_template_id_299e3667_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ESelectvue_type_template_id_299e3667_hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.labelSelectDefault)
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.classBoxLabel)
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.label), 1), $props.required ? ((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)($options.requiredIcon)
-  }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)], 2), !$props.suggestion ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
-    key: 0,
+  }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ESelectvue_type_template_id_299e3667_hoisted_9, [!$props.iconRight ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "icon", {
+    key: 0
+  }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.labelSelectedDefault)
-  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.getFormattedOptionSelected($options.labelSelected)), 3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)])], 42, ESelectvue_type_template_id_10f6fc5a_hoisted_6)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.getFormattedOptionSelected($options.labelSelected)), 3)])])], 42, ESelectvue_type_template_id_299e3667_hoisted_6)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     ref: "eSelectIconSection",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.iconContainer)
   }, [$options.showCleanBtn ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     key: 0,
     onClick: _cache[7] || (_cache[7] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)((...args) => $options.clean && $options.clean(...args), ["stop", "prevent"]))
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "iconClose", {}, () => [(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)($options.closeIconClass)), null, 16)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $props.loading ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_icon, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "iconClose", {}, () => [(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)($options.closeIconClass)), null, 16)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $props.iconRight && _ctx.$slots.icon ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "icon", {
     key: 1
+  }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $props.loading ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_icon, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+    key: 2
   }, $options.loadingIconClass)), null, 16)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
-    key: 2,
+    key: 3,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.arrowIconClass.rotate),
     onClick: _cache[8] || (_cache[8] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)((...args) => $options.toggleDropdown && $options.toggleDropdown(...args), ["prevent"]))
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "arrow", {}, () => [(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)($options.arrowIconClass)), null, 16)])], 2))], 2), $setup.isDropdownOpen ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "arrow", {
+    isSelectOpened: $setup.isSelectOpened
+  }, () => [(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)($options.arrowIconClass)), null, 16)])], 2))], 2), $setup.isSelectOpened ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     key: 2,
     ref: "contentSelect",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.optionsContainer),
@@ -27276,10 +27361,10 @@ function ESelectvue_type_template_id_10f6fc5a_render(_ctx, _cache, $props, $setu
       key: option.value,
       class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([$options.optionsItem, $options.labelSelectedColor(option.value)]),
       onClick: $event => $options.selectOption(option)
-    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.getFormattedOption(option)), 11, ESelectvue_type_template_id_10f6fc5a_hoisted_8);
-  }), 128))], 6)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), !!$data.messageRule ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ESelectvue_type_template_id_10f6fc5a_hoisted_9, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($data.messageRule), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 512);
+    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.getFormattedOption(option)), 11, ESelectvue_type_template_id_299e3667_hoisted_10);
+  }), 128))], 6)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), !!$data.messageRule ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ESelectvue_type_template_id_299e3667_hoisted_11, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($data.messageRule), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 512);
 }
-;// CONCATENATED MODULE: ./src/ui/components/select/ESelect.vue?vue&type=template&id=10f6fc5a
+;// CONCATENATED MODULE: ./src/ui/components/select/ESelect.vue?vue&type=template&id=299e3667
 
 ;// 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/select/ESelect.vue?vue&type=script&lang=js
 
@@ -27651,16 +27736,16 @@ const ESelectvue_type_script_lang_js_patterns = {
   },
   computed: {
     mainClass() {
-      const baseClasses = ['e-select__select exos-peer', this.shadowClass, this.roundedClass, this.textSizeClass, this.color + ' e-select__text--default', this.bgColor + ' e-select__background', this.suggestion ? this.textOptTransformClass : 'exos-normal-case', this.$slots.icon ? [this.iconRight ? 'exos-pl-3' : 'exos-pl-4'] : 'exos-pl-3'];
-      const borderClasses = [this.outline ? ['e-select__border', this.modelValue ? this.outlineColor + ' e-select__border--active' : this.outlineColor + ' e-select__border--inactive'] : 'exos-outline-none'];
+      const baseClasses = ['e-select__select exos-peer', this.shadowClass, this.roundedClass, this.textSizeClass, this.color + ' e-select__text--default', this.bgColor + ' e-select__background', this.suggestion ? this.textOptTransformClass : 'exos-normal-case', 'exos-pl-3'];
+      const borderClasses = [this.outline ? ['e-select__border', this.hasInfo ? this.outlineColor + ' e-select__border--active' : this.outlineColor + ' e-select__border--inactive'] : 'exos-outline-none'];
       return this.errorRules ? ['e-select--error', ...baseClasses] : baseClasses.concat(borderClasses);
     },
     iconContainer() {
-      const iconContainerClasses = ['e-select__iconsContainer', this.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer', this.iconRight ? 'exos-right-11' : this.$slots.icon ? 'exos-right-11' : 'exos-right-3'];
+      const iconContainerClasses = ['e-select__iconsContainer', this.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer'];
       return iconContainerClasses;
     },
     requiredIcon() {
-      let requiredClass = this.disabled ? 'exos-text-semanticDisabled' : 'exos-text-primary';
+      let requiredClass = this.disabled ? 'e-select__requiredChar--inactive' : 'e-select__requiredChar--active';
       return requiredClass;
     },
     loadingIconClass() {
@@ -27671,12 +27756,12 @@ const ESelectvue_type_script_lang_js_patterns = {
       };
     },
     arrowIconClass() {
-      const arrowClasses = ['exos-flex exos-items-center exos-p-0 exos-w-fit', this.errorRules ? 'e-select__text--error' : this.disabled ? 'exos-text-semanticDisabled' : this.arrowColor + ' exos-text-primary'];
+      const arrowClasses = ['exos-flex exos-items-center exos-p-0 exos-w-fit', this.errorRules ? 'e-select__text--error' : this.disabled ? 'e-select__arrow--inactive' : this.arrowColor + ' e-select__arrow--active'];
       return {
         name: 'sym-arrow_drop_down',
         size: 'lg',
         class: arrowClasses,
-        rotate: this.isDropdownOpen ? 'exos-rotate-180 exos-animate-rotate-in' : 'exos-rotate-0 exos-animate-rotate-out'
+        rotate: this.isSelectOpened ? 'exos-rotate-180 exos-animate-rotate-in' : 'exos-rotate-0 exos-animate-rotate-out'
       };
     },
     closeIconClass() {
@@ -27697,27 +27782,27 @@ const ESelectvue_type_script_lang_js_patterns = {
     labelSelectedDefault() {
       const baseLabelSelectedClasses = ['exos-line-clamp-1 exos-break-all exos-text-left exos-transition exos-duration-500', this.textSizeClass, this.textTransformClass];
       const dynamicLabelClasses = [this.errorRules || this.messageRule ? 'e-select__text--error' : this.disabled ? 'e-select__text--inactive' : this.color + ' e-select__text--default'];
-      const iconClasses = this.iconRight ? this.formatSelectedOptionLabel ? 'exos-ml-1 exos-pr-14' : 'exos-pr-14' : this.formatSelectedOptionLabel ? 'exos-ml-1 exos-pr-8' : 'exos-pr-8';
+      const iconClasses = this.$slots.icon ? this.iconRight ? 'exos-mr-20' : `exos-ml-6 ${this.formatSelectedOptionLabel ? 'exos-pr-14' : 'exos-mr-14'}` : `exos-ml-0 exos-mr-0`;
       return baseLabelSelectedClasses.concat(dynamicLabelClasses, iconClasses);
     },
     labelSelectSuggest() {
       const baseLabelClasses = [this.roundedClass, this.tempValueInput || this.modelValue ? 'e-select__label--suggested' : 'e-select__label--default', this.isSelectFocused || this.modelValue ? 'text-caption-2' : this.textSizeClass, this.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer'];
-      const dynamicLabelClasses = [this.errorRules || this.messageRule ? 'e-select__text--error' : [this.disabled ? 'e-select__text--inactive' : [this.modelValue || this.labelSelected ? `${this.labelColor} e-select__text--active` : `${this.labelColorNV} e-select__text--default`]]];
+      const dynamicLabelClasses = [this.errorRules || this.messageRule ? 'e-select__text--error' : [this.disabled ? 'e-select__text--inactive' : [this.hasInfo ? `${this.labelColor} e-select__text--active` : `${this.labelColorNV} e-select__text--default`]]];
       return baseLabelClasses.concat(dynamicLabelClasses);
     },
     labelSelectDefault() {
-      const baseLabelClasses = [this.modelValue ? 'e-select__label--default text-caption-2' : this.textSizeClass, this.roundedClass, this.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer'];
-      const dynamicLabelClasses = [this.errorRules || this.messageRule ? 'e-select__text--error' : [this.disabled ? 'e-select__text--inactive' : [this.modelValue ? `${this.labelColor} e-select__text--active` : `${this.labelColorNV} e-select__text--default`]]];
+      const baseLabelClasses = [this.hasInfo ? 'e-select__label--default text-caption-2' : this.textSizeClass, this.roundedClass, this.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer'];
+      const dynamicLabelClasses = [this.errorRules || this.messageRule ? 'e-select__text--error' : [this.disabled ? 'e-select__text--inactive' : [this.hasInfo ? `${this.labelColor} e-select__text--active` : `${this.labelColorNV} e-select__text--default`]]];
       return baseLabelClasses.concat(dynamicLabelClasses);
     },
     classBoxLabel() {
-      const baseBoxLabelClasses = ['exos-flex exos-z-10 exos-px-2', this.roundedClass, this.bgColor + ' e-select__background'];
+      const baseBoxLabelClasses = ['exos-flex exos-z-10 exos-px-2', this.roundedClass, this.bgColor + ` ${this.disabled ? 'e-select__label__background--disabled' : 'e-select__label__background--active'}`];
       return baseBoxLabelClasses;
     },
     inputLabelSelectedClass() {
       const inputLabelSelectedClass = ['e-select__suggest__container'];
       const textSizeClass = this.textSizeClass;
-      const inputLabelTextColor = [this.errorRules || this.messageRule ? 'e-select__text--error' : this.keepFilterText ? this.labelColor + ' e-select__text--active' : this.disabled ? 'exos-text-semanticDisabled' : this.color + ' e-select__text--default'];
+      const inputLabelTextColor = [this.errorRules || this.messageRule ? 'e-select__text--error' : this.keepFilterText ? this.labelColor + ' e-select__text--active' : this.disabled ? 'e-select__text--inactive' : this.color + ' e-select__text--default'];
       return inputLabelSelectedClass.concat(textSizeClass, inputLabelTextColor);
     },
     inputPaddingSelectedClass() {
@@ -27737,7 +27822,7 @@ const ESelectvue_type_script_lang_js_patterns = {
         cap: 'exos-capitalize',
         normal: 'exos-normal-case'
       };
-      return this.textOptTransform ? textOptTransformClasses[this.textOptTransform] : 'exos-normal-case';
+      return textOptTransformClasses[this.textOptTransform] ?? 'exos-normal-case';
     },
     textTransformClass() {
       const textTransformClasses = {
@@ -27758,7 +27843,7 @@ const ESelectvue_type_script_lang_js_patterns = {
         xl: 'exos-shadow-xl',
         xxl: 'exos-shadow-2xl'
       };
-      return shadowClasses[this.shadowSize] ?? '';
+      return shadowClasses[this.shadowSize] ?? 'e-select__shadowSize--def';
     },
     roundedClass() {
       const roundedClasses = {
@@ -27769,7 +27854,7 @@ const ESelectvue_type_script_lang_js_patterns = {
         xl: 'exos-rounded-xl',
         xxl: 'exos-rounded-2xl'
       };
-      return roundedClasses[this.roundedSize] ?? 'exos-rounded-xl';
+      return roundedClasses[this.roundedSize] ?? 'e-select__roundedSize--def';
     },
     textSizeClass() {
       const textSizeClasses = {
@@ -27780,7 +27865,7 @@ const ESelectvue_type_script_lang_js_patterns = {
         xl: 'exos-text-xl',
         xxl: 'exos-text-2xl'
       };
-      return textSizeClasses[this.textSize] ?? 'text-body-4';
+      return textSizeClasses[this.textSize] ?? 'e-select__textSize--def';
     },
     finalLength() {
       let auxLen = null;
@@ -27805,25 +27890,28 @@ const ESelectvue_type_script_lang_js_patterns = {
         return null;
       }
     },
-    labelSelected() {
+    hasInfo() {
       let currentValue = this.emitObject ? this.modelValue?.value : this.modelValue;
+      let existOpt = this.options.find(opt => opt.value === currentValue);
+      return !!existOpt || !!this.tempValueInput || !!currentValue;
+    },
+    labelSelected() {
       let label = null;
-      if (typeof this.modelValue === 'boolean') {
-        label = this.options.find(val => typeof val.value === 'boolean' && val.value === currentValue);
-      } else {
-        label = this.options.find(val => val.value === currentValue);
-      }
-      return label ? label.label : currentValue;
+      let currentValue = this.emitObject ? this.modelValue?.value : this.modelValue;
+      label = this.options.find(val => val.value === currentValue && typeof val.value === typeof currentValue);
+
+      // Devuelve explícitamente el label o el valor currentValue si el label no es null/undefined
+      return label?.label !== undefined ? label.label : currentValue;
     },
     finalRules() {
       let rules = [...this.rules];
       if (this.required && typeof this.modelValue !== 'boolean') {
-        rules.unshift(val => !!val || `El campo ${this.label} es requerido`);
+        rules.unshift(val => val !== null && val !== undefined && val !== '' || `El campo ${this.label} es requerido`);
       }
       return rules;
     },
     isReadonlyInSuggestMode() {
-      return !this.keepFilterText && this.labelSelected;
+      return !this.keepFilterText && this.hasInfo;
     },
     showCleanBtn() {
       return this.modelValue && this.showClean && !this.disabled || this.messageRule && this.showClean && !this.disabled || this.tempValueInput;
@@ -27854,7 +27942,7 @@ const ESelectvue_type_script_lang_js_patterns = {
       }
     },
     calculateDropPositionY() {
-      if (this.isDropdownOpen) {
+      if (this.isSelectOpened) {
         if (this.calculateAvailableSpaceY(this.$refs.refSelect)) {
           this.showPosition = false;
           return {
@@ -27884,19 +27972,19 @@ const ESelectvue_type_script_lang_js_patterns = {
       });
     },
     handleClearTempValue() {
-      if (this.suggestion && this.labelSelected && !this.keepFilterText) {
+      if (this.suggestion && this.hasInfo && !this.keepFilterText) {
         this.tempValueInput = '';
       }
     },
     setOptionsSuggest(val) {
       this.auxSuggestions = val;
       if (this.auxSuggestions.length > 0) {
-        this.isDropdownOpen = true;
+        this.isSelectOpened = true;
       }
       if (this.tempValueInput) {
         this.filterOptionsSuggest(this.tempValueInput);
       } else {
-        if (this.labelSelected) {
+        if (this.hasInfo) {
           this.filterOptionsSuggest(this.labelSelected);
         }
       }
@@ -27942,7 +28030,7 @@ const ESelectvue_type_script_lang_js_patterns = {
       this.inputRegexValidation(event.target.value);
       this.filterOptionsSuggest(this.tempValueInput);
       this.$emit('searchValue', this.tempValueInput);
-      this.isDropdownOpen = this.auxSuggestions.length > 0;
+      this.isSelectOpened = this.auxSuggestions.length > 0;
     },
     labelSelectedColor(value) {
       if (this.modelValue) {
@@ -27952,7 +28040,7 @@ const ESelectvue_type_script_lang_js_patterns = {
         : this.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', this.roundedClass, this.selectedOptionBgColor + ' exos-bg-primary-3'] : 'text-body-4';
+        return isSelected ? ['text-body-3', this.roundedClass, this.selectedOptionBgColor + ' e-select__optionItem--selected'] : 'text-body-4';
       }
     },
     getFormattedOption(option) {
@@ -27991,7 +28079,7 @@ const ESelectvue_type_script_lang_js_patterns = {
     async clean() {
       this.reset();
       this.multipleValue = [];
-      this.isDropdownOpen = false;
+      this.isSelectOpened = false;
       this.selectedoption = false;
       this.tempValueInput = null;
       /**
@@ -28012,9 +28100,9 @@ const ESelectvue_type_script_lang_js_patterns = {
     toggleDropdown() {
       if (!this.disabled) {
         if (this.suggestion && this.auxSuggestions.length == 0) {
-          this.isDropdownOpen = false;
+          this.isSelectOpened = false;
         } else {
-          this.isDropdownOpen = !this.isDropdownOpen;
+          this.isSelectOpened = !this.isSelectOpened;
         }
       }
     },
@@ -28022,7 +28110,7 @@ const ESelectvue_type_script_lang_js_patterns = {
     async selectOption(option) {
       this.selectedoption = true;
       if (!this.multiple) {
-        this.isDropdownOpen = false;
+        this.isSelectOpened = false;
       }
       if (this.multiple) {
         await this.selectMultiOption(option);
@@ -28143,18 +28231,18 @@ const ESelectvue_type_script_lang_js_patterns = {
   },
   setup() {
     const mainSelectComponent = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(null);
-    const isDropdownOpen = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(false);
+    const isSelectOpened = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(false);
 
     // Función para cerrar el dropdown
     const closeDropdown = () => {
-      isDropdownOpen.value = false;
+      isSelectOpened.value = false;
     };
 
     // Configura el observador de clic fuera del elemento
     onClickOutside(mainSelectComponent, closeDropdown);
     return {
       mainSelectComponent,
-      isDropdownOpen,
+      isSelectOpened,
       closeDropdown,
       onClickOutside: onClickOutside
     };
@@ -28172,7 +28260,7 @@ const ESelectvue_type_script_lang_js_patterns = {
         this.auxSuggestions = newVal;
       }
     },
-    isDropdownOpen(value) {
+    isSelectOpened(value) {
       if (value) {
         // Si se despliega el contenido oculto...
         this.$nextTick(() => {
@@ -28223,51 +28311,55 @@ if (typeof (ESelectvue_type_custom_index_0_blockType_docs_lang_md_default()) ===
 
 
 ;
-const ESelect_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ESelectvue_type_script_lang_js, [['render',ESelectvue_type_template_id_10f6fc5a_render]])
+const ESelect_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ESelectvue_type_script_lang_js, [['render',ESelectvue_type_template_id_299e3667_render]])
 
 /* harmony default export */ var ESelect = (ESelect_exports_);
-;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/table/ETable.vue?vue&type=template&id=5ea5c61c
+;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/table/ETable.vue?vue&type=template&id=37324fc7
 
-const ETablevue_type_template_id_5ea5c61c_hoisted_1 = {
+const ETablevue_type_template_id_37324fc7_hoisted_1 = {
+  class: "e-table__table__container"
+};
+const ETablevue_type_template_id_37324fc7_hoisted_2 = {
   key: 0
 };
-const ETablevue_type_template_id_5ea5c61c_hoisted_2 = ["draggable", "onDragstart", "onDrop"];
-const ETablevue_type_template_id_5ea5c61c_hoisted_3 = {
+const ETablevue_type_template_id_37324fc7_hoisted_3 = ["draggable", "onDragstart", "onDrop"];
+const ETablevue_type_template_id_37324fc7_hoisted_4 = {
   key: 0
 };
-const ETablevue_type_template_id_5ea5c61c_hoisted_4 = {
+const ETablevue_type_template_id_37324fc7_hoisted_5 = {
   key: 0
 };
-const ETablevue_type_template_id_5ea5c61c_hoisted_5 = ["onClick"];
-const ETablevue_type_template_id_5ea5c61c_hoisted_6 = ["onClick"];
-const ETablevue_type_template_id_5ea5c61c_hoisted_7 = {
+const ETablevue_type_template_id_37324fc7_hoisted_6 = ["onClick"];
+const ETablevue_type_template_id_37324fc7_hoisted_7 = ["onClick"];
+const ETablevue_type_template_id_37324fc7_hoisted_8 = {
   class: "e-table__footer__container"
 };
-const ETablevue_type_template_id_5ea5c61c_hoisted_8 = {
+const ETablevue_type_template_id_37324fc7_hoisted_9 = {
   class: "e-table__pagination__main__container"
 };
-const ETablevue_type_template_id_5ea5c61c_hoisted_9 = {
+const ETablevue_type_template_id_37324fc7_hoisted_10 = {
   class: "e-table__pagination__btn__left"
 };
-const ETablevue_type_template_id_5ea5c61c_hoisted_10 = {
+const ETablevue_type_template_id_37324fc7_hoisted_11 = {
   key: 0,
   class: "e-table__pagination"
 };
-const ETablevue_type_template_id_5ea5c61c_hoisted_11 = {
-  class: "e-table__pagination__select"
+const ETablevue_type_template_id_37324fc7_hoisted_12 = {
+  class: "e-table__pagination__paginationTable__container"
+};
+const ETablevue_type_template_id_37324fc7_hoisted_13 = {
+  class: "e-table__pagination__select__container"
 };
-const ETablevue_type_template_id_5ea5c61c_hoisted_12 = {
+const ETablevue_type_template_id_37324fc7_hoisted_14 = {
   class: "e-table__pagination__btn__right"
 };
-function ETablevue_type_template_id_5ea5c61c_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ETablevue_type_template_id_37324fc7_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-icon");
   const _component_e_pagination_table = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-pagination-table");
   const _component_e_select = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-select");
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.mainClass)
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("table", {
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.tableClass)
-  }, [$props.title ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("caption", ETablevue_type_template_id_5ea5c61c_hoisted_1, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.title), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("thead", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("tr", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("table", ETablevue_type_template_id_37324fc7_hoisted_1, [$props.title ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("caption", ETablevue_type_template_id_37324fc7_hoisted_2, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.title), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("thead", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("tr", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.headerClass)
   }, [$props.select ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("th", {
     key: 0,
@@ -28282,15 +28374,17 @@ function ETablevue_type_template_id_5ea5c61c_render(_ctx, _cache, $props, $setup
       onDrop: $event => $options.handleDrop(indexCol),
       onDragend: _cache[1] || (_cache[1] = (...args) => $options.handleDragEnd && $options.handleDragEnd(...args))
     }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+      class: "e-table__header__item__container",
       style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeStyle)(col.style)
-    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(col.title) + " ", 1), col.sortable ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_icon, {
+    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(col.title), 1), col.sortable ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_icon, {
       key: 0,
       class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.sortIcon),
       name: $options.sortIconName(col),
+      isSVG: $options.sortIconName(col).includes('svg'),
       size: $data.sortBy === col.field ? '1.2rem' : '0.7rem',
       onClick: $event => $options.handleSort(col)
-    }, null, 8, ["class", "name", "size", "onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 4)], 42, ETablevue_type_template_id_5ea5c61c_hoisted_2);
-  }), 128))], 2), $props.headerSeparator ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("tr", ETablevue_type_template_id_5ea5c61c_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+    }, null, 8, ["class", "name", "isSVG", "size", "onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 4)], 42, ETablevue_type_template_id_37324fc7_hoisted_3);
+  }), 128))], 2), $props.headerSeparator ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("tr", ETablevue_type_template_id_37324fc7_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($props.headerSeparator)
   }, null, 2)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("tbody", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.bodyClass)
@@ -28300,10 +28394,10 @@ function ETablevue_type_template_id_5ea5c61c_render(_ctx, _cache, $props, $setup
   }, indexRow) => {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("tr", {
       key: 'row' + indexRow
-    }, [$props.select ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("td", ETablevue_type_template_id_5ea5c61c_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("input", {
+    }, [$props.select ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("td", ETablevue_type_template_id_37324fc7_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("input", {
       type: "radio",
       onClick: $event => $options.handleSelect(rowOrig)
-    }, null, 8, ETablevue_type_template_id_5ea5c61c_hoisted_5)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($options.finalColumns, (col, indexCol) => {
+    }, null, 8, ETablevue_type_template_id_37324fc7_hoisted_6)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($options.finalColumns, (col, indexCol) => {
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, {
         key: 'col' + indexCol
       }, [!!_ctx.$slots[`cell-name-${col.slot}`] ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, `cell-name-${col.slot}`, {
@@ -28326,17 +28420,17 @@ function ETablevue_type_template_id_5ea5c61c_render(_ctx, _cache, $props, $setup
         name: "content_copy",
         color: "exos-text-primary",
         onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.handleCopyRow(rowOrig, col), ["stop"])
-      }, null, 8, ["onClick"])]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, ETablevue_type_template_id_5ea5c61c_hoisted_6))], 64);
+      }, null, 8, ["onClick"])]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, ETablevue_type_template_id_37324fc7_hoisted_7))], 64);
     }), 128))]);
-  }), 128))], 2)], 2)], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETablevue_type_template_id_5ea5c61c_hoisted_7, [$props.rows.length < 1 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+  }), 128))], 2)])], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETablevue_type_template_id_37324fc7_hoisted_8, [$props.rows.length < 1 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     key: 0,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([$options.bodyClass, "e-table__pagination__container--noData"])
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "noData", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)(" No existen datos para mostrar ")])], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETablevue_type_template_id_5ea5c61c_hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETablevue_type_template_id_5ea5c61c_hoisted_9, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "btn-bl")]), $options.numPagesTotal !== null && $props.showPagination ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ETablevue_type_template_id_5ea5c61c_hoisted_10, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_pagination_table, {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "noData", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)(" No existen datos para mostrar ")])], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETablevue_type_template_id_37324fc7_hoisted_9, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETablevue_type_template_id_37324fc7_hoisted_10, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "btn-bl")]), $options.numPagesTotal !== null && $props.showPagination ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ETablevue_type_template_id_37324fc7_hoisted_11, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETablevue_type_template_id_37324fc7_hoisted_12, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_pagination_table, {
     numPagesTotal: $options.numPagesTotal,
     modelValue: $data.currentPage,
     "onUpdate:modelValue": [_cache[2] || (_cache[2] = $event => $data.currentPage = $event), _cache[3] || (_cache[3] = $event => $options.handleRequest(true))],
     ref: "paginationRef"
-  }, null, 8, ["numPagesTotal", "modelValue"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETablevue_type_template_id_5ea5c61c_hoisted_11, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_select, {
+  }, null, 8, ["numPagesTotal", "modelValue"])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETablevue_type_template_id_37324fc7_hoisted_13, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_select, {
     outline: false,
     showClean: false,
     shadowSize: "none",
@@ -28344,9 +28438,9 @@ function ETablevue_type_template_id_5ea5c61c_render(_ctx, _cache, $props, $setup
     modelValue: $data.numRowsByPage,
     "onUpdate:modelValue": [_cache[4] || (_cache[4] = $event => $data.numRowsByPage = $event), $options.handleReload],
     options: $props.rowsByPage
-  }, null, 8, ["bgColor", "modelValue", "options", "onUpdate:modelValue"])])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETablevue_type_template_id_5ea5c61c_hoisted_12, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "btn-br")])])])], 64);
+  }, null, 8, ["bgColor", "modelValue", "options", "onUpdate:modelValue"])])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETablevue_type_template_id_37324fc7_hoisted_14, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "btn-br")])])])], 64);
 }
-;// CONCATENATED MODULE: ./src/ui/components/table/ETable.vue?vue&type=template&id=5ea5c61c
+;// CONCATENATED MODULE: ./src/ui/components/table/ETable.vue?vue&type=template&id=37324fc7
 
 ;// CONCATENATED MODULE: ./node_modules/ramda/es/is.js
 
@@ -28701,6 +28795,7 @@ function message_show(type, content, config = null) {
 const message = message_show;
 ;// 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/table/ETable.vue?vue&type=script&lang=js
 
+
 /* harmony default export */ var ETablevue_type_script_lang_js = ({
   name: 'ETable',
   emits: ['request', 'setSelectedRow', 'changeContent'],
@@ -29075,21 +29170,19 @@ const message = message_show;
       currentPage: 1,
       clicked: false,
       indexRowSelected: null,
-      selected: []
+      selected: [],
+      iconsSVG: iconsSVG
     };
   },
   computed: {
     mainClass() {
-      return ['e-table__mainContainer', this.shadowClass, this.roundedClass, this.borderTable ? ['exos-border', this.borderColor ?? 'exos-border-neutralLightGrey'] : 'exos-border-none'];
-    },
-    tableClass() {
-      return ['e-table__table__container', this.bgColor + ' exos-bg-primary-4'];
+      return ['e-table__mainContainer', this.shadowClass, this.roundedClass, this.borderTable ? ['exos-border', this.borderColor ?? 'e-table__main__borderColor'] : 'exos-border-none'];
     },
     sortIcon() {
       return this.arrowsColor + ' e-table__sortIcon';
     },
     bgSelectPaginationClassLight() {
-      return this.paginationBgColor + ' exos-bg-bgGralLight dark:exos-bg-bgGralDark';
+      return this.paginationBgColor + ' e-table__selectPagination__bgColor';
     },
     shadowClass() {
       const shadowClasses = {
@@ -29101,7 +29194,7 @@ const message = message_show;
         xl: 'exos-shadow-xl',
         xxl: 'exos-shadow-2xl'
       };
-      return shadowClasses[this.shadowSize] ?? 'exos-shadow-bancosCmp';
+      return shadowClasses[this.shadowSize] ?? 'e-table__mainContainer__shadowSize';
     },
     textHeaderSizeClass() {
       const textSizeClasses = {
@@ -29133,7 +29226,7 @@ const message = message_show;
       return borderMap[this.borderHeader] ?? 'e-table__borderDef';
     },
     bodyClass() {
-      const bodyClass = ['e-table__body__container', this.textColor + ' e-table__textColor', this.borderColor ?? 'e-table__borderColor', this.borderBodyClass];
+      const bodyClass = ['e-table__body__container', this.bgColor + ' e-table__body__bgColor', this.textColor + ' e-table__body__textColor', this.borderColor ?? 'e-table__borderColor', this.borderBodyClass];
       return bodyClass;
     },
     borderBodyClass() {
@@ -29154,7 +29247,7 @@ const message = message_show;
         xl: 'exos-rounded-xl',
         xxl: 'exos-rounded-2xl'
       };
-      return roundedClasses[this.roundedSize] ?? 'exos-rounded-xl';
+      return roundedClasses[this.roundedSize] ?? 'e-table__mainContainer__roundedSize';
     },
     paginationRows() {
       let auxRows = [...this.rows];
@@ -29313,12 +29406,12 @@ const message = message_show;
       return roundedHeaderClasses[this.roundedHeaderSize]?.[side] ?? null;
     },
     styleHeaderClass(indexCol) {
-      return ['e-table__header__container', this.draggable ? 'draggable-table' : 'exos-cursor-default', this.textHeaderSizeClass, this.textTransformClass, this.borderColor ?? 'exos-border-neutralLightGrey', this.headerBgColor + ' exos-bg-primary-4', this.headerTextColor + ' exos-text-neutralGrey', this.roundedHeaderSize ? indexCol === 0 ? this.roundedHeaderClass('l') : indexCol === this.finalColumns.length - 1 ? this.roundedHeaderClass('r') : null : null];
+      return ['e-table__header__container', this.draggable ? 'draggable-table' : 'exos-cursor-default', this.textHeaderSizeClass, this.textTransformClass, this.borderColor ?? 'e-table__borderColor', this.headerBgColor + ' e-table__header__bgColor', this.headerTextColor + ' e-table__header__textColor', this.roundedHeaderSize ? indexCol === 0 ? this.roundedHeaderClass('l') : indexCol === this.finalColumns.length - 1 ? this.roundedHeaderClass('r') : null : null];
     },
     styleRowClass(col, indexRow, indexRowSelected) {
       const isClickable = col.isClickeable;
       const isSelected = indexRowSelected === indexRow;
-      return [col.style ?? '', isClickable && isSelected ? ['exos-font-semibold', this.clickeableSelectedRowTextColor + ' exos-text-white'] : [isClickable ? ['exos-cursor-pointer', this.clickeableTextColor + ' exos-text-primary'] : ['exos-cursor-auto']], isSelected ? [this.rowSelectedBgColor + ' exos-bg-primary', 'exos-bg-opacity-50', isClickable && isSelected ? '' : ['exos-text-opacity-90', this.rowSelectedTextColor + ' exos-text-white']] : ''];
+      return [col.style ?? '', isClickable && isSelected ? [this.clickeableSelectedRowTextColor + ' exos-text-white'] : [isClickable ? ['exos-cursor-pointer', this.clickeableTextColor + ' exos-text-primary'] : 'exos-cursor-auto'], isSelected ? [this.rowSelectedBgColor + ' exos-bg-primary', 'exos-bg-opacity-50', isClickable && isSelected ? '' : ['exos-text-opacity-90', this.rowSelectedTextColor + ' exos-text-white']] : ''];
     },
     handleSetPage(page) {
       this.$refs.paginationRef.setPage(page);
@@ -29352,7 +29445,7 @@ const message = message_show;
       return data;
     },
     sortIconName(col) {
-      const sortIconName = this.sortBy === col.field ? this.descending ? 'arrow_drop_down' : 'arrow_drop_up' : 'ebind:flechas-arriba-abajo';
+      const sortIconName = this.sortBy === col.field ? this.descending ? 'sym-arrow_drop_down' : 'sym-arrow_drop_up' : iconsSVG['arrowsSort'];
       return sortIconName;
     },
     handleSort(col) {
@@ -29505,7 +29598,7 @@ if (typeof (ETablevue_type_custom_index_0_blockType_docs_lang_md_default()) ===
 
 
 ;
-const ETable_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ETablevue_type_script_lang_js, [['render',ETablevue_type_template_id_5ea5c61c_render]])
+const ETable_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ETablevue_type_script_lang_js, [['render',ETablevue_type_template_id_37324fc7_render]])
 
 /* harmony default export */ var ETable = (ETable_exports_);
 ;// 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/tab/ETab.vue?vue&type=script&setup=true&lang=js
@@ -30084,29 +30177,29 @@ if (typeof (EBtnTogglevue_type_custom_index_0_blockType_docs_lang_md_default())
 const EBtnToggle_exports_ = EBtnTogglevue_type_script_setup_true_lang_js;
 
 /* harmony default export */ var EBtnToggle = (EBtnToggle_exports_);
-;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/filePicker/EFilePicker.vue?vue&type=template&id=21b21060
+;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/filePicker/EFilePicker.vue?vue&type=template&id=17a87f94
 
-const EFilePickervue_type_template_id_21b21060_hoisted_1 = {
+const EFilePickervue_type_template_id_17a87f94_hoisted_1 = {
   class: "e-inputFile__main__container"
 };
-const EFilePickervue_type_template_id_21b21060_hoisted_2 = ["accept", "multiple", "disabled", "id"];
-const EFilePickervue_type_template_id_21b21060_hoisted_3 = ["for"];
-const EFilePickervue_type_template_id_21b21060_hoisted_4 = {
+const EFilePickervue_type_template_id_17a87f94_hoisted_2 = ["accept", "multiple", "disabled", "id"];
+const EFilePickervue_type_template_id_17a87f94_hoisted_3 = ["for"];
+const EFilePickervue_type_template_id_17a87f94_hoisted_4 = {
   key: 1,
   class: "e-inputFile__multipleFiles"
 };
-const EFilePickervue_type_template_id_21b21060_hoisted_5 = {
+const EFilePickervue_type_template_id_17a87f94_hoisted_5 = {
   key: 0,
   class: "e-inputFile__containerFileInfo"
 };
-const EFilePickervue_type_template_id_21b21060_hoisted_6 = {
+const EFilePickervue_type_template_id_17a87f94_hoisted_6 = {
   key: 1,
   class: "e-inputFile__message--error"
 };
-function EFilePickervue_type_template_id_21b21060_render(_ctx, _cache, $props, $setup, $data, $options) {
+function EFilePickervue_type_template_id_17a87f94_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-icon");
   const _component_e_file_viewer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-file-viewer");
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EFilePickervue_type_template_id_21b21060_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EFilePickervue_type_template_id_17a87f94_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.fileContainer)
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("input", {
     ref: 'e-filePicker-' + _ctx.$.uid,
@@ -30119,7 +30212,7 @@ function EFilePickervue_type_template_id_21b21060_render(_ctx, _cache, $props, $
     id: 'inputFile-' + $props.label,
     onChange: _cache[0] || (_cache[0] = (...args) => $options.handleFileChange && $options.handleFileChange(...args)),
     onClick: _cache[1] || (_cache[1] = (...args) => $options.handleClick && $options.handleClick(...args))
-  }, null, 40, EFilePickervue_type_template_id_21b21060_hoisted_2), !$props.modelValue ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("label", {
+  }, null, 40, EFilePickervue_type_template_id_17a87f94_hoisted_2), !$props.modelValue ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("label", {
     key: 0,
     for: 'inputFile-' + $props.label,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.labelClass)
@@ -30128,7 +30221,7 @@ function EFilePickervue_type_template_id_21b21060_render(_ctx, _cache, $props, $
   }, $options.iconInfo)), null, 16)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.label), 1), $props.required ? ((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)($options.requiredClass)
-  }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])], 10, EFilePickervue_type_template_id_21b21060_hoisted_3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $props.multiple && $options.labelSelected ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EFilePickervue_type_template_id_21b21060_hoisted_4, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($options.labelSelected, (file, index) => {
+  }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])], 10, EFilePickervue_type_template_id_17a87f94_hoisted_3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $props.multiple && $options.labelSelected ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EFilePickervue_type_template_id_17a87f94_hoisted_4, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($options.labelSelected, (file, index) => {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
       key: index,
       class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.multipleFileBox)
@@ -30164,7 +30257,7 @@ function EFilePickervue_type_template_id_21b21060_render(_ctx, _cache, $props, $
     key: 3,
     onClick: _cache[3] || (_cache[3] = (...args) => $options.clean && $options.clean(...args)),
     class: "e-inputFile__closeIcon__container"
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "iconClose", {}, () => [(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)($options.closeIcon)), null, 16)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2), $options.showInfoFileCounter ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EFilePickervue_type_template_id_21b21060_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.formattedFileInfo), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), !!$data.messageError ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EFilePickervue_type_template_id_21b21060_hoisted_6, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($data.messageError), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $data.showFileViwerFlag ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_file_viewer, {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "iconClose", {}, () => [(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)($options.closeIcon)), null, 16)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2), $options.showInfoFileCounter ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EFilePickervue_type_template_id_17a87f94_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.formattedFileInfo), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), !!$data.messageError ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EFilePickervue_type_template_id_17a87f94_hoisted_6, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($data.messageError), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $data.showFileViwerFlag ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_file_viewer, {
     key: 2,
     data: $data.fileToview,
     fileName: $data.nameFile,
@@ -30172,7 +30265,7 @@ function EFilePickervue_type_template_id_21b21060_render(_ctx, _cache, $props, $
     onClose: $options.handleCloseFileViewer
   }, null, 8, ["data", "fileName", "extention", "onClose"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]);
 }
-;// CONCATENATED MODULE: ./src/ui/components/filePicker/EFilePicker.vue?vue&type=template&id=21b21060
+;// CONCATENATED MODULE: ./src/ui/components/filePicker/EFilePicker.vue?vue&type=template&id=17a87f94
 
 ;// 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/filePicker/EFilePicker.vue?vue&type=script&lang=js
 
@@ -30490,7 +30583,7 @@ function EFilePickervue_type_template_id_21b21060_render(_ctx, _cache, $props, $
       };
     },
     requiredClass() {
-      const requiredClass = [this.disabled ? 'e-inputFile__text--disabled' : this.required ? 'e-inputFile__text--active' : 'exos-text-neutralBlack '];
+      const requiredClass = [this.disabled ? 'e-inputFile__text--disabled' : this.required ? 'e-inputFile__text--active' : 'e-inputFile__text--default'];
       return requiredClass;
     },
     finalFilterRules() {
@@ -30530,18 +30623,18 @@ function EFilePickervue_type_template_id_21b21060_render(_ctx, _cache, $props, $
     multipleFileBox() {
       const baseClasses = ['e-inputFile__multipleFiles__container', this.designClass];
       if (this.useTags) {
-        const tagClasses = 'exos-px-1 exos-rounded-lg';
+        const tagClasses = 'e-inputFile__iconTag__container';
         baseClasses.push(tagClasses);
-        baseClasses.push(this.tagBgColor ?? 'exos-bg-neutralLightGrey');
+        baseClasses.push(this.tagBgColor ?? 'e-inputFile__iconTag__bgColor');
       }
       return baseClasses;
     },
     singleFileBox() {
       const baseClasses = ['e-inputFile__singleFile__container', this.disabled ? 'hover:exos-cursor-not-allowed' : 'hover:exos-cursor-pointer', this.designClass];
       if (this.useTags) {
-        const tagClasses = 'exos-px-1 exos-rounded-lg';
+        const tagClasses = 'e-inputFile__iconTag__container';
         baseClasses.push(tagClasses);
-        baseClasses.push(this.tagBgColor ?? 'exos-bg-neutralLightGrey');
+        baseClasses.push(this.tagBgColor ?? 'e-inputFile__iconTag__bgColor');
       }
       return baseClasses;
     },
@@ -30991,62 +31084,68 @@ if (typeof (EFilePickervue_type_custom_index_0_blockType_docs_lang_md_default())
 
 
 ;
-const EFilePicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EFilePickervue_type_script_lang_js, [['render',EFilePickervue_type_template_id_21b21060_render]])
+const EFilePicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EFilePickervue_type_script_lang_js, [['render',EFilePickervue_type_template_id_17a87f94_render]])
 
 /* harmony default export */ var EFilePicker = (EFilePicker_exports_);
-;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/dataDetail/EDataDetail.vue?vue&type=template&id=2f029d40
+;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/dataDetail/EDataDetail.vue?vue&type=template&id=4f67cff6
 
-const EDataDetailvue_type_template_id_2f029d40_hoisted_1 = {
+const EDataDetailvue_type_template_id_4f67cff6_hoisted_1 = {
   key: 0
 };
-const EDataDetailvue_type_template_id_2f029d40_hoisted_2 = {
+const EDataDetailvue_type_template_id_4f67cff6_hoisted_2 = {
   key: 0,
   class: "e-dataDetail__titleContainerClass"
 };
-const EDataDetailvue_type_template_id_2f029d40_hoisted_3 = {
+const EDataDetailvue_type_template_id_4f67cff6_hoisted_3 = {
   class: "e-dataDetail__contentTRClass"
 };
-const EDataDetailvue_type_template_id_2f029d40_hoisted_4 = {
+const EDataDetailvue_type_template_id_4f67cff6_hoisted_4 = {
   key: 0
 };
-const EDataDetailvue_type_template_id_2f029d40_hoisted_5 = {
+const EDataDetailvue_type_template_id_4f67cff6_hoisted_5 = {
   class: "e-dataDetail__gridContainer__textClasses"
 };
-const EDataDetailvue_type_template_id_2f029d40_hoisted_6 = {
+const EDataDetailvue_type_template_id_4f67cff6_hoisted_6 = {
   key: 0,
-  class: "e-dataDetail__paginationContainerClass"
+  class: "e-dataDetail__pagination__container"
+};
+const EDataDetailvue_type_template_id_4f67cff6_hoisted_7 = {
+  class: "e-dataDetail__pagination"
 };
-const EDataDetailvue_type_template_id_2f029d40_hoisted_7 = {
+const EDataDetailvue_type_template_id_4f67cff6_hoisted_8 = {
   key: 1,
   class: "e-dataDetail__footerContainerClass"
 };
-const EDataDetailvue_type_template_id_2f029d40_hoisted_8 = {
+const EDataDetailvue_type_template_id_4f67cff6_hoisted_9 = {
   key: 0,
   class: "e-dataDetail__titleContainerClass"
 };
-const EDataDetailvue_type_template_id_2f029d40_hoisted_9 = {
+const EDataDetailvue_type_template_id_4f67cff6_hoisted_10 = {
   class: "e-dataDetail__contentTRClass"
 };
-const EDataDetailvue_type_template_id_2f029d40_hoisted_10 = {
+const EDataDetailvue_type_template_id_4f67cff6_hoisted_11 = {
   key: 0
 };
-const EDataDetailvue_type_template_id_2f029d40_hoisted_11 = {
+const EDataDetailvue_type_template_id_4f67cff6_hoisted_12 = {
   class: "e-dataDetail__gridContainer__textClasses"
 };
-const EDataDetailvue_type_template_id_2f029d40_hoisted_12 = {
+const EDataDetailvue_type_template_id_4f67cff6_hoisted_13 = {
   key: 0,
-  class: "e-dataDetail__paginationContainerClass"
+  class: "e-dataDetail__pagination__container"
+};
+const EDataDetailvue_type_template_id_4f67cff6_hoisted_14 = {
+  class: "e-dataDetail__pagination"
 };
-const EDataDetailvue_type_template_id_2f029d40_hoisted_13 = {
+const EDataDetailvue_type_template_id_4f67cff6_hoisted_15 = {
   key: 1,
   class: "e-dataDetail__footerContainerClass"
 };
-function EDataDetailvue_type_template_id_2f029d40_render(_ctx, _cache, $props, $setup, $data, $options) {
+function EDataDetailvue_type_template_id_4f67cff6_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_e_btn = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-btn");
   const _component_e_pagination_table = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-pagination-table");
-  return $props.paginateLayout ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EDataDetailvue_type_template_id_2f029d40_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+  return $props.paginateLayout ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EDataDetailvue_type_template_id_4f67cff6_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.headerContainer)
-  }, [_ctx.$slots.title ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EDataDetailvue_type_template_id_2f029d40_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "title")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EDataDetailvue_type_template_id_2f029d40_hoisted_3, [_ctx.$slots.contentTR ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EDataDetailvue_type_template_id_2f029d40_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "contentTR")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $props.showCloseBtn ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_btn, {
+  }, [_ctx.$slots.title ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EDataDetailvue_type_template_id_4f67cff6_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "title")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EDataDetailvue_type_template_id_4f67cff6_hoisted_3, [_ctx.$slots.contentTR ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EDataDetailvue_type_template_id_4f67cff6_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "contentTR")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $props.showCloseBtn ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_btn, {
     key: 1,
     rounded: "",
     level: "3",
@@ -31073,18 +31172,18 @@ function EDataDetailvue_type_template_id_2f029d40_render(_ctx, _cache, $props, $
     }, () => [$props.modeGrid ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("p", {
       key: 0,
       class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.labelClass)
-    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(item.title), 3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", EDataDetailvue_type_template_id_2f029d40_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.getInternalizedVal($props.data, item.field)), 1)])], 2);
-  }), 128))], 2), $props.layout.length > $props.numFieldsPerPage && $props.useLayoutPagination ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EDataDetailvue_type_template_id_2f029d40_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_pagination_table, {
+    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(item.title), 3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", EDataDetailvue_type_template_id_4f67cff6_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.getInternalizedVal($props.data, item.field)), 1)])], 2);
+  }), 128))], 2), $props.layout.length > $props.numFieldsPerPage && $props.useLayoutPagination ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EDataDetailvue_type_template_id_4f67cff6_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EDataDetailvue_type_template_id_4f67cff6_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_pagination_table, {
     startInZero: "",
     numPagesTotal: $options.totalPages,
     modelValue: $data.pageLayout,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => $data.pageLayout = $event)
-  }, null, 8, ["numPagesTotal", "modelValue"])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), _ctx.$slots.footer ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EDataDetailvue_type_template_id_2f029d40_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+  }, null, 8, ["numPagesTotal", "modelValue"])])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), _ctx.$slots.footer ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EDataDetailvue_type_template_id_4f67cff6_hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     key: 1,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.mainContainer)
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.headerContainer)
-  }, [_ctx.$slots.title ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EDataDetailvue_type_template_id_2f029d40_hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "title")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EDataDetailvue_type_template_id_2f029d40_hoisted_9, [_ctx.$slots.contentTR ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EDataDetailvue_type_template_id_2f029d40_hoisted_10, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "contentTR")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $props.showCloseBtn ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_btn, {
+  }, [_ctx.$slots.title ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EDataDetailvue_type_template_id_4f67cff6_hoisted_9, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "title")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EDataDetailvue_type_template_id_4f67cff6_hoisted_10, [_ctx.$slots.contentTR ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EDataDetailvue_type_template_id_4f67cff6_hoisted_11, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "contentTR")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $props.showCloseBtn ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_btn, {
     key: 1,
     rounded: "",
     level: "3",
@@ -31113,16 +31212,16 @@ function EDataDetailvue_type_template_id_2f029d40_render(_ctx, _cache, $props, $
       }, () => [$props.modeGrid ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("p", {
         key: 0,
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.labelClass)
-      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(item.label), 3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", EDataDetailvue_type_template_id_2f029d40_hoisted_11, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(item.value), 1)])], 2);
+      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(item.label), 3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", EDataDetailvue_type_template_id_4f67cff6_hoisted_12, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(item.value), 1)])], 2);
     }), 128))], 2);
-  }), 128))]), this.structuredData.length > 1 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EDataDetailvue_type_template_id_2f029d40_hoisted_12, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_pagination_table, {
+  }), 128))]), this.structuredData.length > 1 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EDataDetailvue_type_template_id_4f67cff6_hoisted_13, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EDataDetailvue_type_template_id_4f67cff6_hoisted_14, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_pagination_table, {
     startInZero: "",
     numPagesTotal: $options.totalPages,
     modelValue: $data.pageData,
     "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => $data.pageData = $event)
-  }, null, 8, ["numPagesTotal", "modelValue"])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), _ctx.$slots.footer ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EDataDetailvue_type_template_id_2f029d40_hoisted_13, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2));
+  }, null, 8, ["numPagesTotal", "modelValue"])])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), _ctx.$slots.footer ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EDataDetailvue_type_template_id_4f67cff6_hoisted_15, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2));
 }
-;// CONCATENATED MODULE: ./src/ui/components/dataDetail/EDataDetail.vue?vue&type=template&id=2f029d40
+;// CONCATENATED MODULE: ./src/ui/components/dataDetail/EDataDetail.vue?vue&type=template&id=4f67cff6
 
 ;// 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/dataDetail/EDataDetail.vue?vue&type=script&lang=js
 /* harmony default export */ var EDataDetailvue_type_script_lang_js = ({
@@ -31421,7 +31520,7 @@ if (typeof (EDataDetailvue_type_custom_index_0_blockType_docs_lang_md_default())
 
 
 ;
-const EDataDetail_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EDataDetailvue_type_script_lang_js, [['render',EDataDetailvue_type_template_id_2f029d40_render]])
+const EDataDetail_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EDataDetailvue_type_script_lang_js, [['render',EDataDetailvue_type_template_id_4f67cff6_render]])
 
 /* harmony default export */ var EDataDetail = (EDataDetail_exports_);
 ;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/tooltip/ETooltip.vue?vue&type=template&id=1c24983d
@@ -31645,6 +31744,248 @@ if (typeof (ETooltipvue_type_custom_index_0_blockType_docs_lang_md_default()) ==
 const ETooltip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ETooltipvue_type_script_lang_js, [['render',ETooltipvue_type_template_id_1c24983d_render]])
 
 /* harmony default export */ var ETooltip = (ETooltip_exports_);
+;// 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/stepTracker/EStepTracker.vue?vue&type=template&id=2a8c3a45
+
+const EStepTrackervue_type_template_id_2a8c3a45_hoisted_1 = ["onClick"];
+function EStepTrackervue_type_template_id_2a8c3a45_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_e_btn = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-btn");
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("ol", {
+    ref: 'e-stepTracker__main__container-' + _ctx.$.uid,
+    class: "e-stepTracker__main__container"
+  }, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($options.finalSteps, (option, index) => {
+    return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("li", {
+      key: 'optionStepTrack' + index,
+      class: "e-stepTracker__tracker__container"
+    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+      class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.dynamicTrackerClass(index))
+    }, null, 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", {
+      onClick: $event => $options.handleClick(option),
+      class: "e-stepTracker__step"
+    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, `step-${option.value}`, {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_btn, {
+      rounded: "",
+      level: $options.dynamicLevelClass(index),
+      iconName: $options.dynamicIconName(index),
+      active: $options.dynamicStepClass(option)
+    }, null, 8, ["level", "iconName", "active"])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", {
+      style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeStyle)($options.dynamicDropPosition()),
+      class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.dynamicStepLabelClass(index))
+    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(option.label), 7)], 8, EStepTrackervue_type_template_id_2a8c3a45_hoisted_1)]);
+  }), 128))], 512);
+}
+;// CONCATENATED MODULE: ./src/ui/components/stepTracker/EStepTracker.vue?vue&type=template&id=2a8c3a45
+
+;// 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/stepTracker/EStepTracker.vue?vue&type=script&lang=js
+/* harmony default export */ var EStepTrackervue_type_script_lang_js = ({
+  name: 'EStepTracker',
+  props: {
+    /**
+     * Valor de la opción (paso) actual
+     * Debe de coincidir con el value de la opción
+     */
+    modelValue: {
+      default: null
+    },
+    /**
+     * Bandera para indicar que el componente servirá solo en modo lectura.
+     */
+    onlyRead: {
+      type: Boolean,
+      default: false,
+      description: 'Bandera para indicar que el componente servirá solo en modo lectura.'
+    },
+    /**
+     * Lista de pasos que se desplegaran
+     * La lista consiste en un arreglo de objeto con los campos "value" y "label"
+     * label: es el texto que se mostrara en el titulo del paso
+     * value: es un identificador para saber que paso es el seleccionado
+     * Ej:
+     * [
+     *    {
+     *        label: 'Datos generales',
+     *        value: 1,
+     *    },
+     *    {
+     *        label: 'Servicios',
+     *        value: 2,
+     *    }
+     * ]
+     */
+    options: {
+      type: Array,
+      defaul: () => []
+    },
+    /**
+     * Customiza los estilos de la nube que contiene el label de cada paso.
+     * Ej:<br> stepActiveCloudStyle="bg-purple-500 text-slate-400"
+     */
+    stepActiveCloudStyle: {
+      type: String,
+      default: null,
+      description: 'Customiza los estilos de la nube que contiene el label de cada paso.'
+    },
+    /**
+     * Customiza los estilos de la nube correspondiente a los pasos que han sido completados.
+     * Ej:<br> stepCheckedCloudStyle="bg-green-500 text-purple-400"
+     */
+    stepCheckedCloudStyle: {
+      type: String,
+      default: null,
+      description: 'Customiza los estilos de la nube correspondiente a los pasos que han sido completados.'
+    },
+    /**
+     * Customiza los estilos de la nube correspondiente a los pasos pendientes.
+     * Ej:<br> stepUncheckedCloudStyle="bg-yellow-500 text-red-500"
+     */
+    stepUncheckedCloudStyle: {
+      type: String,
+      default: null,
+      description: 'Customiza los estilos de la nube correspondiente a los pasos pendientes.'
+    },
+    /**
+     * Color del camino de pasos completado.
+     * Ej:<br> activeTrackLineColor="border-green-500"
+     */
+    activeTrackLineColor: {
+      type: String,
+      default: null,
+      description: 'Color del camino de pasos completado.'
+    },
+    /**
+     * Color del camino de pasos que faltan por completar.
+     * Ej:<br> inactiveTrackLineColor="border-red-500"
+     */
+    inactiveTrackLineColor: {
+      type: String,
+      default: null,
+      description: 'Color del camino de pasos que faltan por completar.'
+    },
+    /**
+     * Nombre del icono que se quiere utilizar para el paso actual.
+     */
+    iconNameActive: {
+      type: String,
+      default: null,
+      description: 'Nombre del icono que se quiere utilizar para el paso actual.'
+    },
+    /**
+     * Nombre del icono que se quiere utilizar para cuando el paso está pendiente por completar.
+     */
+    iconNamePending: {
+      type: String,
+      default: null,
+      description: 'Nombre del icono que se quiere utilizar para cuando el paso está pendiente por completar.'
+    },
+    /**
+     * Nombre del icono que se quiere utilizar para cuando el paso está completado.
+     */
+    iconNameCompleted: {
+      type: String,
+      default: null,
+      description: 'Nombre del icono que se quiere utilizar para cuando el paso está completado.'
+    }
+  },
+  computed: {
+    finalSteps() {
+      return this.options.map(step => {
+        return {
+          ...step,
+          slot: step.label.toLowerCase().replace(/ /g, '-')
+        };
+      });
+    }
+  },
+  created() {
+    window.addEventListener('resize', this.handleResize);
+  },
+  mounted() {
+    this.handleResize();
+  },
+  beforeUnmount() {
+    window.removeEventListener('resize', this.handleResize);
+  },
+  data() {
+    return {
+      dropPositionY: null
+    };
+  },
+  methods: {
+    handleResize() {
+      const container = this.$refs['e-stepTracker__main__container-' + this.$.uid];
+      this.dropPositionY = `${container.offsetHeight + 10}px`;
+    },
+    dynamicDropPosition() {
+      return {
+        bottom: this.dropPositionY,
+        width: 70 / this.options.length + 'vw'
+      };
+    },
+    dynamicStepLabelClass(index) {
+      const dynStepLabel = ['e-stepTracker__stepLabel'];
+      const currentIndex = this.options.findIndex(opt => opt.value === this.modelValue);
+
+      // Asigna las clases a los trackers basados en la posición
+      const trackerClasses = [index === currentIndex ? `${this.stepActiveCloudStyle} e-stepTracker__stepLabel--active` : index <= currentIndex ? `${this.stepCheckedCloudStyle} e-stepTracker__stepLabel--active` : `${this.stepUncheckedCloudStyle} e-stepTracker__stepLabel--inactive`];
+      return dynStepLabel.concat(trackerClasses);
+    },
+    dynamicTrackerClass(index) {
+      // Encuentra el índice del paso actual
+      const currentIndex = this.options.findIndex(opt => opt.value === this.modelValue);
+
+      // Asigna las clases a los trackers basados en la posición
+      const trackerClasses = ['e-stepTracker__tracker', index <= currentIndex ? `exos-animate-slide-right ${this.activeTrackLineColor ?? 'e-stepTracker__border--active'}` : this.inactiveTrackLineColor ?? 'e-stepTracker__border--inactive'];
+      return trackerClasses;
+    },
+    dynamicLevelClass(index) {
+      // Encuentra el índice del paso actual
+      const currentIndex = this.options.findIndex(opt => opt.value === this.modelValue);
+
+      // Retorna en nivel dependiendo el valor del paso actual o pendientes
+      return index <= currentIndex ? '1' : '3';
+    },
+    dynamicIconName(index) {
+      // Encuentra el índice del paso actual
+      const currentIndex = this.options.findIndex(opt => opt.value === this.modelValue);
+      if (index === currentIndex) {
+        return this.iconNameActive ?? 'sym-radio_button_checked';
+      }
+
+      // Asigna las clases a los trackers basados en la posición
+      return index > currentIndex - 1 ? this.iconNamePending ?? 'sym-info' : this.iconNameCompleted ?? 'sym-check_circle';
+    },
+    dynamicStepClass(option) {
+      return option.value === this.modelValue ? true : false;
+    },
+    handleClick(option) {
+      if (!this.onlyRead) {
+        /**
+         * Se emite al dar click en un paso
+         *  @property {mixed} pasoActual identificador asignado a los pasos
+         */
+        this.$emit('update:modelValue', option.value);
+      }
+    }
+  }
+});
+;// CONCATENATED MODULE: ./src/ui/components/stepTracker/EStepTracker.vue?vue&type=script&lang=js
+ 
+// EXTERNAL MODULE: ./node_modules/vue-cli-plugin-styleguidist/empty-object-loader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/stepTracker/EStepTracker.vue?vue&type=custom&index=0&blockType=docs&lang=md
+var EStepTrackervue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(8207);
+var EStepTrackervue_type_custom_index_0_blockType_docs_lang_md_default = /*#__PURE__*/__webpack_require__.n(EStepTrackervue_type_custom_index_0_blockType_docs_lang_md);
+;// CONCATENATED MODULE: ./src/ui/components/stepTracker/EStepTracker.vue?vue&type=custom&index=0&blockType=docs&lang=md
+ 
+;// CONCATENATED MODULE: ./src/ui/components/stepTracker/EStepTracker.vue
+
+
+
+/* custom blocks */
+;
+if (typeof (EStepTrackervue_type_custom_index_0_blockType_docs_lang_md_default()) === 'function') EStepTrackervue_type_custom_index_0_blockType_docs_lang_md_default()(EStepTrackervue_type_script_lang_js)
+
+
+;
+const EStepTracker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EStepTrackervue_type_script_lang_js, [['render',EStepTrackervue_type_template_id_2a8c3a45_render]])
+
+/* harmony default export */ var EStepTracker = (EStepTracker_exports_);
 ;// CONCATENATED MODULE: ./src/components/plugins/loading.js
 function createLoadingHTML(config) {
   const color = config?.color ?? '#FAFAFA';
@@ -31759,6 +32100,7 @@ const loading = {
 
 
 
+
 
 
 const ExosLibraryComponents = {
@@ -31795,6 +32137,7 @@ const ExosLibraryComponents = {
     app.component('EFilePicker', EFilePicker);
     app.component('EDataDetail', EDataDetail);
     app.component('ETooltip', ETooltip);
+    app.component('EStepTracker', EStepTracker);
     app.provide('$loading', loading);
     app.provide('$notify', notify);
     app.provide('$showMessage', message);
@@ -31919,6 +32262,18 @@ var src_default = /*#__PURE__*/__webpack_require__.n(tailwindcss_animated_src);
             opacity: 1
           }
         },
+        slideRight: {
+          '0%': {
+            transform: 'translateX(0%)',
+            width: '0%',
+            opacity: 0
+          },
+          '100%': {
+            transform: 'translateX(0%)',
+            width: '100%',
+            opacity: 1
+          }
+        },
         growDown: {
           '0%': {
             transform: 'scaleY(0)',
@@ -31985,6 +32340,7 @@ var src_default = /*#__PURE__*/__webpack_require__.n(tailwindcss_animated_src);
         'slide-down': 'slideDown 0.4s ease-in-out',
         'slide-up': 'slideUp 0.4s ease-in-out',
         'slide-left': 'slideLeft 0.4s ease-in-out',
+        'slide-right': 'slideRight 0.4s ease-in-out',
         'grow-down': 'growDown 0.3s ease-in-out forwards',
         'grow-up': 'growUp 0.3s ease-in-out forwards',
         'spin-galaxy': 'spinGalaxy 2s ease-in-out infinite',