@alexochihua/exos-library-components 1.0.13 → 1.0.15

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

@@ -2888,21 +2888,21 @@ if (typeof window !== 'undefined') {
 
 // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
 var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(3797);
-;// 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/EMainTpl.vue?vue&type=template&id=244467dc
+;// 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/EMainTpl.vue?vue&type=template&id=0df88e24
 
 const _hoisted_1 = {
-  class: "flex flex-col md:max-lg:pl-[8.35rem] lg:pl-40 md:pr-7 h-full bg-main dark:bg-mainDark"
+  class: "exos-flex exos-flex-col md:max-lg:exos-pl-[8.35rem] lg:exos-pl-40 md:exos-pr-7 exos-h-full exos-bg-main dark:exos-bg-mainDark"
 };
 const _hoisted_2 = {
-  class: "my-0.5"
+  class: "exos-my-0.5"
 };
 const _hoisted_3 = {
-  class: "flex justify-start mt-3 items-center rounded-md"
+  class: "exos-flex exos-justify-start exos-mt-3 exos-items-center exos-rounded-md"
 };
 function render(_ctx, _cache) {
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "buttons-header")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "board-section")])]);
 }
-;// CONCATENATED MODULE: ./src/layouts/EMainTpl.vue?vue&type=template&id=244467dc
+;// CONCATENATED MODULE: ./src/layouts/EMainTpl.vue?vue&type=template&id=0df88e24
 
 // EXTERNAL MODULE: ./node_modules/vue-cli-plugin-styleguidist/empty-object-loader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layouts/EMainTpl.vue?vue&type=custom&index=0&blockType=docs&lang=md
 var EMainTplvue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(8282);
@@ -2923,15 +2923,15 @@ if (typeof (EMainTplvue_type_custom_index_0_blockType_docs_lang_md_default()) ==
 const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.Z)(script, [['render',render]])
 
 /* harmony default export */ var EMainTpl = (__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/EButtonsHeaderTpl.vue?vue&type=template&id=b1427d04
+;// 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/EButtonsHeaderTpl.vue?vue&type=template&id=b5995bd4
 
-const EButtonsHeaderTplvue_type_template_id_b1427d04_hoisted_1 = {
-  class: "flex justify-start mt-3 items-center animate-fade-left animate-duration-500 animate-ease-in-out"
+const EButtonsHeaderTplvue_type_template_id_b5995bd4_hoisted_1 = {
+  class: "exos-flex exos-justify-start exos-mt-3 exos-items-center exos-animate-fade-left exos-animate-duration-500 exos-animate-ease-in-out"
 };
-function EButtonsHeaderTplvue_type_template_id_b1427d04_render(_ctx, _cache) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EButtonsHeaderTplvue_type_template_id_b1427d04_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "topContent")]);
+function EButtonsHeaderTplvue_type_template_id_b5995bd4_render(_ctx, _cache) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EButtonsHeaderTplvue_type_template_id_b5995bd4_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "topContent")]);
 }
-;// CONCATENATED MODULE: ./src/layouts/EButtonsHeaderTpl.vue?vue&type=template&id=b1427d04
+;// CONCATENATED MODULE: ./src/layouts/EButtonsHeaderTpl.vue?vue&type=template&id=b5995bd4
 
 // EXTERNAL MODULE: ./node_modules/vue-cli-plugin-styleguidist/empty-object-loader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layouts/EButtonsHeaderTpl.vue?vue&type=custom&index=0&blockType=docs&lang=md
 var EButtonsHeaderTplvue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(402);
@@ -2947,55 +2947,55 @@ if (typeof (EButtonsHeaderTplvue_type_custom_index_0_blockType_docs_lang_md_defa
 
 
 ;
-const EButtonsHeaderTpl_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EButtonsHeaderTpl_script, [['render',EButtonsHeaderTplvue_type_template_id_b1427d04_render]])
+const EButtonsHeaderTpl_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EButtonsHeaderTpl_script, [['render',EButtonsHeaderTplvue_type_template_id_b5995bd4_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/EMainPageTpl.vue?vue&type=template&id=367489cc
+;// 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/EMainPageTpl.vue?vue&type=template&id=1d61f1c2
 
-const EMainPageTplvue_type_template_id_367489cc_hoisted_1 = {
-  class: "flex flex-col justify-between max-md:min-h-[84vh] md:min-h-[76.4vh] lg:min-h-[76.4vh] xl:min-h-[82.2vh] shadow-md md:px-0 rounded-md p-2 xs:mt-2 md:mt-0 w-full bg-bgGralLight dark:bg-bgGralDark"
+const EMainPageTplvue_type_template_id_1d61f1c2_hoisted_1 = {
+  class: "exos-flex exos-flex-col exos-justify-between max-md:exos-min-h-[84vh] md:exos-min-h-[76.4vh] lg:exos-min-h-[76.4vh] xl:exos-min-h-[82.2vh] exos-shadow-md md:exos-px-0 exos-rounded-md exos-p-2 xs:exos-mt-2 md:exos-mt-0 exos-w-full exos-bg-bgGralLight dark:exos-bg-bgGralDark"
 };
-const EMainPageTplvue_type_template_id_367489cc_hoisted_2 = {
-  class: "animate-fade-left animate-duration-500 animate-ease-in-out p-2"
+const EMainPageTplvue_type_template_id_1d61f1c2_hoisted_2 = {
+  class: "exos-animate-fade-left exos-animate-duration-500 exos-animate-ease-in-out exos-p-2"
 };
-const EMainPageTplvue_type_template_id_367489cc_hoisted_3 = {
-  class: "w-full px-5 xs:pr-5"
+const EMainPageTplvue_type_template_id_1d61f1c2_hoisted_3 = {
+  class: "exos-w-full exos-px-5 xs:exos-pr-5"
 };
 const _hoisted_4 = {
-  class: "flex xs:max-md:flex-col md:flex-row justify-between w-full mt-5 px-5 xs:max-sm:px-2 font-semibold text-contentDark dark:text-content"
+  class: "exos-flex xs:max-md:exos-flex-col md:exos-flex-row exos-justify-between exos-w-full exos-mt-5 exos-px-5 xs:max-sm:exos-px-2 exos-font-semibold exos-text-contentDark dark:exos-text-content"
 };
 const _hoisted_5 = {
-  class: "flex flex-col"
+  class: "exos-flex exos-flex-col"
 };
 const _hoisted_6 = {
-  class: "text-2xl py-1 pl-2.5 border-l-[3px] border-secondary"
+  class: "exos-text-2xl exos-py-1 exos-pl-2.5 exos-border-l-[3px] exos-border-secondary"
 };
 const _hoisted_7 = {
-  class: "flex items-center text-sm pl-3 text-slate-500 dark:text-content"
+  class: "exos-flex exos-items-center exos-text-sm exos-pl-3 exos-text-slate-500 dark:exos-text-content"
 };
 const _hoisted_8 = {
-  class: "flex xs:max-md:w-full md:w-fit xs:max-md:mt-8"
+  class: "exos-flex xs:max-md:exos-w-full md:exos-w-fit xs:max-md:exos-mt-8"
 };
 const _hoisted_9 = {
-  class: "flex lg:flex-row md:flex-col xs:flex-col w-full my-4 px-5 xs:max-sm:px-2"
+  class: "exos-flex lg:exos-flex-row md:exos-flex-col xs:exos-flex-col exos-w-full exos-my-4 exos-px-5 xs:max-sm:exos-px-2"
 };
 const _hoisted_10 = {
-  class: "grid grid-cols-12 gap-2 w-full px-5 xs:max-sm:px-2"
+  class: "exos-grid exos-grid-cols-12 exos-gap-2 exos-w-full exos-px-5 xs:max-sm:exos-px-2"
 };
 const _hoisted_11 = {
   key: 0,
-  class: "col-span-full sm:col-span-5 animate-fade-left animate-duration-500 animate-ease-in-out"
+  class: "exos-col-span-full sm:exos-col-span-5 exos-animate-fade-left exos-animate-duration-500 exos-animate-ease-in-out"
 };
 const _hoisted_12 = {
   key: 0,
-  class: "w-full px-5 mt-5 mb-1 xs:max-sm:px-2"
+  class: "exos-w-full exos-px-5 exos-mt-5 exos-mb-1 xs:max-sm:exos-px-2"
 };
-function EMainPageTplvue_type_template_id_367489cc_render(_ctx, _cache) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EMainPageTplvue_type_template_id_367489cc_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "dialog-section"), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EMainPageTplvue_type_template_id_367489cc_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EMainPageTplvue_type_template_id_367489cc_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "header")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "title")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "description")])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "content-tr")])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_9, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "filters")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_10, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(_ctx.$slots.detail ? 'xs:col-span-12 sm:col-span-7' : 'col-span-12')
+function EMainPageTplvue_type_template_id_1d61f1c2_render(_ctx, _cache) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EMainPageTplvue_type_template_id_1d61f1c2_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "dialog-section"), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EMainPageTplvue_type_template_id_1d61f1c2_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EMainPageTplvue_type_template_id_1d61f1c2_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "header")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "title")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "description")])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "content-tr")])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_9, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "filters")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_10, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(_ctx.$slots.detail ? 'xs:exos-col-span-12 sm:exos-col-span-7' : 'exos-col-span-12')
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "content")], 2), _ctx.$slots.detail ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_11, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "detail")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", null, [_ctx.$slots.footer ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_12, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "footer")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])]);
 }
-;// CONCATENATED MODULE: ./src/layouts/EMainPageTpl.vue?vue&type=template&id=367489cc
+;// CONCATENATED MODULE: ./src/layouts/EMainPageTpl.vue?vue&type=template&id=1d61f1c2
 
 // EXTERNAL MODULE: ./node_modules/vue-cli-plugin-styleguidist/empty-object-loader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layouts/EMainPageTpl.vue?vue&type=custom&index=0&blockType=docs&lang=md
 var EMainPageTplvue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(5465);
@@ -3011,14 +3011,14 @@ if (typeof (EMainPageTplvue_type_custom_index_0_blockType_docs_lang_md_default()
 
 
 ;
-const EMainPageTpl_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EMainPageTpl_script, [['render',EMainPageTplvue_type_template_id_367489cc_render]])
+const EMainPageTpl_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EMainPageTpl_script, [['render',EMainPageTplvue_type_template_id_1d61f1c2_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/components/EBtn.vue?vue&type=template&id=553fde72&scoped=true
+;// 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/components/EBtn.vue?vue&type=template&id=4f0a616a&scoped=true
 
-const _withScopeId = n => (_pushScopeId("data-v-553fde72"), n = n(), _popScopeId(), n);
-const EBtnvue_type_template_id_553fde72_scoped_true_hoisted_1 = ["type", "disabled"];
-function EBtnvue_type_template_id_553fde72_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+const _withScopeId = n => (_pushScopeId("data-v-4f0a616a"), n = n(), _popScopeId(), n);
+const EBtnvue_type_template_id_4f0a616a_scoped_true_hoisted_1 = ["type", "disabled"];
+function EBtnvue_type_template_id_4f0a616a_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("button", {
     type: $props.type,
     disabled: $props.disabled,
@@ -3026,9 +3026,9 @@ function EBtnvue_type_template_id_553fde72_scoped_true_render(_ctx, _cache, $pro
     onClick: _cache[0] || (_cache[0] = (...args) => $options.click && $options.click(...args))
   }, [_ctx.$slots.icon ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "icon", {
     key: 0
-  }, undefined, true) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)(" " + (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.text ? $props.text : ""), 1)], 10, EBtnvue_type_template_id_553fde72_scoped_true_hoisted_1);
+  }, undefined, true) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)(" " + (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.text ?? ""), 1)], 10, EBtnvue_type_template_id_4f0a616a_scoped_true_hoisted_1);
 }
-;// CONCATENATED MODULE: ./src/components/EBtn.vue?vue&type=template&id=553fde72&scoped=true
+;// CONCATENATED MODULE: ./src/components/EBtn.vue?vue&type=template&id=4f0a616a&scoped=true
 
 ;// 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/components/EBtn.vue?vue&type=script&lang=js
 /* harmony default export */ var EBtnvue_type_script_lang_js = ({
@@ -3062,56 +3062,56 @@ function EBtnvue_type_template_id_553fde72_scoped_true_render(_ctx, _cache, $pro
      * Setea el color del texto del componente cuando está deshabilitado en modo light.
      */
     disabledTextColor: {
-      type: Boolean,
-      default: false,
+      type: String,
+      default: null,
       description: "Setea el color del texto del componente cuando está deshabilitado en modo light."
     },
     /**
      * Setea el color del texto del componente cuando está deshabilitado en modo dark.
      */
     disabledDarkTextColor: {
-      type: Boolean,
-      default: false,
+      type: String,
+      default: null,
       description: "Setea el color del texto del componente cuando está deshabilitado en modo dark."
     },
     /**
      * Setea el color del texto del componente cuando se hace hover sobre el, está deshabilitado y en modo light.
      */
     disabledHoverTextColor: {
-      type: Boolean,
-      default: false,
+      type: String,
+      default: null,
       description: "Setea el color del texto del componente cuando se hace hover sobre el, está deshabilitado y en modo light."
     },
     /**
      * Setea el color del componente cuando está deshabilitado en modo light.
      */
     disabledColor: {
-      type: Boolean,
-      default: false,
+      type: String,
+      default: null,
       description: "Setea el color del componente cuando está deshabilitado en modo light."
     },
     /**
      * Setea el color del componente cuando está deshabilitado en modo dark.
      */
     disabledDarkColor: {
-      type: Boolean,
-      default: false,
+      type: String,
+      default: null,
       description: "Setea el color del componente cuando está deshabilitado en modo dark."
     },
     /**
      * Setea el color del borde del componente cuando está deshabilitado en modo light.
      */
     disabledBorderColor: {
-      type: Boolean,
-      default: false,
+      type: String,
+      default: null,
       description: "Setea el color del borde del componente cuando está deshabilitado en modo light."
     },
     /**
      * Setea el color del borde del componente cuando está deshabilitado en modo dark.
      */
     disabledDarkBorderColor: {
-      type: Boolean,
-      default: false,
+      type: String,
+      default: null,
       description: "Setea el color del borde del componente cuando está deshabilitado en modo dark."
     },
     /**
@@ -3281,62 +3281,62 @@ function EBtnvue_type_template_id_553fde72_scoped_true_render(_ctx, _cache, $pro
   },
   computed: {
     mainClass() {
-      return ["e-btn-base", this.disabledColor ? this.disabledColor : "disabled:bg-white", this.disabledDarkColor ? this.disabledDarkColor : "dark:disabled:bg-fieldDark", this.textClass, this.width ? this.width : "w-fit", this.padding ? this.padding : "xs:max-xl:p-2 xl:p-2.5", this.hoverColor ? this.hoverColor : "", this.borderClass ? this.borderClass : "", this.roundedClass ? this.roundedClass : "", this.darkHoverColor ? this.darkHoverColor : "", this.fill ? [this.color ? this.color : "bg-secondary", this.darkColor ? this.darkColor : ""] : ""];
+      return ["e-btn-base", this.textClass, this.borderClass, this.roundedClass ?? "", this.width ?? "exos-w-fit", this.padding ?? "xs:max-xl:exos-p-2 xl:exos-p-2.5", this.disabledColor ?? "disabled:exos-bg-white", this.disabledDarkColor ?? "dark:disabled:exos-bg-fieldDark", this.fill ? [this.color ?? "exos-bg-secondary", this.darkColor ?? ""] : "", this.hoverColor ?? "", this.darkHoverColor ?? ""];
     },
     textClass() {
-      return [this.textBoldClass, this.textSizeClass, this.textTransformClass, this.textColor ? this.textColor : "text-white", this.darkTextColor ? this.darkTextColor : "", this.hoverTextColor ? this.hoverTextColor : "", this.darkHoverTextColor ? this.darkHoverTextColor : "", this.disabledTextColor ? this.disabledTextColor : "disabled:text-secondary", this.disabledDarkTextColor ? this.disabledDarkTextColor : "", this.disabledHoverTextColor ? this.disabledHoverTextColor : ""];
+      return [this.textBoldClass, this.textSizeClass, this.textTransformClass, this.textColor ?? "exos-text-white", this.darkTextColor ?? "", this.hoverTextColor ?? "", this.darkHoverTextColor ?? "", this.disabledTextColor ?? "disabled:exos-text-secondary", this.disabledDarkTextColor ?? "", this.disabledHoverTextColor ?? ""];
     },
     textSizeClass() {
       const textSizeClasses = {
-        xs: "text-xs",
-        sm: "text-sm",
-        md: "text-base",
-        lg: "text-lg",
-        xl: "text-xl",
-        xxl: "text-2xl"
+        xs: "exos-text-xs",
+        sm: "exos-text-sm",
+        md: "exos-text-base",
+        lg: "exos-text-lg",
+        xl: "exos-text-xl",
+        xxl: "exos-text-2xl"
       };
       return this.textSize ? textSizeClasses[this.textSize] : this.textSize;
     },
     textTransformClass() {
       const textTransformClasses = {
-        upper: "uppercase",
-        lower: "lowercase",
-        cap: "capitalize",
-        normal: "normal-case"
+        upper: "exos-uppercase",
+        lower: "exos-lowercase",
+        cap: "exos-capitalize",
+        normal: "exos-normal-case"
       };
-      return this.textTransform ? textTransformClasses[this.textTransform] : "normal-case";
+      return this.textTransform ? textTransformClasses[this.textTransform] : "exos-normal-case";
     },
     textBoldClass() {
       const textBoldClasses = {
-        normal: "font-normal",
-        semibold: "font-semibold",
-        bold: "font-bold"
+        normal: "exos-font-normal",
+        semibold: "exos-font-semibold",
+        bold: "exos-font-bold"
       };
-      return this.textBold ? textBoldClasses[this.textBold] : "font-normal";
+      return this.textBold ? textBoldClasses[this.textBold] : "exos-font-normal";
     },
     roundedClass() {
       const roundedClasses = {
-        sm: "rounded",
-        md: "rounded-md",
-        lg: "rounded-lg",
-        xl: "rounded-xl",
-        xxl: "rounded-2xl"
+        sm: "exos-rounded",
+        md: "exos-rounded-md",
+        lg: "exos-rounded-lg",
+        xl: "exos-rounded-xl",
+        xxl: "exos-rounded-2xl"
       };
-      let rounded = this.rounded ? "rounded-full" : [this.roundedSize ? roundedClasses[this.roundedSize] : "rounded-md"];
+      let rounded = this.rounded ? "exos-rounded-full" : [this.roundedSize ? roundedClasses[this.roundedSize] : "exos-rounded-md"];
       if (this.tab) {
         const roundedClasses = {
-          rounded: "rounded-t-sm",
-          "rounded-md": "rounded-t-md",
-          "rounded-lg": "rounded-t-lg",
-          "rounded-xl": "rounded-t-xl",
-          "rounded-2xl": "rounded-t-2xl"
+          rounded: "exos-rounded-t-sm",
+          "rounded-md": "exos-rounded-t-md",
+          "rounded-lg": "exos-rounded-t-lg",
+          "rounded-xl": "exos-rounded-t-xl",
+          "rounded-2xl": "exos-rounded-t-2xl"
         };
         return roundedClasses[rounded] || "";
       }
       return rounded;
     },
     borderClass() {
-      return [this.border ? [this.tab ? "border-x-2 border-t-2" : "border-2", this.borderColor ? this.borderColor : "", this.disabledBorderColor ? this.disabledBorderColor : "disabled:border-secondary", this.disabledDarkBorderColor ? this.disabledDarkBorderColor : [this.disabledBorderColor ? this.disabledBorderColor : "dark:disabled:border-secondary"]] : ""];
+      return [this.border ? [this.tab ? "exos-border-x-2 exos-border-t-2" : "exos-border exos-border-2", this.disabledBorderColor ?? "disabled:exos-border-secondary", this.disabledDarkBorderColor ?? "dark:disabled:exos-border-secondary", this.borderColor ?? "exos-border-secondary"] : ""];
     }
   },
   methods: {
@@ -3355,10 +3355,10 @@ function EBtnvue_type_template_id_553fde72_scoped_true_render(_ctx, _cache, $pro
 });
 ;// CONCATENATED MODULE: ./src/components/EBtn.vue?vue&type=script&lang=js
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EBtn.vue?vue&type=style&index=0&id=553fde72&scoped=true&lang=css
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EBtn.vue?vue&type=style&index=0&id=4f0a616a&scoped=true&lang=css
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/EBtn.vue?vue&type=style&index=0&id=553fde72&scoped=true&lang=css
+;// CONCATENATED MODULE: ./src/components/EBtn.vue?vue&type=style&index=0&id=4f0a616a&scoped=true&lang=css
 
 // EXTERNAL MODULE: ./node_modules/vue-cli-plugin-styleguidist/empty-object-loader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EBtn.vue?vue&type=custom&index=0&blockType=docs&lang=md
 var EBtnvue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(3612);
@@ -3377,34 +3377,34 @@ if (typeof (EBtnvue_type_custom_index_0_blockType_docs_lang_md_default()) === 'f
 
 
 ;
-const EBtn_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EBtnvue_type_script_lang_js, [['render',EBtnvue_type_template_id_553fde72_scoped_true_render],['__scopeId',"data-v-553fde72"]])
+const EBtn_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EBtnvue_type_script_lang_js, [['render',EBtnvue_type_template_id_4f0a616a_scoped_true_render],['__scopeId',"data-v-4f0a616a"]])
 
 /* harmony default export */ var EBtn = (EBtn_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/components/ECard.vue?vue&type=template&id=8e6eef10&scoped=true
+;// 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/components/ECard.vue?vue&type=template&id=dc14b526&scoped=true
 
-const ECardvue_type_template_id_8e6eef10_scoped_true_withScopeId = n => (_pushScopeId("data-v-8e6eef10"), n = n(), _popScopeId(), n);
-const ECardvue_type_template_id_8e6eef10_scoped_true_hoisted_1 = {
+const ECardvue_type_template_id_dc14b526_scoped_true_withScopeId = n => (_pushScopeId("data-v-dc14b526"), n = n(), _popScopeId(), n);
+const ECardvue_type_template_id_dc14b526_scoped_true_hoisted_1 = {
   key: 0,
-  class: "flex flex-col w-full h-full"
+  class: "exos-flex exos-flex-col exos-w-full exos-h-full"
 };
-const ECardvue_type_template_id_8e6eef10_scoped_true_hoisted_2 = {
+const ECardvue_type_template_id_dc14b526_scoped_true_hoisted_2 = {
   key: 0,
-  class: "w-full"
+  class: "exos-w-full"
 };
-const ECardvue_type_template_id_8e6eef10_scoped_true_hoisted_3 = {
+const ECardvue_type_template_id_dc14b526_scoped_true_hoisted_3 = {
   key: 1,
-  class: "w-full h-full"
+  class: "exos-w-full exos-h-full"
 };
-const ECardvue_type_template_id_8e6eef10_scoped_true_hoisted_4 = {
+const ECardvue_type_template_id_dc14b526_scoped_true_hoisted_4 = {
   key: 1,
-  class: "w-full"
+  class: "exos-w-full"
 };
-function ECardvue_type_template_id_8e6eef10_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ECardvue_type_template_id_dc14b526_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([$options.mainClass, _ctx.$slots.footerCard ? 'justify-between' : ''])
-  }, [_ctx.$slots.headerCard || _ctx.$slots.contentCard ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECardvue_type_template_id_8e6eef10_scoped_true_hoisted_1, [_ctx.$slots.headerCard ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECardvue_type_template_id_8e6eef10_scoped_true_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "headerCard", {}, undefined, true)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), _ctx.$slots.contentCard ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECardvue_type_template_id_8e6eef10_scoped_true_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "contentCard", {}, undefined, true)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), _ctx.$slots.footerCard ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECardvue_type_template_id_8e6eef10_scoped_true_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "footerCard", {}, undefined, true)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2);
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([$options.mainClass, _ctx.$slots.footerCard ? 'exos-justify-center' : ''])
+  }, [_ctx.$slots.headerCard || _ctx.$slots.contentCard ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECardvue_type_template_id_dc14b526_scoped_true_hoisted_1, [_ctx.$slots.headerCard ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECardvue_type_template_id_dc14b526_scoped_true_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "headerCard", {}, undefined, true)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), _ctx.$slots.contentCard ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECardvue_type_template_id_dc14b526_scoped_true_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "contentCard", {}, undefined, true)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), _ctx.$slots.footerCard ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECardvue_type_template_id_dc14b526_scoped_true_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "footerCard", {}, undefined, true)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2);
 }
-;// CONCATENATED MODULE: ./src/components/ECard.vue?vue&type=template&id=8e6eef10&scoped=true
+;// CONCATENATED MODULE: ./src/components/ECard.vue?vue&type=template&id=dc14b526&scoped=true
 
 ;// 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/components/ECard.vue?vue&type=script&lang=js
 /* harmony default export */ var ECardvue_type_script_lang_js = ({
@@ -3450,41 +3450,41 @@ function ECardvue_type_template_id_8e6eef10_scoped_true_render(_ctx, _cache, $pr
       return ["e-card-base", this.bgColorClass, this.borderClass, this.roundedClass, this.shadowClass];
     },
     bgColorClass() {
-      return [this.bgColor ? this.bgColor : "bg-field", this.darkBgColor ? this.darkBgColor : "dark:bg-fieldDark"];
+      return [this.bgColor ?? "exos-bg-field", this.darkBgColor ?? "dark:exos-bg-fieldDark"];
     },
     borderClass() {
-      return "border-x border-b border-t-0 border-opacity-20 border-gray-700";
+      return "exos-border-x exos-border-b exos-border-t-0 exos-border-opacity-20 exos-border-gray-700";
     },
     roundedClass() {
       const roundedClasses = {
-        none: "rounded-none",
-        sm: "rounded-sm",
-        md: "rounded-md",
-        lg: "rounded-lg",
-        xl: "rounded-xl",
-        xxl: "rounded-2xl"
+        none: "exos-rounded-none",
+        sm: "exos-rounded-sm",
+        md: "exos-rounded-md",
+        lg: "exos-rounded-lg",
+        xl: "exos-rounded-xl",
+        xxl: "exos-rounded-2xl"
       };
-      return this.roundedSize ? roundedClasses[this.roundedSize] : "rounded-md";
+      return this.roundedSize ? roundedClasses[this.roundedSize] : "exos-rounded-md";
     },
     shadowClass() {
       const shadowClasses = {
-        none: "shadow-none",
-        sm: "shadow-sm",
-        md: "shadow-md",
-        lg: "shadow-lg",
-        xl: "shadow-xl",
-        xxl: "shadow-2xl"
+        none: "exos-shadow-none",
+        sm: "exos-shadow-sm",
+        md: "exos-shadow-md",
+        lg: "exos-shadow-lg",
+        xl: "exos-shadow-xl",
+        xxl: "exos-shadow-2xl"
       };
-      return this.shadowSize ? shadowClasses[this.shadowSize] : "shadow-md";
+      return this.shadowSize ? shadowClasses[this.shadowSize] : "exos-shadow-md";
     }
   }
 });
 ;// CONCATENATED MODULE: ./src/components/ECard.vue?vue&type=script&lang=js
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ECard.vue?vue&type=style&index=0&id=8e6eef10&scoped=true&lang=css
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ECard.vue?vue&type=style&index=0&id=dc14b526&scoped=true&lang=css
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/ECard.vue?vue&type=style&index=0&id=8e6eef10&scoped=true&lang=css
+;// CONCATENATED MODULE: ./src/components/ECard.vue?vue&type=style&index=0&id=dc14b526&scoped=true&lang=css
 
 ;// CONCATENATED MODULE: ./src/components/ECard.vue
 
@@ -3494,25 +3494,25 @@ function ECardvue_type_template_id_8e6eef10_scoped_true_render(_ctx, _cache, $pr
 ;
 
 
-const ECard_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ECardvue_type_script_lang_js, [['render',ECardvue_type_template_id_8e6eef10_scoped_true_render],['__scopeId',"data-v-8e6eef10"]])
+const ECard_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ECardvue_type_script_lang_js, [['render',ECardvue_type_template_id_dc14b526_scoped_true_render],['__scopeId',"data-v-dc14b526"]])
 
 /* 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/components/EDetail.vue?vue&type=template&id=6e214c96
+;// 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/components/EDetail.vue?vue&type=template&id=de02ad6a
 
-const EDetailvue_type_template_id_6e214c96_hoisted_1 = {
-  class: "grid grid-cols-3 w-full p-5 rounded-md shadow-lg border-x border-b border-opacity-10 border-gray-700 bg-field dark:bg-fieldDark"
+const EDetailvue_type_template_id_de02ad6a_hoisted_1 = {
+  class: "exos-grid exos-grid-cols-3 exos-w-full exos-p-5 exos-rounded-md exos-shadow-lg exos-border-x exos-border-b exos-border-opacity-10 exos-border-gray-700 exos-bg-field dark:exos-bg-fieldDark"
 };
-const EDetailvue_type_template_id_6e214c96_hoisted_2 = {
-  class: "grid col-span-6 text-left text-xl font-semibold items-center text-contentDark dark:text-content"
+const EDetailvue_type_template_id_de02ad6a_hoisted_2 = {
+  class: "exos-grid exos-col-span-6 exos-text-left exos-text-xl exos-font-semibold exos-items-center exos-text-contentDark dark:exos-text-content"
 };
-const EDetailvue_type_template_id_6e214c96_hoisted_3 = {
+const EDetailvue_type_template_id_de02ad6a_hoisted_3 = {
   key: 0,
-  class: "grid text-left text-lg font-semibold items-center text-gray-600 col-span-5"
+  class: "exos-grid exos-text-left exos-text-lg exos-font-semibold exos-items-center exos-text-gray-600 exos-col-span-5"
 };
-const EDetailvue_type_template_id_6e214c96_hoisted_4 = {
-  class: "grid col-span-1 items-center text-right"
+const EDetailvue_type_template_id_de02ad6a_hoisted_4 = {
+  class: "exos-grid exos-col-span-1 exos-items-center exos-text-right"
 };
-const EDetailvue_type_template_id_6e214c96_hoisted_5 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("svg", {
+const EDetailvue_type_template_id_de02ad6a_hoisted_5 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
@@ -3526,28 +3526,28 @@ const EDetailvue_type_template_id_6e214c96_hoisted_5 = /*#__PURE__*/(0,external_
   "stroke-linejoin": "round",
   d: "M6 18L18 6M6 6l12 12"
 })], -1);
-const EDetailvue_type_template_id_6e214c96_hoisted_6 = [EDetailvue_type_template_id_6e214c96_hoisted_5];
-const EDetailvue_type_template_id_6e214c96_hoisted_7 = {
-  class: "grid col-span-12 mt-5"
+const EDetailvue_type_template_id_de02ad6a_hoisted_6 = [EDetailvue_type_template_id_de02ad6a_hoisted_5];
+const EDetailvue_type_template_id_de02ad6a_hoisted_7 = {
+  class: "exos-grid exos-col-span-12 exos-mt-5"
 };
-const EDetailvue_type_template_id_6e214c96_hoisted_8 = {
-  class: "grid col-span-6 text-base font-semibold text-left py-1.5 border-b break-all border-opacity-10 border-gray-700 dark:border-slate-300 text-gray-700 dark:text-content"
+const EDetailvue_type_template_id_de02ad6a_hoisted_8 = {
+  class: "exos-grid exos-col-span-6 exos-text-base exos-font-semibold exos-text-left exos-py-1.5 exos-border-b exos-break-all exos-border-opacity-10 exos-border-gray-700 dark:exos-border-slate-300 exos-text-gray-700 dark:exos-text-content"
 };
-const EDetailvue_type_template_id_6e214c96_hoisted_9 = {
-  class: "grid col-span-6 text-base text-left py-1.5 border-b break-all border-opacity-10 border-gray-700 dark:border-slate-300 text-gray-700 dark:text-content"
+const EDetailvue_type_template_id_de02ad6a_hoisted_9 = {
+  class: "exos-grid exos-col-span-6 exos-text-base exos-text-left exos-py-1.5 exos-border-b exos-break-all exos-border-opacity-10 exos-border-gray-700 dark:exos-border-slate-300 exos-text-gray-700 dark:exos-text-content"
 };
-function EDetailvue_type_template_id_6e214c96_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EDetailvue_type_template_id_6e214c96_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EDetailvue_type_template_id_6e214c96_hoisted_2, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.title ? $props.title : ""), 1), !$props.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EDetailvue_type_template_id_6e214c96_hoisted_3, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.description), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EDetailvue_type_template_id_6e214c96_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
-    class: "inline-block rounded-full cursor-pointer shadow-md p-1.5 h-9 w-9 bg-bgGralLight dark:bg-bgGralDark",
+function EDetailvue_type_template_id_de02ad6a_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EDetailvue_type_template_id_de02ad6a_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EDetailvue_type_template_id_de02ad6a_hoisted_2, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.title ?? ""), 1), !$props.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EDetailvue_type_template_id_de02ad6a_hoisted_3, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.description), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EDetailvue_type_template_id_de02ad6a_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+    class: "exos-inline-block exos-rounded-full exos-cursor-pointer exos-shadow-md exos-p-1.5 exos-h-9 exos-w-9 exos-bg-bgGralLight dark:exos-bg-bgGralDark",
     onClick: _cache[0] || (_cache[0] = (...args) => $options.close && $options.close(...args))
-  }, EDetailvue_type_template_id_6e214c96_hoisted_6)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EDetailvue_type_template_id_6e214c96_hoisted_7, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($options.finalData, (data, index) => {
+  }, EDetailvue_type_template_id_de02ad6a_hoisted_6)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EDetailvue_type_template_id_de02ad6a_hoisted_7, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($options.finalData, (data, index) => {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
-      class: "grid grid-cols-12",
+      class: "exos-grid exos-grid-cols-12",
       key: index
-    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EDetailvue_type_template_id_6e214c96_hoisted_8, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(data.label ? data.label : ""), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EDetailvue_type_template_id_6e214c96_hoisted_9, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(data.value ? data.value : ""), 1)]);
+    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EDetailvue_type_template_id_de02ad6a_hoisted_8, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(data.label ?? ""), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EDetailvue_type_template_id_de02ad6a_hoisted_9, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(data.value ?? ""), 1)]);
   }), 128))])]);
 }
-;// CONCATENATED MODULE: ./src/components/EDetail.vue?vue&type=template&id=6e214c96
+;// CONCATENATED MODULE: ./src/components/EDetail.vue?vue&type=template&id=de02ad6a
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(560);
@@ -3561,21 +3561,24 @@ var es_array_push = __webpack_require__(560);
      */
     info: {
       type: Array,
-      default: () => []
+      default: () => [],
+      description: "Contiene la iformación del detalle que será seteada en el componente (label, value)."
     },
     /**
      * Setea el título del detalle.
      */
     title: {
       type: String,
-      default: "Detalle de archivo"
+      default: "Detalle de archivo",
+      description: "Setea el título del detalle."
     },
     /**
      * Setea la descripción del detalle.
      */
     description: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea la descripción del detalle."
     },
     /**
      * Recibe un layout dinámico para poder montar los campos de forma dinámica.
@@ -3592,14 +3595,16 @@ var es_array_push = __webpack_require__(560);
      * formater: "amount" ---> $15,000.00
      */
     layout: {
-      default: null
+      default: null,
+      description: "Recibe un layout dinámico para poder montar los campos de forma dinámica."
     },
     /**
      * Recibe un objeto (regitros, fila, row) que es donde se obtendrá la información a mostrar.
      */
     rowSelected: {
       type: Object,
-      default: null
+      default: null,
+      description: "Recibe un objeto (regitros, fila, row) que es donde se obtendrá la información a mostrar."
     }
   },
   computed: {
@@ -3650,19 +3655,20 @@ if (typeof (EDetailvue_type_custom_index_0_blockType_docs_lang_md_default()) ===
 
 
 ;
-const EDetail_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EDetailvue_type_script_lang_js, [['render',EDetailvue_type_template_id_6e214c96_render]])
+const EDetail_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EDetailvue_type_script_lang_js, [['render',EDetailvue_type_template_id_de02ad6a_render]])
 
 /* harmony default export */ var EDetail = (EDetail_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/components/EDropdown.vue?vue&type=template&id=1de09de5&scoped=true
+;// 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/components/EDropdown.vue?vue&type=template&id=eef798e4&scoped=true
 
-const EDropdownvue_type_template_id_1de09de5_scoped_true_withScopeId = n => ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.pushScopeId)("data-v-1de09de5"), n = n(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.popScopeId)(), n);
-const EDropdownvue_type_template_id_1de09de5_scoped_true_hoisted_1 = {
+const EDropdownvue_type_template_id_eef798e4_scoped_true_withScopeId = n => ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.pushScopeId)("data-v-eef798e4"), n = n(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.popScopeId)(), n);
+const EDropdownvue_type_template_id_eef798e4_scoped_true_hoisted_1 = ["disabled"];
+const EDropdownvue_type_template_id_eef798e4_scoped_true_hoisted_2 = {
   key: 1,
-  class: "xs:max-xl:w-12 xs:max-xl:h-12 xl:w-[3.3rem] xl:h-[3.3rem] rounded-full"
+  class: "xs:max-xl:exos-w-12 xs:max-xl:exos-h-12 xl:exos-w-[3.3rem] xl:exos-h-[3.3rem] exos-rounded-full"
 };
-const EDropdownvue_type_template_id_1de09de5_scoped_true_hoisted_2 = ["disabled"];
-const EDropdownvue_type_template_id_1de09de5_scoped_true_hoisted_3 = /*#__PURE__*/EDropdownvue_type_template_id_1de09de5_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("svg", {
-  class: "fill-white dark:fill-white",
+const EDropdownvue_type_template_id_eef798e4_scoped_true_hoisted_3 = ["disabled"];
+const EDropdownvue_type_template_id_eef798e4_scoped_true_hoisted_4 = /*#__PURE__*/EDropdownvue_type_template_id_eef798e4_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("svg", {
+  class: "exos-fill-white dark:exos-fill-white",
   xmlns: "http://www.w3.org/2000/svg",
   height: "24",
   viewBox: "0 -960 960 960",
@@ -3670,25 +3676,28 @@ const EDropdownvue_type_template_id_1de09de5_scoped_true_hoisted_3 = /*#__PURE__
 }, [/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
   d: "M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"
 })], -1));
-const EDropdownvue_type_template_id_1de09de5_scoped_true_hoisted_4 = [EDropdownvue_type_template_id_1de09de5_scoped_true_hoisted_3];
-const EDropdownvue_type_template_id_1de09de5_scoped_true_hoisted_5 = {
+const EDropdownvue_type_template_id_eef798e4_scoped_true_hoisted_5 = [EDropdownvue_type_template_id_eef798e4_scoped_true_hoisted_4];
+const EDropdownvue_type_template_id_eef798e4_scoped_true_hoisted_6 = {
   key: 2
 };
-const EDropdownvue_type_template_id_1de09de5_scoped_true_hoisted_6 = ["onClick"];
-function EDropdownvue_type_template_id_1de09de5_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+const EDropdownvue_type_template_id_eef798e4_scoped_true_hoisted_7 = ["onClick"];
+function EDropdownvue_type_template_id_eef798e4_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($setup.isDropdownOpen ? 'relative z-30' : '')
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($setup.isDropdownOpen ? 'exos-relative exos-z-30' : '')
   }, [_ctx.$slots.iconDropdown ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
     key: 0,
     ref: "edropdownRef",
-    class: "w-fit h-fit p-0 m-0 relative z-30",
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['exos-w-fit exos-h-fit exos-p-0 exos-m-0 exos-relative exos-z-30', $options.mainClass]),
     onClick: _cache[0] || (_cache[0] = (...args) => $options.toggleDropdown && $options.toggleDropdown(...args))
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconDropdown", {}, undefined, true)], 512)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EDropdownvue_type_template_id_1de09de5_scoped_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
+    disabled: $props.disabled,
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.mainClass)
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconDropdown", {}, undefined, true)], 10, EDropdownvue_type_template_id_eef798e4_scoped_true_hoisted_1)], 2)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EDropdownvue_type_template_id_eef798e4_scoped_true_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
     ref: "edropdownRef",
     onClick: _cache[1] || (_cache[1] = (...args) => $options.toggleDropdown && $options.toggleDropdown(...args)),
     disabled: $props.disabled,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.mainClass)
-  }, EDropdownvue_type_template_id_1de09de5_scoped_true_hoisted_4, 10, EDropdownvue_type_template_id_1de09de5_scoped_true_hoisted_2)])), $setup.isDropdownOpen ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EDropdownvue_type_template_id_1de09de5_scoped_true_hoisted_5, [!_ctx.$slots.contentDropdown && $setup.isDropdownOpen ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+  }, EDropdownvue_type_template_id_eef798e4_scoped_true_hoisted_5, 10, EDropdownvue_type_template_id_eef798e4_scoped_true_hoisted_3)])), $setup.isDropdownOpen ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EDropdownvue_type_template_id_eef798e4_scoped_true_hoisted_6, [!_ctx.$slots.contentDropdown && $setup.isDropdownOpen ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
     key: 0,
     ref: "contentDroped",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.containerOptionsClass),
@@ -3699,7 +3708,7 @@ function EDropdownvue_type_template_id_1de09de5_scoped_true_render(_ctx, _cache,
       class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.optionsClass),
       onClick: $event => $options.selectOption(option),
       key: index
-    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(option.label ? option.label : ""), 15, EDropdownvue_type_template_id_1de09de5_scoped_true_hoisted_6);
+    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(option.label ? option.label : ""), 15, EDropdownvue_type_template_id_eef798e4_scoped_true_hoisted_7);
   }), 128))], 6)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), _ctx.$slots.contentDropdown ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
     key: 1,
     ref: "contentDroped",
@@ -3707,7 +3716,7 @@ function EDropdownvue_type_template_id_1de09de5_scoped_true_render(_ctx, _cache,
     style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)([$props.over ? {} : $options.calculatePadding(), $data.contentDropedHeigth ? $options.calculateDropPositionY() : {}])
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "contentDropdown", {}, undefined, true)], 6)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2);
 }
-;// CONCATENATED MODULE: ./src/components/EDropdown.vue?vue&type=template&id=1de09de5&scoped=true
+;// CONCATENATED MODULE: ./src/components/EDropdown.vue?vue&type=template&id=eef798e4&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom-exception.stack.js
 var web_dom_exception_stack = __webpack_require__(3429);
@@ -12149,6 +12158,7 @@ function useWindowSize(options = {}) {
       // Configura el observador de clic fuera del elemento desplegado customizado
       onClickOutside(contentDroped, closeDropdown);
     } else {
+      // Configura el observador de clic fuera del componente principal
       onClickOutside(edropdownRef, closeDropdown);
     }
     return {
@@ -12160,6 +12170,14 @@ function useWindowSize(options = {}) {
     };
   },
   props: {
+    /**
+     * Bandera para tratar al componente como ícono y no como botón.
+     */
+    icon: {
+      type: Boolean,
+      default: false,
+      description: "Bandera para tratar al componente como ícono y no como botón."
+    },
     /**
      * Recibe las opciones que serán mostradas para seleccionar.
      */
@@ -12215,91 +12233,104 @@ function useWindowSize(options = {}) {
      */
     color: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea el color del texto en modo light."
     },
     /**
      * Setea el color del texto en modo dark.
      */
     darkColor: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea el color del texto en modo dark."
     },
     /**
      * Setea el color del texto en modo light y cuando el usuario hace hover sobre el.
      */
     colorHover: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea el color del texto en modo light y cuando el usuario hace hover sobre el."
     },
     /**
      * Setea el color del texto en modo dark y cuando el usuario hace hover sobre el.
      */
     darkColorHover: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea el color del texto en modo dark y cuando el usuario hace hover sobre el."
     },
     /**
      * Setea el color de fondo en modo light.
      */
     bgColor: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea el color de fondo en modo light."
     },
     /**
      * Setea el color de fondo en modo dark.
      */
     bgDarkColor: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea el color de fondo en modo dark."
     },
     /**
      * Setea el color de fondo de las opciones a seleccionar en modo light.
      */
     bgColorDrop: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea el color de fondo de las opciones a seleccionar en modo light."
     },
     /**
      * Setea el color de fondo de las opciones a seleccionar en modo dark.
      */
     bgColorDropDark: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea el color de fondo de las opciones a seleccionar en modo dark."
     },
     /**
      * Setea el color de fondo de las opciones a seleccionar en modo light y cuando el usuario hace hover sobre el.
      */
     bgHoverColorOptions: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea el color de fondo de las opciones a seleccionar en modo light y cuando el usuario hace hover sobre el."
     },
     /**
      * Setea el color de fondo de las opciones a seleccionar en modo dark y cuando el usuario hace hover sobre el.
      */
     bgHoverColorOptionsDark: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea el color de fondo de las opciones a seleccionar en modo dark y cuando el usuario hace hover sobre el."
     },
     /**
      * Muestra un borde al rededor del componente.
      */
     border: {
       type: Boolean,
-      default: true
+      default: true,
+      description: "Muestra un borde al rededor del componente."
     },
     /**
      * Setea el color del borde del componente en modo light.
      */
     borderColor: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea el color del borde del componente en modo light."
     },
     /**
      * Setea el color del borde del componente en modo dark.
      */
     borderColorDark: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea el color del borde del componente en modo dark."
     },
     /**
      * Setea el grado de redondeo del botón.
@@ -12339,56 +12370,56 @@ function useWindowSize(options = {}) {
   },
   computed: {
     mainClass() {
-      return ["e-dropdown-base", this.shadowClass, this.isDropdownOpen ? "absolute top-0 left-0 z-30" : "", this.bgColor ? this.bgColor : "bg-secondary", this.bgDarkColor ? this.bgDarkColor : ""];
+      return [this.icon ? [] : ["e-dropdown-base", this.shadowClass, this.isDropdownOpen ? "exos-absolute exos-top-0 exos-left-0 exos-z-30" : "", this.bgColor ?? "exos-bg-secondary", this.bgDarkColor ?? ""]];
     },
     optionsClass() {
-      return ["e-dropdown-options", this.roundedClass, this.color ?? "text-contentDark", this.darkColor ?? "dark:text-content", this.colorHover ?? "hover:text-white", this.darkColorHover ?? "dark:hover:text-white", this.bgHoverColorOptions ?? "hover:bg-secondary", this.bgHoverColorOptionsDark ?? "dark:hover:bg-secondary"];
+      return ["e-dropdown-options", this.roundedClass, this.color ?? "exos-text-contentDark", this.darkColor ?? "dark:exos-text-content", this.colorHover ?? "hover:exos-text-white", this.darkColorHover ?? "dark:hover:exos-text-white", this.bgHoverColorOptions ?? "hover:exos-bg-secondary", this.bgHoverColorOptionsDark ?? "dark:hover:exos-bg-secondary"];
     },
     containerOptionsClass() {
       const baseClasses = [this.shadowClass, this.roundedClass, this.$slots.contentDropdown ? this.customDropClass : ["e-dropdown-container-options", this.textTransformClass]];
       if (this.isDropdownOpen) {
-        baseClasses.push("absolute z-20", this.calculateAvailableSpaceX(this.$refs.edropdownRef) ? [this.over ? "right-2" : "right-0"] : [this.over ? "left-2" : "left-0"]);
+        baseClasses.push("exos-absolute exos-z-20", this.calculateAvailableSpaceX(this.$refs.edropdownRef) ? [this.over ? "exos-right-2" : "exos-right-0"] : [this.over ? "exos-left-2" : "exos-left-0"]);
       }
-      const borderClasses = this.border ? ["border", this.borderColor ? this.borderColor : "border-secondary", this.borderColorDark ? this.borderColorDark : "dark:border-secondary"] : ["border-none"];
-      const bgColorClasses = [this.bgColorDrop ? this.bgColorDrop : "bg-field", this.bgColorDropDark ? this.bgColorDropDark : "dark:bg-fieldDark"];
+      const borderClasses = this.border ? ["exos-border", this.borderColor ?? "exos-border-secondary", this.borderColorDark ?? "dark:exos-border-secondary"] : ["exos-border-none"];
+      const bgColorClasses = [this.bgColorDrop ?? "exos-bg-field", this.bgColorDropDark ?? "dark:exos-bg-fieldDark"];
       return baseClasses.concat(borderClasses, bgColorClasses);
     },
     customDropClass() {
-      return ["flex flex-col w-fit h-fit px-3 py-5 shadow-lg duration-300"];
+      return ["exos-flex exos-flex-col exos-w-fit exos-h-fit exos-px-3 exos-py-5 exos-shadow-lg exos-duration-300"];
     },
     textTransformClass() {
       const textTransformClasses = {
-        upper: "uppercase",
-        lower: "lowercase",
-        cap: "capitalize",
-        normal: "normal-case"
+        upper: "exos-uppercase",
+        lower: "exos-lowercase",
+        cap: "exos-capitalize",
+        normal: "exos-normal-case"
       };
-      return this.textTransform ? textTransformClasses[this.textTransform] : "normal-case";
+      return this.textTransform ? textTransformClasses[this.textTransform] : "exos-normal-case";
     },
     roundedClass() {
       const roundedClasses = {
-        none: "rounded-none",
-        xs: "rounded",
-        sm: "rounded-sm",
-        md: "rounded-md",
-        lg: "rounded-lg ",
-        xl: "rounded-xl",
-        xxl: "rounded-2xl",
-        xxxl: "rounded-3xl"
+        none: "exos-rounded-none",
+        xs: "exos-rounded",
+        sm: "exos-rounded-sm",
+        md: "exos-rounded-md",
+        lg: "exos-rounded-lg ",
+        xl: "exos-rounded-xl",
+        xxl: "exos-rounded-2xl",
+        xxxl: "exos-rounded-3xl"
       };
-      return this.roundedSize ? roundedClasses[this.roundedSize] : "rounded-md";
+      return this.roundedSize ? roundedClasses[this.roundedSize] : "exos-rounded-md";
     },
     shadowClass() {
       const shadowClasses = {
-        none: "shadow-none",
-        xs: "shadow",
-        sm: "shadow-sm",
-        md: "shadow-md",
-        lg: "shadow-lg ",
-        xl: "shadow-xl",
-        xxl: "shadow-2xl"
+        none: "exos-shadow-none",
+        xs: "exos-shadow",
+        sm: "exos-shadow-sm",
+        md: "exos-shadow-md",
+        lg: "exos-shadow-lg ",
+        xl: "exos-shadow-xl",
+        xxl: "exos-shadow-2xl"
       };
-      return this.shadowSize ? shadowClasses[this.shadowSize] : "shadow-lg";
+      return this.shadowSize ? shadowClasses[this.shadowSize] : "exos-shadow-lg";
     }
   },
   mounted() {
@@ -12473,10 +12504,10 @@ function useWindowSize(options = {}) {
 });
 ;// CONCATENATED MODULE: ./src/components/EDropdown.vue?vue&type=script&lang=js
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EDropdown.vue?vue&type=style&index=0&id=1de09de5&scoped=true&lang=css
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EDropdown.vue?vue&type=style&index=0&id=eef798e4&scoped=true&lang=css
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/EDropdown.vue?vue&type=style&index=0&id=1de09de5&scoped=true&lang=css
+;// CONCATENATED MODULE: ./src/components/EDropdown.vue?vue&type=style&index=0&id=eef798e4&scoped=true&lang=css
 
 // EXTERNAL MODULE: ./node_modules/vue-cli-plugin-styleguidist/empty-object-loader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EDropdown.vue?vue&type=custom&index=0&blockType=docs&lang=md
 var EDropdownvue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(4016);
@@ -12495,57 +12526,57 @@ if (typeof (EDropdownvue_type_custom_index_0_blockType_docs_lang_md_default()) =
 
 
 ;
-const EDropdown_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EDropdownvue_type_script_lang_js, [['render',EDropdownvue_type_template_id_1de09de5_scoped_true_render],['__scopeId',"data-v-1de09de5"]])
+const EDropdown_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EDropdownvue_type_script_lang_js, [['render',EDropdownvue_type_template_id_eef798e4_scoped_true_render],['__scopeId',"data-v-eef798e4"]])
 
 /* 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/components/EFileList.vue?vue&type=template&id=576a632d
+;// 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/components/EFileList.vue?vue&type=template&id=cc1fdb8c
 
-const EFileListvue_type_template_id_576a632d_hoisted_1 = {
-  class: "flex flex-col justify-center w-full h-full"
+const EFileListvue_type_template_id_cc1fdb8c_hoisted_1 = {
+  class: "exos-flex exos-flex-col exos-justify-center exos-w-full exos-h-full"
 };
-const EFileListvue_type_template_id_576a632d_hoisted_2 = {
-  class: "my-2 overflow-x-auto sm:mx-6 lg:mx-8"
+const EFileListvue_type_template_id_cc1fdb8c_hoisted_2 = {
+  class: "exos-my-2 exos-overflow-x-auto sm:exos-mx-6 lg:exos-mx-8"
 };
-const EFileListvue_type_template_id_576a632d_hoisted_3 = {
-  class: "py-2 align-middle inline-block min-w-full sm:px-6 lg:px-8"
+const EFileListvue_type_template_id_cc1fdb8c_hoisted_3 = {
+  class: "exos-py-2 exos-align-middle exos-inline-block exos-min-w-full sm:exos-px-6 lg:exos-px-8"
 };
-const EFileListvue_type_template_id_576a632d_hoisted_4 = {
-  class: "min-w-full shadow-md"
+const EFileListvue_type_template_id_cc1fdb8c_hoisted_4 = {
+  class: "exos-min-w-full exos-shadow-md"
 };
-const EFileListvue_type_template_id_576a632d_hoisted_5 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("thead", null, [/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("tr", null, [/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("th", {
+const EFileListvue_type_template_id_cc1fdb8c_hoisted_5 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("thead", null, [/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("tr", null, [/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("th", {
   scope: "col",
-  class: "px-6 py-3 text-base font-semibold"
+  class: "exos-px-6 exos-py-3 exos-text-base exos-font-semibold"
 }, " Nombre del archivo "), /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("th", {
   scope: "col",
-  class: "px-6 py-3 text-base font-semibold"
+  class: "exos-px-6 exos-py-3 exos-text-base exos-font-semibold"
 }, " Eliminar ")])], -1);
-const EFileListvue_type_template_id_576a632d_hoisted_6 = {
-  class: "border-b px-6 py-4 whitespace-nowrap text-center"
+const EFileListvue_type_template_id_cc1fdb8c_hoisted_6 = {
+  class: "exos-border-b exos-px-6 exos-py-4 exos-whitespace-nowrap exos-text-center"
 };
-const EFileListvue_type_template_id_576a632d_hoisted_7 = ["onClick"];
-const EFileListvue_type_template_id_576a632d_hoisted_8 = {
-  class: "border-b px-6 py-4 whitespace-nowrap text-center"
+const EFileListvue_type_template_id_cc1fdb8c_hoisted_7 = ["onClick"];
+const EFileListvue_type_template_id_cc1fdb8c_hoisted_8 = {
+  class: "exos-border-b exos-px-6 exos-py-4 exos-whitespace-nowrap exos-text-center"
 };
-const EFileListvue_type_template_id_576a632d_hoisted_9 = ["onClick"];
-function EFileListvue_type_template_id_576a632d_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EFileListvue_type_template_id_576a632d_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EFileListvue_type_template_id_576a632d_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EFileListvue_type_template_id_576a632d_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+const EFileListvue_type_template_id_cc1fdb8c_hoisted_9 = ["onClick"];
+function EFileListvue_type_template_id_cc1fdb8c_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EFileListvue_type_template_id_cc1fdb8c_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EFileListvue_type_template_id_cc1fdb8c_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EFileListvue_type_template_id_cc1fdb8c_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.mainClass)
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("table", EFileListvue_type_template_id_576a632d_hoisted_4, [EFileListvue_type_template_id_576a632d_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("tbody", null, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($props.documentList, (document, index) => {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("table", EFileListvue_type_template_id_cc1fdb8c_hoisted_4, [EFileListvue_type_template_id_cc1fdb8c_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("tbody", null, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($props.documentList, (document, index) => {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("tr", {
       key: index,
-      class: "hover:bg-slate-300 dark:hover:bg-bgGralDark"
-    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("td", EFileListvue_type_template_id_576a632d_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
-      class: "text-lg rounded-md bg-transparent text-secondary hover:text-secondary",
+      class: "hover:exos-bg-slate-300 dark:hover:exos-bg-bgGralDark"
+    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("td", EFileListvue_type_template_id_cc1fdb8c_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
+      class: "exos-text-lg exos-rounded-md exos-bg-transparent exos-text-secondary hover:exos-text-secondary",
       onClick: $event => $options.handleShowDocument(document.route)
-    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(document.name), 9, EFileListvue_type_template_id_576a632d_hoisted_7)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("td", EFileListvue_type_template_id_576a632d_hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
-      class: "cursor-pointer items-center rounded-md mx-2 px-10 py-1",
+    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(document.name), 9, EFileListvue_type_template_id_cc1fdb8c_hoisted_7)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("td", EFileListvue_type_template_id_cc1fdb8c_hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
+      class: "exos-cursor-pointer exos-items-center exos-rounded-md exos-mx-2 exos-px-10 exos-py-1",
       onClick: $event => $options.handleRemoveDocument(index)
     }, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveDynamicComponent)($data.svgIcon.default), {
-      class: "w-5 h-5 cursor-pointer"
-    }))], 8, EFileListvue_type_template_id_576a632d_hoisted_9)])]);
+      class: "exos-w-5 exos-h-5 exos-cursor-pointer"
+    }))], 8, EFileListvue_type_template_id_cc1fdb8c_hoisted_9)])]);
   }), 128))])])], 2)])])]);
 }
-;// CONCATENATED MODULE: ./src/components/EFileList.vue?vue&type=template&id=576a632d
+;// CONCATENATED MODULE: ./src/components/EFileList.vue?vue&type=template&id=cc1fdb8c
 
 ;// 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/components/EFileList.vue?vue&type=script&lang=js
 /* harmony default export */ var EFileListvue_type_script_lang_js = ({
@@ -12564,40 +12595,45 @@ function EFileListvue_type_template_id_576a632d_render(_ctx, _cache, $props, $se
      */
     documentList: {
       type: Array,
-      default: null
+      default: null,
+      description: "Recibe la lista de documentos a mostrar."
     },
     /**
      * Setea el color de fondo del componente en modo light.
      */
     bgColor: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea el color de fondo del componente en modo light."
     },
     /**
      * Setea el color de fondo del componente en modo dark.
      */
     bgColorDark: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea el color de fondo del componente en modo dark."
     },
     /**
      * Setea el color del texto del componente en modo light.
      */
     color: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea el color del texto del componente en modo light."
     },
     /**
      * Setea el color del texto del componente en modo dark.
      */
     colorDark: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea el color del texto del componente en modo dark."
     }
   },
   computed: {
     mainClass() {
-      return ["shadow overflow-hidden rounded-md", this.bgColor ? this.bgColor : "bg-field", this.bgColorDark ? this.bgColorDark : "dark:bg-fieldDark", this.color ? this.color : "text-content", this.bgColorDcolorDarkark ? this.colorDark : "dark:text-contentDark"];
+      return ["exos-shadow exos-overflow-hidden exos-rounded-md", this.bgColor ?? "exos-bg-field", this.bgColorDark ?? "dark:exos-bg-fieldDark", this.color ?? "exos-text-content", this.colorDark ?? "dark:exos-text-contentDark"];
     }
   },
   methods: {
@@ -12648,18 +12684,18 @@ if (typeof (EFileListvue_type_custom_index_0_blockType_docs_lang_md_default()) =
 
 
 ;
-const EFileList_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EFileListvue_type_script_lang_js, [['render',EFileListvue_type_template_id_576a632d_render]])
+const EFileList_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EFileListvue_type_script_lang_js, [['render',EFileListvue_type_template_id_cc1fdb8c_render]])
 
 /* harmony default export */ var EFileList = (EFileList_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/components/EIcon.vue?vue&type=template&id=15af94f0
+;// 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/components/EIcon.vue?vue&type=template&id=7c73c162
 
-function EIconvue_type_template_id_15af94f0_render(_ctx, _cache, $props, $setup, $data, $options) {
+function EIconvue_type_template_id_7c73c162_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.iconClass),
     style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)(`font-size: ${$options.isPreSize ? $data.sizes[$props.size] + 'rem' : $props.size}`)
   }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.isLocalIcon ? "" : $props.name), 7);
 }
-;// CONCATENATED MODULE: ./src/components/EIcon.vue?vue&type=template&id=15af94f0
+;// CONCATENATED MODULE: ./src/components/EIcon.vue?vue&type=template&id=7c73c162
 
 ;// 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/components/EIcon.vue?vue&type=script&lang=js
 /* harmony default export */ var EIconvue_type_script_lang_js = ({
@@ -12670,14 +12706,17 @@ function EIconvue_type_template_id_15af94f0_render(_ctx, _cache, $props, $setup,
      */
     name: {
       type: String,
-      default: ""
+      default: "",
+      description: "El nombre del icono, si este inicia con ebind: se tomara un icon local, de lo contrario tomara un icon de la libreria Material Icons."
     },
     /**
-     * Tamaño del icono. Puede ser 'xs', 'sm', 'md', 'lg', o 'xl'.
+     * Tamaño del icono.
+     * @values xs, sm, md, lg, xl
      */
     size: {
       type: String,
-      default: "md"
+      default: "md",
+      description: "Tamaño del icono. Puede ser 'xs', 'sm', 'md', 'lg', o 'xl'."
     }
   },
   data() {
@@ -12730,49 +12769,49 @@ if (typeof (EIconvue_type_custom_index_0_blockType_docs_lang_md_default()) === '
 
 
 ;
-const EIcon_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EIconvue_type_script_lang_js, [['render',EIconvue_type_template_id_15af94f0_render]])
+const EIcon_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EIconvue_type_script_lang_js, [['render',EIconvue_type_template_id_7c73c162_render]])
 
 /* 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/components/EInput.vue?vue&type=template&id=cdd006d6&scoped=true
+;// 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/components/EInput.vue?vue&type=template&id=5352cb18&scoped=true
 
-const EInputvue_type_template_id_cdd006d6_scoped_true_withScopeId = n => ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.pushScopeId)("data-v-cdd006d6"), n = n(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.popScopeId)(), n);
-const EInputvue_type_template_id_cdd006d6_scoped_true_hoisted_1 = {
-  class: "flex flex-grow relative"
+const EInputvue_type_template_id_5352cb18_scoped_true_withScopeId = n => ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.pushScopeId)("data-v-5352cb18"), n = n(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.popScopeId)(), n);
+const EInputvue_type_template_id_5352cb18_scoped_true_hoisted_1 = {
+  class: "exos-flex exos-flex-grow exos-relative"
 };
-const EInputvue_type_template_id_cdd006d6_scoped_true_hoisted_2 = ["type", "disabled", "id", "maxlength", "value"];
-const EInputvue_type_template_id_cdd006d6_scoped_true_hoisted_3 = ["disabled", "maxlength", "value"];
-const EInputvue_type_template_id_cdd006d6_scoped_true_hoisted_4 = ["for"];
-const EInputvue_type_template_id_cdd006d6_scoped_true_hoisted_5 = {
+const EInputvue_type_template_id_5352cb18_scoped_true_hoisted_2 = ["type", "disabled", "id", "maxlength", "value"];
+const EInputvue_type_template_id_5352cb18_scoped_true_hoisted_3 = ["disabled", "maxlength", "value"];
+const EInputvue_type_template_id_5352cb18_scoped_true_hoisted_4 = ["for"];
+const EInputvue_type_template_id_5352cb18_scoped_true_hoisted_5 = {
   key: 0
 };
-const EInputvue_type_template_id_cdd006d6_scoped_true_hoisted_6 = {
+const EInputvue_type_template_id_5352cb18_scoped_true_hoisted_6 = {
   key: 1,
-  class: "w-4 h-4 text-secondary opacity-60 hover:opacity-100 dark:text-white",
+  class: "exos-w-4 exos-h-4 exos-text-secondary exos-opacity-60 hover:exos-opacity-100 dark:exos-text-white",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 15 15"
 };
-const EInputvue_type_template_id_cdd006d6_scoped_true_hoisted_7 = /*#__PURE__*/EInputvue_type_template_id_cdd006d6_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
+const EInputvue_type_template_id_5352cb18_scoped_true_hoisted_7 = /*#__PURE__*/EInputvue_type_template_id_5352cb18_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
   stroke: "currentColor",
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "stroke-width": "2",
   d: "m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"
 }, null, -1));
-const EInputvue_type_template_id_cdd006d6_scoped_true_hoisted_8 = [EInputvue_type_template_id_cdd006d6_scoped_true_hoisted_7];
-const EInputvue_type_template_id_cdd006d6_scoped_true_hoisted_9 = {
+const EInputvue_type_template_id_5352cb18_scoped_true_hoisted_8 = [EInputvue_type_template_id_5352cb18_scoped_true_hoisted_7];
+const EInputvue_type_template_id_5352cb18_scoped_true_hoisted_9 = {
   key: 1
 };
-const EInputvue_type_template_id_cdd006d6_scoped_true_hoisted_10 = /*#__PURE__*/EInputvue_type_template_id_cdd006d6_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
+const EInputvue_type_template_id_5352cb18_scoped_true_hoisted_10 = /*#__PURE__*/EInputvue_type_template_id_5352cb18_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
   stroke: "currentColor",
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "stroke-width": "2",
   d: "M1.933 10.909A4.357 4.357 0 0 1 1 9c0-1 4-6 9-6m7.6 3.8A5.068 5.068 0 0 1 19 9c0 1-3 6-9 6-.314 0-.62-.014-.918-.04M2 17 18 1m-5 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
 }, null, -1));
-const EInputvue_type_template_id_cdd006d6_scoped_true_hoisted_11 = [EInputvue_type_template_id_cdd006d6_scoped_true_hoisted_10];
-const EInputvue_type_template_id_cdd006d6_scoped_true_hoisted_12 = /*#__PURE__*/EInputvue_type_template_id_cdd006d6_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("g", {
+const EInputvue_type_template_id_5352cb18_scoped_true_hoisted_11 = [EInputvue_type_template_id_5352cb18_scoped_true_hoisted_10];
+const EInputvue_type_template_id_5352cb18_scoped_true_hoisted_12 = /*#__PURE__*/EInputvue_type_template_id_5352cb18_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("g", {
   stroke: "currentColor",
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
@@ -12782,7 +12821,7 @@ const EInputvue_type_template_id_cdd006d6_scoped_true_hoisted_12 = /*#__PURE__*/
 }), /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
   d: "M10 13c4.97 0 9-2.686 9-6s-4.03-6-9-6-9 2.686-9 6 4.03 6 9 6Z"
 })], -1));
-const _hoisted_13 = [EInputvue_type_template_id_cdd006d6_scoped_true_hoisted_12];
+const _hoisted_13 = [EInputvue_type_template_id_5352cb18_scoped_true_hoisted_12];
 const _hoisted_14 = {
   key: 0,
   class: "e-input--error-message"
@@ -12791,8 +12830,8 @@ const _hoisted_15 = {
   key: 1,
   class: "e-input--error-message"
 };
-function EInputvue_type_template_id_cdd006d6_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EInputvue_type_template_id_cdd006d6_scoped_true_hoisted_1, [!this.textarea ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("input", {
+function EInputvue_type_template_id_5352cb18_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EInputvue_type_template_id_5352cb18_scoped_true_hoisted_1, [!this.textarea ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("input", {
     key: 0,
     placeholder: " ",
     type: $data.inputType,
@@ -12806,7 +12845,7 @@ function EInputvue_type_template_id_cdd006d6_scoped_true_render(_ctx, _cache, $p
     onFocus: _cache[1] || (_cache[1] = (...args) => $options.onInputFocus && $options.onInputFocus(...args)),
     onKeydown: _cache[2] || (_cache[2] = (...args) => $options.preventSpace && $options.preventSpace(...args)),
     onInput: _cache[3] || (_cache[3] = (...args) => $options.clearAndEmitValue && $options.clearAndEmitValue(...args))
-  }, null, 42, EInputvue_type_template_id_cdd006d6_scoped_true_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), this.textarea ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("textarea", {
+  }, null, 42, EInputvue_type_template_id_5352cb18_scoped_true_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), this.textarea ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("textarea", {
     key: 1,
     placeholder: " ",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.mainClass),
@@ -12817,44 +12856,44 @@ function EInputvue_type_template_id_cdd006d6_scoped_true_render(_ctx, _cache, $p
     onBlur: _cache[4] || (_cache[4] = (...args) => $options.onInputBlur && $options.onInputBlur(...args)),
     onFocus: _cache[5] || (_cache[5] = (...args) => $options.onInputFocus && $options.onInputFocus(...args)),
     onInput: _cache[6] || (_cache[6] = (...args) => $options.clearAndEmitValue && $options.clearAndEmitValue(...args))
-  }, null, 42, EInputvue_type_template_id_cdd006d6_scoped_true_hoisted_3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", {
+  }, null, 42, EInputvue_type_template_id_5352cb18_scoped_true_hoisted_3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", {
     for: 'input-' + $props.label,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.labelClass)
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.classBoxLabel)
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.label), 1), $props.required ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", EInputvue_type_template_id_cdd006d6_scoped_true_hoisted_5, "*")) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)], 10, EInputvue_type_template_id_cdd006d6_scoped_true_hoisted_4), !!$props.modelValue && !$props.disabled ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.label), 1), $props.required ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", EInputvue_type_template_id_5352cb18_scoped_true_hoisted_5, "*")) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)], 10, EInputvue_type_template_id_5352cb18_scoped_true_hoisted_4), !!$props.modelValue && !$props.disabled ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
     key: 2,
     onClick: _cache[7] || (_cache[7] = (...args) => $options.clean && $options.clean(...args)),
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['e-input-icon animate-slide-down', $props.type == 'password' ? _ctx.$slots.icon && $props.iconRight ? 'right-[4.25rem]' : 'right-10' : [_ctx.$slots.icon ? 'right-11' : 'right-3'] ? $props.iconRight ? 'right-11' : 'right-3' : 0])
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['e-input-icon exos-animate-slide-down', $props.type == 'password' ? _ctx.$slots.icon && $props.iconRight ? 'exos-right-[4.25rem]' : 'exos-right-10' : [_ctx.$slots.icon ? 'exos-right-11' : 'exos-right-3'] ? $props.iconRight ? 'exos-right-11' : 'exos-right-3' : 0])
   }, [_ctx.$slots.iconClose ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconClose", {
     key: 0
-  }, undefined, true) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", EInputvue_type_template_id_cdd006d6_scoped_true_hoisted_6, EInputvue_type_template_id_cdd006d6_scoped_true_hoisted_8))], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $props.type == 'password' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+  }, undefined, true) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", EInputvue_type_template_id_5352cb18_scoped_true_hoisted_6, EInputvue_type_template_id_5352cb18_scoped_true_hoisted_8))], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $props.type == 'password' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
     key: 3,
     onClick: _cache[8] || (_cache[8] = (...args) => $options.showPassword && $options.showPassword(...args)),
-    class: "e-input-icon right-3"
+    class: "e-input-icon exos-right-3"
   }, [_ctx.$slots.iconPassword ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconClose", {
     key: 0
-  }, undefined, true) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EInputvue_type_template_id_cdd006d6_scoped_true_hoisted_9, [$data.showPass ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", {
+  }, undefined, true) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EInputvue_type_template_id_5352cb18_scoped_true_hoisted_9, [$data.showPass ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", {
     key: 0,
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['w-6 h-6', $data.errorRules ? 'text-danger' : 'text-secondary dark:text-white']),
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['exos-w-6 exos-h-6', $data.errorRules ? 'exos-text-danger' : 'exos-text-secondary dark:exos-text-white']),
     "aria-hidden": "true",
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 14"
-  }, EInputvue_type_template_id_cdd006d6_scoped_true_hoisted_11, 2)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", {
+  }, EInputvue_type_template_id_5352cb18_scoped_true_hoisted_11, 2)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", {
     key: 1,
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['w-6 h-6', $data.errorRules ? 'text-danger' : 'text-secondary dark:text-white']),
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['exos-w-6 exos-h-6', $data.errorRules ? 'exos-text-danger' : 'exos-text-secondary dark:exos-text-white']),
     "aria-hidden": "true",
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 20 14"
   }, _hoisted_13, 2))]))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["e-input-icon", [$props.type == 'password' ? $props.iconRight ? 'right-9' : 'left-2' : $props.iconRight ? 'right-3' : 'left-2']])
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["e-input-icon", [$props.type == 'password' ? $props.iconRight ? 'exos-right-9' : 'exos-left-2' : $props.iconRight ? 'exos-right-3' : 'exos-left-2']])
   }, [_ctx.$slots.icon ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "icon", {
     key: 0
   }, undefined, true) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)]), !!$data.messageRestrictions ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_14, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($data.messageRestrictions), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), !!$data.messageRule ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_15, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($data.messageRule), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]);
 }
-;// CONCATENATED MODULE: ./src/components/EInput.vue?vue&type=template&id=cdd006d6&scoped=true
+;// CONCATENATED MODULE: ./src/components/EInput.vue?vue&type=template&id=5352cb18&scoped=true
 
 ;// CONCATENATED MODULE: ./node_modules/luxon/src/errors.js
 // these aren't really private, but nor are they really useful to document
@@ -20742,59 +20781,60 @@ const patterns = {
   },
   computed: {
     mainClass() {
-      const baseClasses = [this.shadowClass, this.roundedClass, this.textSizeClass, this.bgColor ?? "bg-field", this.darkBgColor ?? "dark:bg-fieldDark", this.focusBgColor ?? "", this.focusDarkBgColor ?? "", this.textarea ? [this.minHeightArea ?? ""] : []];
-      const inputBaseClasses = ["e-input-base", this.color || "text-black", this.darkColor || "dark:text-white", this.modelValue ? ["outline outline-2", this.outlineColor ?? "outline-secondary", this.darkOutlineColor ?? "dark:outline-secondary"] : ["border-x border-b border-t-0 border-opacity-20 border-gray-700 peer focus:outline focus:outline-2", this.outlineColorFocus ?? "focus:outline-secondary", this.darkOutlineColorFocus ?? "dark:focus:outline-secondary"]];
-      const iconClasses = this.$slots.icon ? this.iconRight ? this.$slots.iconPassword || this.type == "password" ? "pl-3 pr-24" // Ícono a la derecha y también ícono de mostrar/ocultar password
-      : "pl-3 pr-[4.25rem]" // Ícono a la derecha
-      : this.type == "password" ? "pl-10 pr-[4.25rem]" // Ícono a la izquierda y es de tipo password
-      : "px-10" // Ícono a la izquierda
-      : this.$slots.iconPassword || this.type == "password" ? "pl-3 pr-[4.25rem]" // No hay ícono y es de tipo password
-      : "pl-3 pr-10"; // No hay ícono
+      const baseClasses = [this.shadowClass, this.roundedClass, this.textSizeClass, this.bgColor ?? "exos-bg-field", this.darkBgColor ?? "dark:exos-bg-fieldDark", this.focusBgColor ?? "", this.focusDarkBgColor ?? "", this.textarea ? [this.minHeightArea ?? ""] : []];
+      const inputBaseClasses = ["e-input-base", this.color ?? "exos-text-black", this.darkColor ?? "dark:exos-text-white", this.modelValue ? ["exos-outline exos-outline-2", this.outlineColor ?? "exos-outline-secondary", this.darkOutlineColor ?? "dark:exos-outline-secondary"] : ["exos-border-x exos-border-b exos-border-t-0 exos-border-opacity-20 exos-border-gray-700 exos-peer focus:exos-outline focus:exos-outline-2", this.outlineColorFocus ?? "focus:exos-outline-secondary", this.darkOutlineColorFocus ?? "dark:focus:exos-outline-secondary"]];
+      const iconClasses = this.$slots.icon ? this.iconRight ? this.$slots.iconPassword || this.type == "password" ? "exos-pl-3 exos-pr-24" // Ícono a la derecha y también ícono de mostrar/ocultar password
+      : "exos-pl-3 exos-pr-[4.25rem]" // Ícono a la derecha
+      : this.type == "password" ? "exos-pl-10 exos-pr-[4.25rem]" // Ícono a la izquierda y es de tipo password
+      : "exos-px-10" // Ícono a la izquierda
+      : this.$slots.iconPassword || this.type == "password" ? "exos-pl-3 exos-pr-[4.25rem]" // No hay ícono y es de tipo password
+      : "exos-pl-3 exos-pr-10"; // No hay ícono
 
       return this.errorRules || this.messageRestrictions ? ["e-input--error", ...baseClasses, ...inputBaseClasses, iconClasses] : [...baseClasses, ...inputBaseClasses, iconClasses];
     },
     labelClass() {
       const baseLabelClasses = ["e-input-label", this.roundedClass, this.textSizeClass];
-      const dynamicLabelClasses = this.modelValue ? [this.errorRules || this.messageRestrictions ? ["text-danger", "peer-focus:text-danger"] : [this.labelColor ?? "text-secondary", this.labelDarkColor ?? "dark:text-secondary"]] : ["text-black", "dark:text-white"];
+      const dynamicLabelClasses = this.modelValue ? [this.errorRules || this.messageRestrictions ? ["exos-text-danger", "peer-focus:exos-text-danger"] : [this.labelColor ?? "exos-text-secondary", this.labelDarkColor ?? "dark:exos-text-secondary"]] : ["exos-text-black", "dark:exos-text-white"];
       return baseLabelClasses.concat(dynamicLabelClasses);
     },
     classBoxLabel() {
-      const baseBoxLabelClasses = ["flex z-10 px-2 rounded-md"];
-      const dynamicBoxLabelClasses = this.modelValue || this.isInputFocused ? [this.bgColor || "bg-field", this.darkBgColor || "dark:bg-fieldDark"] : [];
+      const baseBoxLabelClasses = ["exos-flex exos-z-10 exos-px-2 exos-rounded-md"];
+      const dynamicBoxLabelClasses = this.modelValue || this.isInputFocused ? [this.bgColor ?? "exos-bg-field", this.darkBgColor ?? "dark:exos-bg-fieldDark"] : [];
       return baseBoxLabelClasses.concat(dynamicBoxLabelClasses);
     },
     textSizeClass() {
       const textSizeClasses = {
-        xs: "text-xs",
-        sm: "text-sm",
-        md: "text-base",
-        lg: "text-lg",
-        xl: "text-xl",
-        xxl: "text-2xl"
+        xs: "exos-text-xs",
+        sm: "exos-text-sm",
+        md: "exos-text-base",
+        lg: "exos-text-lg",
+        xl: "exos-text-xl",
+        xxl: "exos-text-2xl"
       };
-      return this.textSize ? textSizeClasses[this.textSize] : "text-base";
+      return this.textSize ? textSizeClasses[this.textSize] : "exos-text-base";
     },
     shadowClass() {
       const shadowClasses = {
-        none: "shadow-none",
-        xs: "shadow",
-        sm: "shadow-sm",
-        md: "shadow-md",
-        lg: "shadow-lg ",
-        xl: "shadow-xl",
-        xxl: "shadow-2xl"
+        none: "exos-shadow-none",
+        xs: "exos-shadow",
+        sm: "exos-shadow-sm",
+        md: "exos-shadow-md",
+        lg: "exos-shadow-lg ",
+        xl: "exos-shadow-xl",
+        xxl: "exos-shadow-2xl"
       };
-      return this.shadowSize ? shadowClasses[this.shadowSize] : "shadow-md";
+      return this.shadowSize ? shadowClasses[this.shadowSize] : "exos-shadow-md";
     },
     roundedClass() {
       const roundedClasses = {
-        sm: "rounded",
-        md: "rounded-md",
-        lg: "rounded-lg",
-        xl: "rounded-xl",
-        xxl: "rounded-2xl"
+        none: "exos-rounded-none",
+        sm: "exos-rounded",
+        md: "exos-rounded-md",
+        lg: "exos-rounded-lg",
+        xl: "exos-rounded-xl",
+        xxl: "exos-rounded-2xl"
       };
-      return this.roundedSize ? roundedClasses[this.roundedSize] : "rounded-xl";
+      return this.roundedSize ? roundedClasses[this.roundedSize] : "exos-rounded-xl";
     },
     finalRules() {
       let rules = [...this.rules];
@@ -20856,7 +20896,7 @@ const patterns = {
           // eslint-disable-next-line
           let regexToApply = this.regexValidChars?.regex ?? /[^a-zA-ZáÁéÉíÍóÓúÚüÜ\s]/g;
           // eslint-disable-next-line
-          let msgToShow = this.regexValidChars?.msg ?? "El caràcter NO cumple con las reglas establecidas";
+          let msgToShow = this.regexValidChars?.msg ?? "El carácter no cumple con las reglas establecidas";
           valueInput = valueInput.replace(regexToApply, "");
           // eslint-disable-next-line
           let errorKey = regexToApply.test(event.target.value);
@@ -21068,10 +21108,10 @@ const patterns = {
 });
 ;// CONCATENATED MODULE: ./src/components/EInput.vue?vue&type=script&lang=js
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EInput.vue?vue&type=style&index=0&id=cdd006d6&scoped=true&lang=css
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EInput.vue?vue&type=style&index=0&id=5352cb18&scoped=true&lang=css
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/EInput.vue?vue&type=style&index=0&id=cdd006d6&scoped=true&lang=css
+;// CONCATENATED MODULE: ./src/components/EInput.vue?vue&type=style&index=0&id=5352cb18&scoped=true&lang=css
 
 // EXTERNAL MODULE: ./node_modules/vue-cli-plugin-styleguidist/empty-object-loader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EInput.vue?vue&type=custom&index=0&blockType=docs&lang=md
 var EInputvue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(7788);
@@ -21090,25 +21130,22 @@ if (typeof (EInputvue_type_custom_index_0_blockType_docs_lang_md_default()) ===
 
 
 ;
-const EInput_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EInputvue_type_script_lang_js, [['render',EInputvue_type_template_id_cdd006d6_scoped_true_render],['__scopeId',"data-v-cdd006d6"]])
+const EInput_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EInputvue_type_script_lang_js, [['render',EInputvue_type_template_id_5352cb18_scoped_true_render],['__scopeId',"data-v-5352cb18"]])
 
 /* 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/components/EModal.vue?vue&type=template&id=0a90ae12
+;// 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/components/EModal.vue?vue&type=template&id=3a275da7
 
-const EModalvue_type_template_id_0a90ae12_hoisted_1 = {
+const EModalvue_type_template_id_3a275da7_hoisted_1 = {
   key: 1,
-  class: "fixed inset-0 flex items-center justify-center z-50"
+  class: "exos-fixed exos-inset-0 exos-flex exos-items-center exos-justify-center exos-z-50"
 };
-const EModalvue_type_template_id_0a90ae12_hoisted_2 = {
-  class: "bg-white rounded-lg p-8 relative",
-  style: {
-    "pointer-events": "auto"
-  }
+const EModalvue_type_template_id_3a275da7_hoisted_2 = {
+  class: "exos-bg-white exos-rounded-lg exos-p-8 exos-relative exos-pointer-events-auto"
 };
-const EModalvue_type_template_id_0a90ae12_hoisted_3 = {
-  class: "text-lg font-bold mb-4"
+const EModalvue_type_template_id_3a275da7_hoisted_3 = {
+  class: "exos-text-lg exos-font-bold exos-mb-4"
 };
-const EModalvue_type_template_id_0a90ae12_hoisted_4 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("svg", {
+const EModalvue_type_template_id_3a275da7_hoisted_4 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
@@ -21122,38 +21159,37 @@ const EModalvue_type_template_id_0a90ae12_hoisted_4 = /*#__PURE__*/(0,external_c
   "stroke-linejoin": "round",
   d: "M6 18L18 6M6 6l12 12"
 })], -1);
-const EModalvue_type_template_id_0a90ae12_hoisted_5 = [EModalvue_type_template_id_0a90ae12_hoisted_4];
-const EModalvue_type_template_id_0a90ae12_hoisted_6 = {
+const EModalvue_type_template_id_3a275da7_hoisted_5 = [EModalvue_type_template_id_3a275da7_hoisted_4];
+const EModalvue_type_template_id_3a275da7_hoisted_6 = {
   key: 0
 };
-const EModalvue_type_template_id_0a90ae12_hoisted_7 = {
+const EModalvue_type_template_id_3a275da7_hoisted_7 = {
   key: 1
 };
-const EModalvue_type_template_id_0a90ae12_hoisted_8 = ["src"];
-const EModalvue_type_template_id_0a90ae12_hoisted_9 = {
-  class: "flex justify-end"
+const EModalvue_type_template_id_3a275da7_hoisted_8 = ["src"];
+const EModalvue_type_template_id_3a275da7_hoisted_9 = {
+  class: "exos-flex exos-justify-end"
 };
-function EModalvue_type_template_id_0a90ae12_render(_ctx, _cache, $props, $setup, $data, $options) {
+function EModalvue_type_template_id_3a275da7_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", null, [$props.show ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
     key: 0,
-    class: "fixed inset-0 bg-black opacity-50 z-40",
+    class: "exos-fixed exos-inset-0 exos-bg-black exos-opacity-50 exos-z-40",
     onClick: _cache[0] || (_cache[0] = (...args) => $options.closeModal && $options.closeModal(...args))
-  })) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $props.show ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EModalvue_type_template_id_0a90ae12_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
-    class: "fixed inset-0",
+  })) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $props.show ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EModalvue_type_template_id_3a275da7_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+    class: "exos-fixed exos-inset-0",
     onClick: _cache[1] || (_cache[1] = (...args) => $options.closeModal && $options.closeModal(...args))
-  }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EModalvue_type_template_id_0a90ae12_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("h2", EModalvue_type_template_id_0a90ae12_hoisted_3, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.title), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
-    class: "absolute top-0 right-0 mt-2 mr-2 inline-block rounded-full cursor-pointer shadow-md p-1.5 h-9 w-9 bg-zinc-100 dark:bg-field",
+  }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EModalvue_type_template_id_3a275da7_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("h2", EModalvue_type_template_id_3a275da7_hoisted_3, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.title), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+    class: "exos-absolute exos-top-0 exos-right-0 exos-mt-2 exos-mr-2 exos-inline-block exos-rounded-full exos-cursor-pointer exos-shadow-md exos-p-1.5 exos-h-9 exos-w-9 exos-bg-zinc-100 dark:exos-bg-field",
     onClick: _cache[2] || (_cache[2] = (...args) => $options.closeModal && $options.closeModal(...args))
-  }, EModalvue_type_template_id_0a90ae12_hoisted_5), $props.isData ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EModalvue_type_template_id_0a90ae12_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("pre", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(JSON.stringify($props.data, null, 2)), 1)])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EModalvue_type_template_id_0a90ae12_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("iframe", {
+  }, EModalvue_type_template_id_3a275da7_hoisted_5), $props.isData ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EModalvue_type_template_id_3a275da7_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("pre", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(JSON.stringify($props.data, null, 2)), 1)])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EModalvue_type_template_id_3a275da7_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("iframe", {
     src: $options.displayDocument,
-    class: "w-modal h-modal",
     ref: "pdfViewer"
-  }, null, 8, EModalvue_type_template_id_0a90ae12_hoisted_8)])), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EModalvue_type_template_id_0a90ae12_hoisted_9, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
-    class: "px-4 py-2 bg-secondary text-content rounded-lg mr-4",
+  }, null, 8, EModalvue_type_template_id_3a275da7_hoisted_8)])), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EModalvue_type_template_id_3a275da7_hoisted_9, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
+    class: "exos-px-4 exos-py-2 exos-bg-secondary exos-text-content exos-rounded-lg exos-mr-4",
     onClick: _cache[3] || (_cache[3] = (...args) => $options.closeModal && $options.closeModal(...args))
   }, " Cerrar ")])])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]);
 }
-;// CONCATENATED MODULE: ./src/components/EModal.vue?vue&type=template&id=0a90ae12
+;// CONCATENATED MODULE: ./src/components/EModal.vue?vue&type=template&id=3a275da7
 
 ;// 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/components/EModal.vue?vue&type=script&lang=js
 /* harmony default export */ var EModalvue_type_script_lang_js = ({
@@ -21234,63 +21270,59 @@ function EModalvue_type_template_id_0a90ae12_render(_ctx, _cache, $props, $setup
 
 
 ;
-const EModal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EModalvue_type_script_lang_js, [['render',EModalvue_type_template_id_0a90ae12_render]])
+const EModal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EModalvue_type_script_lang_js, [['render',EModalvue_type_template_id_3a275da7_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/components/EPaginationTable.vue?vue&type=template&id=62260822
+;// 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/components/EPaginationTable.vue?vue&type=template&id=6049a3d4
 
-const EPaginationTablevue_type_template_id_62260822_hoisted_1 = {
-  class: "flex items-center lg:justify-end sm:justify-between w-full"
+const EPaginationTablevue_type_template_id_6049a3d4_hoisted_1 = {
+  class: "exos-flex exos-items-center lg:exos-justify-end sm:exos-justify-between exos-w-full"
 };
-const EPaginationTablevue_type_template_id_62260822_hoisted_2 = {
-  class: "flex items-center justify-between pt-4 h-14"
+const EPaginationTablevue_type_template_id_6049a3d4_hoisted_2 = {
+  class: "exos-flex exos-items-center exos-justify-between exos-pt-4 exos-h-14"
 };
-const EPaginationTablevue_type_template_id_62260822_hoisted_3 = {
-  class: "inline-flex -space-x-px text-sm h-12"
+const EPaginationTablevue_type_template_id_6049a3d4_hoisted_3 = {
+  class: "exos-inline-flex -exos-space-x-px exos-text-sm exos-h-12"
 };
-const EPaginationTablevue_type_template_id_62260822_hoisted_4 = {
-  class: "flex items-center justify-center px-6 h-8 ml-2 leading-tight text-gray-700 dark:border-gray-700 dark:text-gray-400 dark:hover:text-white"
+const EPaginationTablevue_type_template_id_6049a3d4_hoisted_4 = {
+  class: "exos-flex exos-items-center exos-justify-center exos-px-6 exos-h-8 exos-ml-2 exos-leading-tight exos-text-gray-700 dark:exos-border-gray-700 dark:exos-text-gray-400 dark:hover:exos-text-white"
 };
-const EPaginationTablevue_type_template_id_62260822_hoisted_5 = ["disabled"];
-const EPaginationTablevue_type_template_id_62260822_hoisted_6 = {
-  class: "flex items-center justify-center px-6 h-8 ml-2 leading-tight text-gray-700 dark:border-gray-700 dark:text-gray-400 dark:hover:text-white"
+const EPaginationTablevue_type_template_id_6049a3d4_hoisted_5 = ["disabled"];
+const EPaginationTablevue_type_template_id_6049a3d4_hoisted_6 = {
+  class: "exos-flex exos-items-center exos-justify-center exos-px-6 exos-h-8 exos-ml-2 exos-leading-tight exos-text-gray-700 dark:exos-border-gray-700 dark:exos-text-gray-400 dark:hover:exos-text-white"
 };
-const EPaginationTablevue_type_template_id_62260822_hoisted_7 = ["disabled"];
-function EPaginationTablevue_type_template_id_62260822_render(_ctx, _cache, $props, $setup, $data, $options) {
+const EPaginationTablevue_type_template_id_6049a3d4_hoisted_7 = ["disabled"];
+function EPaginationTablevue_type_template_id_6049a3d4_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_EIcon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("EIcon");
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EPaginationTablevue_type_template_id_62260822_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("nav", EPaginationTablevue_type_template_id_62260822_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("ul", EPaginationTablevue_type_template_id_62260822_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("li", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EPaginationTablevue_type_template_id_62260822_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(`${$options.finalModelValue} / ${$props.numPagesTotal}`), 1)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("li", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
-    small: "",
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EPaginationTablevue_type_template_id_6049a3d4_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("nav", EPaginationTablevue_type_template_id_6049a3d4_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("ul", EPaginationTablevue_type_template_id_6049a3d4_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("li", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EPaginationTablevue_type_template_id_6049a3d4_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(`${$options.finalModelValue} / ${$props.numPagesTotal}`), 1)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("li", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
     disabled: $options.finalModelValue <= 1,
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["flex items-center justify-center px-6 h-8 ml-2 mx-2", `${$options.finalModelValue <= 1 ? 'cursor-not-allowed' : 'cursor-pointer'}`]),
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["exos-flex exos-items-center exos-justify-center exos-px-6 exos-h-8 exos-ml-2 exos-mx-2", `${$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_.createVNode)(_component_EIcon, {
     name: "keyboard_double_arrow_left",
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.finalModelValue <= 1 ? 'opacity-50 text-secondary dark:text-white' : 'text-secondary dark:text-white')
-  }, null, 8, ["class"])], 10, EPaginationTablevue_type_template_id_62260822_hoisted_5)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("li", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
-    small: "",
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["flex items-center justify-center px-6 h-8 ml-2", `${$options.finalModelValue <= 1 ? 'cursor-not-allowed' : 'cursor-pointer'}`]),
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.finalModelValue <= 1 ? 'exos-opacity-50 exos-text-secondary dark:exos-text-white' : 'exos-text-secondary dark:exos-text-white')
+  }, null, 8, ["class"])], 10, EPaginationTablevue_type_template_id_6049a3d4_hoisted_5)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("li", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["exos-flex exos-items-center exos-justify-center exos-px-6 exos-h-8 exos-ml-2", `${$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_.createVNode)(_component_EIcon, {
     name: "chevron_left",
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["text-secondary dark:text-white", $options.finalModelValue <= 1 ? 'opacity-50 text-secondary dark:text-white' : 'text-secondary dark:text-white'])
-  }, null, 8, ["class"])], 2)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("li", EPaginationTablevue_type_template_id_62260822_hoisted_6, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.modelValue), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("li", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
-    small: "",
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["flex items-center justify-center px-6 h-8 ml-2", `${$options.finalModelValue >= $props.numPagesTotal ? 'cursor-not-allowed' : 'cursor-pointer'}`]),
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["exos-text-secondary dark:exos-text-white", $options.finalModelValue <= 1 ? 'exos-opacity-50 exos-text-secondary dark:exos-text-white' : 'exos-text-secondary dark:exos-text-white'])
+  }, null, 8, ["class"])], 2)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("li", EPaginationTablevue_type_template_id_6049a3d4_hoisted_6, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.modelValue), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("li", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["exos-flex exos-items-center exos-justify-center exos-px-6 exos-h-8 exos-ml-2", `${$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_.createVNode)(_component_EIcon, {
     name: "chevron_right",
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.finalModelValue >= $props.numPagesTotal ? 'opacity-50 text-secondary dark:text-white' : 'text-secondary dark:text-white')
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.finalModelValue >= $props.numPagesTotal ? 'exos-opacity-50 exos-text-secondary dark:exos-text-white' : 'exos-text-secondary dark:exos-text-white')
   }, null, 8, ["class"])], 2)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("li", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
-    small: "",
     disabled: $options.finalModelValue >= $props.numPagesTotal,
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["flex items-center justify-center px-6 h-8 ml-2 mx-12", `${$options.finalModelValue >= $props.numPagesTotal ? 'cursor-not-allowed' : 'cursor-pointer'}`]),
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["exos-flex exos-items-center exos-justify-center exos-px-6 exos-h-8 exos-ml-2 exos-mx-12", `${$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_.createVNode)(_component_EIcon, {
     name: "keyboard_double_arrow_right",
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.finalModelValue >= $props.numPagesTotal ? 'opacity-50 text-secondary dark:text-white' : 'text-secondary dark:text-white')
-  }, null, 8, ["class"])], 10, EPaginationTablevue_type_template_id_62260822_hoisted_7)])])])]);
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.finalModelValue >= $props.numPagesTotal ? 'exos-opacity-50 exos-text-secondary dark:exos-text-white' : 'exos-text-secondary dark:exos-text-white')
+  }, null, 8, ["class"])], 10, EPaginationTablevue_type_template_id_6049a3d4_hoisted_7)])])])]);
 }
-;// CONCATENATED MODULE: ./src/components/EPaginationTable.vue?vue&type=template&id=62260822
+;// CONCATENATED MODULE: ./src/components/EPaginationTable.vue?vue&type=template&id=6049a3d4
 
 ;// CONCATENATED MODULE: ./node_modules/ramda/es/internal/_isPlaceholder.js
 function _isPlaceholder(a) {
@@ -21536,65 +21568,66 @@ if (typeof (EPaginationTablevue_type_custom_index_0_blockType_docs_lang_md_defau
 
 
 ;
-const EPaginationTable_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EPaginationTablevue_type_script_lang_js, [['render',EPaginationTablevue_type_template_id_62260822_render]])
+const EPaginationTable_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EPaginationTablevue_type_script_lang_js, [['render',EPaginationTablevue_type_template_id_6049a3d4_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/components/ESelect.vue?vue&type=template&id=084d5b24
+;// 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/components/ESelect.vue?vue&type=template&id=49281064
 
-const ESelectvue_type_template_id_084d5b24_hoisted_1 = {
-  class: "flex flex-col"
+const ESelectvue_type_template_id_49281064_hoisted_1 = {
+  ref: "mainSelectComponent",
+  class: "exos-flex exos-flex-col"
 };
-const ESelectvue_type_template_id_084d5b24_hoisted_2 = {
-  class: "relative"
+const ESelectvue_type_template_id_49281064_hoisted_2 = {
+  class: "exos-relative"
 };
-const ESelectvue_type_template_id_084d5b24_hoisted_3 = {
+const ESelectvue_type_template_id_49281064_hoisted_3 = {
   key: 0
 };
-const ESelectvue_type_template_id_084d5b24_hoisted_4 = ["disabled", "id", "value"];
-const ESelectvue_type_template_id_084d5b24_hoisted_5 = ["for"];
-const ESelectvue_type_template_id_084d5b24_hoisted_6 = {
+const ESelectvue_type_template_id_49281064_hoisted_4 = ["disabled", "id", "value"];
+const ESelectvue_type_template_id_49281064_hoisted_5 = ["for"];
+const ESelectvue_type_template_id_49281064_hoisted_6 = {
   key: 0
 };
-const ESelectvue_type_template_id_084d5b24_hoisted_7 = ["disabled", "id"];
-const ESelectvue_type_template_id_084d5b24_hoisted_8 = {
-  class: "flex items-center w-full"
+const ESelectvue_type_template_id_49281064_hoisted_7 = ["disabled", "id"];
+const ESelectvue_type_template_id_49281064_hoisted_8 = {
+  class: "exos-flex exos-items-center exos-w-full"
 };
-const ESelectvue_type_template_id_084d5b24_hoisted_9 = {
+const ESelectvue_type_template_id_49281064_hoisted_9 = {
   key: 0
 };
-const ESelectvue_type_template_id_084d5b24_hoisted_10 = {
+const ESelectvue_type_template_id_49281064_hoisted_10 = {
   key: 1,
-  class: "w-4 h-4 text-secondary opacity-60 hover:opacity-100 dark:text-white",
+  class: "exos-w-4 exos-h-4 exos-text-secondary exos-opacity-60 hover:exos-opacity-100 dark:exos-text-white",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 15 15"
 };
-const ESelectvue_type_template_id_084d5b24_hoisted_11 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
+const ESelectvue_type_template_id_49281064_hoisted_11 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
   stroke: "currentColor",
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "stroke-width": "2",
   d: "m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"
 }, null, -1);
-const ESelectvue_type_template_id_084d5b24_hoisted_12 = [ESelectvue_type_template_id_084d5b24_hoisted_11];
-const ESelectvue_type_template_id_084d5b24_hoisted_13 = {
+const ESelectvue_type_template_id_49281064_hoisted_12 = [ESelectvue_type_template_id_49281064_hoisted_11];
+const ESelectvue_type_template_id_49281064_hoisted_13 = {
   key: 1,
   "aria-hidden": "true",
-  class: "w-6 h-6 text-gray-200 animate-spin dark:text-gray-600 fill-secondary",
+  class: "exos-w-6 exos-h-6 exos-text-gray-200 exos-animate-spin dark:exos-text-gray-600 exos-fill-secondary",
   viewBox: "0 0 100 101",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const ESelectvue_type_template_id_084d5b24_hoisted_14 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
+const ESelectvue_type_template_id_49281064_hoisted_14 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
   d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
   fill: "currentColor"
 }, null, -1);
-const ESelectvue_type_template_id_084d5b24_hoisted_15 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
+const ESelectvue_type_template_id_49281064_hoisted_15 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
   d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
   fill: "currentFill"
 }, null, -1);
-const _hoisted_16 = [ESelectvue_type_template_id_084d5b24_hoisted_14, ESelectvue_type_template_id_084d5b24_hoisted_15];
+const _hoisted_16 = [ESelectvue_type_template_id_49281064_hoisted_14, ESelectvue_type_template_id_49281064_hoisted_15];
 const _hoisted_17 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
   stroke: "currentColor",
   "stroke-linecap": "round",
@@ -21606,10 +21639,10 @@ const _hoisted_18 = [_hoisted_17];
 const _hoisted_19 = ["onClick"];
 const _hoisted_20 = {
   key: 0,
-  class: "e-select--error-message animate-slide-down"
+  class: "e-select--error-message exos-animate-slide-down"
 };
-function ESelectvue_type_template_id_084d5b24_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ESelectvue_type_template_id_084d5b24_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ESelectvue_type_template_id_084d5b24_hoisted_2, [$props.suggestion ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ESelectvue_type_template_id_084d5b24_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", {
+function ESelectvue_type_template_id_49281064_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ESelectvue_type_template_id_49281064_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ESelectvue_type_template_id_49281064_hoisted_2, [$props.suggestion ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ESelectvue_type_template_id_49281064_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", {
     placeholder: " ",
     ref: "refSelect",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.mainClass),
@@ -21620,38 +21653,38 @@ function ESelectvue_type_template_id_084d5b24_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_.withModifiers)((...args) => $options.toggleDropdown && $options.toggleDropdown(...args), ["prevent"]))
-  }, null, 42, ESelectvue_type_template_id_084d5b24_hoisted_4), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", {
+  }, null, 42, ESelectvue_type_template_id_49281064_hoisted_4), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", {
     for: 'input-' + $props.label,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.labelClass)
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.classBoxLabel)
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.label), 1), $props.required ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", ESelectvue_type_template_id_084d5b24_hoisted_6, "*")) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)], 10, ESelectvue_type_template_id_084d5b24_hoisted_5)])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("button", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.label), 1), $props.required ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", ESelectvue_type_template_id_49281064_hoisted_6, "*")) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)], 10, ESelectvue_type_template_id_49281064_hoisted_5)])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("button", {
     key: 1,
     ref: "refSelect",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.mainClass),
     disabled: $props.disabled,
-    onClick: _cache[4] || (_cache[4] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)((...args) => $options.toggleDropdown && $options.toggleDropdown(...args), ["prevent"])),
     id: 'label-' + $props.label,
+    onBlur: _cache[4] || (_cache[4] = (...args) => $options.onInputBlur && $options.onInputBlur(...args)),
     onFocus: _cache[5] || (_cache[5] = (...args) => $options.onInputFocus && $options.onInputFocus(...args)),
-    onBlur: _cache[6] || (_cache[6] = (...args) => $options.onInputBlur && $options.onInputBlur(...args))
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ESelectvue_type_template_id_084d5b24_hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['flex', _ctx.$slots.icon ? [$props.iconRight ? '' : 'pl-5'] : '', 'flex-col'])
+    onClick: _cache[6] || (_cache[6] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)((...args) => $options.toggleDropdown && $options.toggleDropdown(...args), ["prevent"]))
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ESelectvue_type_template_id_49281064_hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['exos-flex exos-flex-col', _ctx.$slots.icon ? [$props.iconRight ? '' : 'exos-pl-5'] : ''])
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", {
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([$options.labelSelected ? $options.labelClass : $options.textSizeClass])
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([$options.labelSelected ? $options.labelClass : $options.textSizeClass, $props.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer'])
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.classBoxLabel)
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.label), 1), $props.required ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", ESelectvue_type_template_id_084d5b24_hoisted_9, "*")) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)], 2), !$props.suggestion ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.label), 1), $props.required ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", ESelectvue_type_template_id_49281064_hoisted_9, "*")) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)], 2), !$props.suggestion ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
     key: 0,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.labelSelectedClass)
-  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.getFormattedOptionSelected($options.labelSelected)), 3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)])], 42, ESelectvue_type_template_id_084d5b24_hoisted_7)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['e-select-icon', _ctx.$slots.icon ? 'right-11' :  true ? $props.iconRight ? 'right-11' : 'right-3' : 0])
-  }, [this.modelValue && $props.showClean ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.getFormattedOptionSelected($options.labelSelected)), 3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)])], 42, ESelectvue_type_template_id_49281064_hoisted_7)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['e-select-icon', $props.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer', _ctx.$slots.icon ? 'exos-right-11' :  true ? $props.iconRight ? 'exos-right-11' : 'exos-right-3' : 0])
+  }, [this.modelValue && $props.showClean && !$props.disabled ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
     key: 0,
     onClick: _cache[7] || (_cache[7] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)((...args) => $options.clean && $options.clean(...args), ["stop", "prevent"])),
-    class: "animate-slide-down"
+    class: "exos-animate-slide-down"
   }, [_ctx.$slots.iconClose ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconClose", {
     key: 0
-  }) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", ESelectvue_type_template_id_084d5b24_hoisted_10, ESelectvue_type_template_id_084d5b24_hoisted_12))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $props.loading ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", ESelectvue_type_template_id_084d5b24_hoisted_13, _hoisted_16)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+  }) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", ESelectvue_type_template_id_49281064_hoisted_10, ESelectvue_type_template_id_49281064_hoisted_12))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $props.loading ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", ESelectvue_type_template_id_49281064_hoisted_13, _hoisted_16)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
     key: 2,
     onClick: _cache[8] || (_cache[8] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)((...args) => $options.toggleDropdown && $options.toggleDropdown(...args), ["prevent"]))
   }, [_ctx.$slots.arrow ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "arrow", {
@@ -21674,9 +21707,9 @@ function ESelectvue_type_template_id_084d5b24_render(_ctx, _cache, $props, $setu
       key: option.value,
       class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([$options.optionsClass, $options.labelSelectedColor(option.value)])
     }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.getFormattedOption(option)), 11, _hoisted_19);
-  }), 128))], 6)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]), !!$data.messageRule ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_20, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($data.messageRule), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]);
+  }), 128))], 6)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]), !!$data.messageRule ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_20, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($data.messageRule), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 512);
 }
-;// CONCATENATED MODULE: ./src/components/ESelect.vue?vue&type=template&id=084d5b24
+;// CONCATENATED MODULE: ./src/components/ESelect.vue?vue&type=template&id=49281064
 
 ;// 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/components/ESelect.vue?vue&type=script&lang=js
 
@@ -21800,6 +21833,14 @@ function ESelectvue_type_template_id_084d5b24_render(_ctx, _cache, $props, $setu
       default: null,
       description: "Grado de la sombra del componente."
     },
+    /**
+     * Bandera para mostrar una línea que rodeará al componente.
+     */
+    outline: {
+      type: Boolean,
+      default: true,
+      description: "Bandera para mostrar una línea que rodeará al componente."
+    },
     /**
      * Color de la línea que rodeará al componente en modo light en caso de que la bandera 'outline' sea true.
      */
@@ -21943,7 +21984,7 @@ function ESelectvue_type_template_id_084d5b24_render(_ctx, _cache, $props, $setu
      */
     selectedLabelColor: {
       type: String,
-      default: "bg-unfocus",
+      default: "exos-bg-unfocus",
       description: "Color bg de la opción que coincida con el valor de la opción ya seleccionada."
     },
     /**
@@ -21951,7 +21992,7 @@ function ESelectvue_type_template_id_084d5b24_render(_ctx, _cache, $props, $setu
      */
     selectedLabelColorDark: {
       type: String,
-      default: "dark:bg-unfocusDark",
+      default: "dark:exos-bg-unfocusDark",
       description: "Color bg de la opción que coincida con el valor de la opción ya seleccionada."
     },
     /**
@@ -21985,86 +22026,87 @@ function ESelectvue_type_template_id_084d5b24_render(_ctx, _cache, $props, $setu
   },
   computed: {
     mainClass() {
-      const baseClasses = [this.shadowClass, this.roundedClass, this.bgColor ?? "bg-field", this.darkBgColor ?? "dark:bg-fieldDark", this.suggestion ? this.textOptTransformClass : "normal-case", this.$slots.icon ? [this.iconRight ? "pl-3" : "pl-4"] : "pl-3"];
-      const errorClasses = this.errorRules ? ["e-select--error"] : ["e-select-base peer", this.color ?? "text-black", this.darkColor ?? "dark:text-white", this.modelValue ? ["outline outline-2", this.outlineColor ?? "outline-secondary", this.darkOutlineColor ?? ""] : ["border-x border-b border-t-0 border-opacity-20 border-gray-700 peer focus:outline focus:outline-2", this.outlineColorFocus ?? "focus:outline-secondary", this.darkOutlineColorFocus ?? "dark:focus:outline-secondary"]];
+      const baseClasses = [this.shadowClass, this.roundedClass, this.bgColor ?? "exos-bg-field", this.darkBgColor ?? "dark:exos-bg-fieldDark", this.suggestion ? this.textOptTransformClass : "exos-normal-case", this.$slots.icon ? [this.iconRight ? "exos-pl-3" : "exos-pl-4"] : "exos-pl-3"];
+      const errorClasses = this.errorRules ? ["e-select--error"] : ["e-select-base exos-peer", this.color ?? "exos-text-black", this.darkColor ?? "dark:exos-text-white", this.outline ? [this.modelValue ? ["exos-outline exos-outline-2", this.outlineColor ?? "exos-outline-secondary", this.darkOutlineColor ?? ""] : ["exos-border-x exos-border-b exos-border-t-0 exos-border-opacity-20 exos-border-gray-700 exos-peer focus:exos-outline focus:exos-outline-2", this.outlineColorFocus ?? "focus:exos-outline-secondary", this.darkOutlineColorFocus ?? "dark:focus:exos-outline-secondary"]] : ["border-none"]];
       return baseClasses.concat(errorClasses);
     },
     arrowClass() {
-      const baseArrowClasses = ["w-4 h-4", this.arrowColor ?? "text-secondary", this.arrowColorDark ?? "dark:text-white"];
-      return this.errorRules ? ["text-danger"] : baseArrowClasses;
+      const baseArrowClasses = ["exos-w-4", "exos-h-4"];
+      const dynamicArrowClasses = [this.arrowColor ?? "exos-text-secondary", this.arrowColorDark ?? "dark:exos-text-white"];
+      return this.errorRules ? ["exos-text-danger", ...baseArrowClasses] : [...baseArrowClasses, ...dynamicArrowClasses];
     },
     optionsClass() {
-      return ["e-select-options", this.textOptTransformClass, this.hoverColor ?? "hover:bg-unfocus", this.darkHoverColor ?? "dark:hover:bg-unfocusDark"];
+      return ["e-select-options", this.textOptTransformClass, this.hoverColor ?? "hover:exos-bg-unfocus", this.darkHoverColor ?? "dark:hover:exos-bg-unfocusDark"];
     },
     containerOptionsClass() {
-      return ["e-select-selected outline outline-2", this.bgColor ?? "bg-field", this.darkBgColor ?? "dark:bg-fieldDark", this.color ?? "text-black", this.darkColor ?? "dark:text-white", this.outlineColor ?? "outline-secondary", this.darkOutlineColor ?? "dark:outline-secondary"];
+      return ["e-select-selected exos-outline exos-outline-2", this.bgColor ?? "exos-bg-field", this.darkBgColor ?? "dark:exos-bg-fieldDark", this.color ?? "exos-text-black", this.darkColor ?? "dark:exos-text-white", this.outlineColor ?? "exos-outline-secondary", this.darkOutlineColor ?? "dark:exos-outline-secondary"];
     },
     labelSelectedClass() {
-      const baseLabelSelectedClasses = ["line-clamp-1 break-all text-left transition duration-500", this.textSizeClass, this.textTransformClass];
-      const iconClasses = this.iconRight ? this.formatSelectedOptionLabel ? "ml-1 pr-14" : "pr-14" : this.formatSelectedOptionLabel ? "ml-1 pr-8" : "pr-8";
+      const baseLabelSelectedClasses = ["exos-line-clamp-1 exos-break-all exos-text-left exos-transition exos-duration-500", this.textSizeClass, this.textTransformClass];
+      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";
       return baseLabelSelectedClasses.concat(iconClasses);
     },
     labelClass() {
       const baseLabelClasses = ["e-select-label", this.roundedClass, this.textSizeClass];
-      const dynamicLabelClasses = this.modelValue ? [this.errorRules ? ["text-danger", "peer-focus:text-danger"] : [this.labelColor ?? "text-secondary", this.labelDarkColor ?? "dark:text-secondary"]] : ["text-black", "dark:text-white"];
+      const dynamicLabelClasses = [this.modelValue ? [this.errorRules ? ["exos-text-danger", "peer-focus:exos-text-danger"] : [this.labelColor ?? "exos-text-secondary", this.labelDarkColor ?? "dark:exos-text-secondary"]] : ["exos-text-black", "dark:exos-text-white"], this.disabled ? "exos-cursor-not-allowed" : "exos-cursor-pointer"];
       return baseLabelClasses.concat(dynamicLabelClasses);
     },
     classBoxLabel() {
-      const baseBoxLabelClasses = ["flex z-10 px-2 rounded-md"];
-      const dynamicBoxLabelClasses = this.modelValue || this.isInputFocused ? [this.bgColor || "bg-field", this.darkBgColor || "dark:bg-fieldDark"] : [];
+      const baseBoxLabelClasses = ["exos-flex exos-z-10 exos-px-2 exos-rounded-md"];
+      const dynamicBoxLabelClasses = [this.modelValue || this.isInputFocused ? [this.bgColor ?? "exos-bg-field", this.darkBgColor ?? "dark:exos-bg-fieldDark"] : []];
       return baseBoxLabelClasses.concat(dynamicBoxLabelClasses);
     },
     textOptTransformClass() {
       const textOptTransformClasses = {
-        upper: "uppercase",
-        lower: "lowercase",
-        cap: "capitalize",
-        normal: "normal-case"
+        upper: "exos-uppercase",
+        lower: "exos-lowercase",
+        cap: "exos-capitalize",
+        normal: "exos-normal-case"
       };
-      return this.textOptTransform ? textOptTransformClasses[this.textOptTransform] : "normal-case";
+      return this.textOptTransform ? textOptTransformClasses[this.textOptTransform] : "exos-normal-case";
     },
     textTransformClass() {
       const textTransformClasses = {
-        upper: "uppercase",
-        lower: "lowercase",
-        cap: "capitalize",
-        normal: "normal-case"
+        upper: "exos-uppercase",
+        lower: "exos-lowercase",
+        cap: "exos-capitalize",
+        normal: "exos-normal-case"
       };
-      return this.textTransform ? textTransformClasses[this.textTransform] : "normal-case";
+      return this.textTransform ? textTransformClasses[this.textTransform] : "exos-normal-case";
     },
     shadowClass() {
       const shadowClasses = {
-        none: "shadow-none",
-        xs: "shadow",
-        sm: "shadow-sm",
-        md: "shadow-md",
-        lg: "shadow-lg ",
-        xl: "shadow-xl",
-        xxl: "shadow-2xl"
+        none: "exos-shadow-none",
+        xs: "exos-shadow",
+        sm: "exos-shadow-sm",
+        md: "exos-shadow-md",
+        lg: "exos-shadow-lg ",
+        xl: "exos-shadow-xl",
+        xxl: "exos-shadow-2xl"
       };
-      return this.shadowSize ? shadowClasses[this.shadowSize] : "shadow-md";
+      return this.shadowSize ? shadowClasses[this.shadowSize] : "exos-shadow-md";
     },
     roundedClass() {
       const roundedClasses = {
-        none: "rounded-none",
-        sm: "rounded",
-        md: "rounded-md",
-        lg: "rounded-lg",
-        xl: "rounded-xl",
-        xxl: "rounded-2xl"
+        none: "exos-rounded-none",
+        sm: "exos-rounded",
+        md: "exos-rounded-md",
+        lg: "exos-rounded-lg",
+        xl: "exos-rounded-xl",
+        xxl: "exos-rounded-2xl"
       };
-      return this.roundedSize ? roundedClasses[this.roundedSize] : "rounded-xl";
+      return this.roundedSize ? roundedClasses[this.roundedSize] : "exos-rounded-xl";
     },
     textSizeClass() {
       const textSizeClasses = {
-        xs: "text-xs",
-        sm: "text-sm",
-        md: "text-base",
-        lg: "text-lg",
-        xl: "text-xl",
-        xxl: "text-2xl"
+        xs: "exos-text-xs",
+        sm: "exos-text-sm",
+        md: "exos-text-base",
+        lg: "exos-text-lg",
+        xl: "exos-text-xl",
+        xxl: "exos-text-2xl"
       };
-      return this.textSize ? textSizeClasses[this.textSize] : "text-base";
+      return this.textSize ? textSizeClasses[this.textSize] : "exos-text-base";
     },
     multipleLabelSelected() {
       if (this.modelValue) {
@@ -22185,6 +22227,7 @@ function ESelectvue_type_template_id_084d5b24_render(_ctx, _cache, $props, $setu
     // Limpia la opción seleccionada del componente
     async clean() {
       this.reset();
+      this.isDropdownOpen = false;
       this.multipleValue = [];
       this.selectedoption = false;
       /**
@@ -22203,16 +22246,20 @@ function ESelectvue_type_template_id_084d5b24_render(_ctx, _cache, $props, $setu
     },
     // Muestra u oculta la ventana con el listado de opciones al seleccionar
     toggleDropdown() {
-      if (this.suggestion && this.auxSuggestions.length == 0) {
-        this.isDropdownOpen = false;
-      } else {
-        this.isDropdownOpen = !this.isDropdownOpen;
+      if (!this.disabled) {
+        if (this.suggestion && this.auxSuggestions.length == 0) {
+          this.isDropdownOpen = false;
+        } else {
+          this.isDropdownOpen = !this.isDropdownOpen;
+        }
       }
     },
     // Emite la opción seleccionada y manda a llamar a la función de validación
     async selectOption(option) {
       this.selectedoption = true;
-      this.isDropdownOpen = false;
+      if (!this.multiple) {
+        this.isDropdownOpen = false;
+      }
       if (this.multiple) {
         await this.selectMultiOption(option);
       } else {
@@ -22261,7 +22308,6 @@ function ESelectvue_type_template_id_084d5b24_render(_ctx, _cache, $props, $setu
     async reset() {
       this.messageRule = false;
       this.errorRules = false;
-      this.isDropdownOpen = false;
     },
     // Realiza la gestión de validación llamando a los métodos correspondientes según el tipo de selección
     validate() {
@@ -22317,7 +22363,7 @@ function ESelectvue_type_template_id_084d5b24_render(_ctx, _cache, $props, $setu
     }
   },
   setup() {
-    const refSelect = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
+    const mainSelectComponent = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
     const isDropdownOpen = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
 
     // Función para cerrar el dropdown
@@ -22326,9 +22372,9 @@ function ESelectvue_type_template_id_084d5b24_render(_ctx, _cache, $props, $setu
     };
 
     // Configura el observador de clic fuera del elemento
-    onClickOutside(refSelect, closeDropdown);
+    onClickOutside(mainSelectComponent, closeDropdown);
     return {
-      refSelect,
+      mainSelectComponent,
       isDropdownOpen,
       closeDropdown,
       onClickOutside: onClickOutside
@@ -22371,10 +22417,10 @@ function ESelectvue_type_template_id_084d5b24_render(_ctx, _cache, $props, $setu
 });
 ;// CONCATENATED MODULE: ./src/components/ESelect.vue?vue&type=script&lang=js
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ESelect.vue?vue&type=style&index=0&id=084d5b24&lang=css
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ESelect.vue?vue&type=style&index=0&id=49281064&lang=css
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/ESelect.vue?vue&type=style&index=0&id=084d5b24&lang=css
+;// CONCATENATED MODULE: ./src/components/ESelect.vue?vue&type=style&index=0&id=49281064&lang=css
 
 // EXTERNAL MODULE: ./node_modules/vue-cli-plugin-styleguidist/empty-object-loader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ESelect.vue?vue&type=custom&index=0&blockType=docs&lang=md
 var ESelectvue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(3029);
@@ -22393,56 +22439,56 @@ if (typeof (ESelectvue_type_custom_index_0_blockType_docs_lang_md_default()) ===
 
 
 ;
-const ESelect_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ESelectvue_type_script_lang_js, [['render',ESelectvue_type_template_id_084d5b24_render]])
+const ESelect_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ESelectvue_type_script_lang_js, [['render',ESelectvue_type_template_id_49281064_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/components/ETable.vue?vue&type=template&id=69c19016&scoped=true
+;// 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/components/ETable.vue?vue&type=template&id=50dea650&scoped=true
 
-const ETablevue_type_template_id_69c19016_scoped_true_withScopeId = n => (_pushScopeId("data-v-69c19016"), n = n(), _popScopeId(), n);
-const ETablevue_type_template_id_69c19016_scoped_true_hoisted_1 = {
+const ETablevue_type_template_id_50dea650_scoped_true_withScopeId = n => (_pushScopeId("data-v-50dea650"), n = n(), _popScopeId(), n);
+const ETablevue_type_template_id_50dea650_scoped_true_hoisted_1 = {
   key: 0
 };
-const ETablevue_type_template_id_69c19016_scoped_true_hoisted_2 = {
+const ETablevue_type_template_id_50dea650_scoped_true_hoisted_2 = {
   key: 0,
-  class: "px-4 py-3"
+  class: "exos-px-4 exos-py-3"
 };
-const ETablevue_type_template_id_69c19016_scoped_true_hoisted_3 = {
-  class: "flex justify-center items-center"
+const ETablevue_type_template_id_50dea650_scoped_true_hoisted_3 = {
+  class: "exos-flex exos-justify-center exos-items-center"
 };
-const ETablevue_type_template_id_69c19016_scoped_true_hoisted_4 = ["onClick"];
-const ETablevue_type_template_id_69c19016_scoped_true_hoisted_5 = {
+const ETablevue_type_template_id_50dea650_scoped_true_hoisted_4 = ["onClick"];
+const ETablevue_type_template_id_50dea650_scoped_true_hoisted_5 = {
   key: 0
 };
-const ETablevue_type_template_id_69c19016_scoped_true_hoisted_6 = {
+const ETablevue_type_template_id_50dea650_scoped_true_hoisted_6 = {
   key: 0,
-  class: "px-4 py-3"
+  class: "exos-px-4 exos-py-3"
 };
-const ETablevue_type_template_id_69c19016_scoped_true_hoisted_7 = {
+const ETablevue_type_template_id_50dea650_scoped_true_hoisted_7 = {
   class: "radio"
 };
-const ETablevue_type_template_id_69c19016_scoped_true_hoisted_8 = ["onClick"];
-const ETablevue_type_template_id_69c19016_scoped_true_hoisted_9 = ["onClick"];
-const ETablevue_type_template_id_69c19016_scoped_true_hoisted_10 = {
-  class: "flex items-center justify-center w-full h-full"
+const ETablevue_type_template_id_50dea650_scoped_true_hoisted_8 = ["onClick"];
+const ETablevue_type_template_id_50dea650_scoped_true_hoisted_9 = ["onClick"];
+const ETablevue_type_template_id_50dea650_scoped_true_hoisted_10 = {
+  class: "exos-flex exos-items-center exos-justify-center exos-w-full exos-h-full"
 };
-const ETablevue_type_template_id_69c19016_scoped_true_hoisted_11 = ["onClick"];
-const ETablevue_type_template_id_69c19016_scoped_true_hoisted_12 = {
-  class: "flex items-center justify-center mt-2 mb-8 flex-col"
+const ETablevue_type_template_id_50dea650_scoped_true_hoisted_11 = ["onClick"];
+const ETablevue_type_template_id_50dea650_scoped_true_hoisted_12 = {
+  class: "exos-flex exos-items-center exos-justify-center exos-mt-2 exos-mb-8 exos-flex-col"
 };
-const ETablevue_type_template_id_69c19016_scoped_true_hoisted_13 = {
+const ETablevue_type_template_id_50dea650_scoped_true_hoisted_13 = {
   key: 1,
-  class: "flex justify-between items-center w-full"
+  class: "exos-flex exos-justify-between exos-items-center exos-w-full"
 };
-const ETablevue_type_template_id_69c19016_scoped_true_hoisted_14 = {
-  class: "min-w-[5rem] flex justify-center"
+const ETablevue_type_template_id_50dea650_scoped_true_hoisted_14 = {
+  class: "exos-min-w-[5rem] exos-flex exos-justify-center"
 };
-const ETablevue_type_template_id_69c19016_scoped_true_hoisted_15 = {
-  class: "w-full flex justify-center items-center"
+const ETablevue_type_template_id_50dea650_scoped_true_hoisted_15 = {
+  class: "exos-w-full exos-flex exos-justify-center exos-items-center"
 };
-const ETablevue_type_template_id_69c19016_scoped_true_hoisted_16 = {
-  class: "min-w-[5rem] flex justify-center"
+const ETablevue_type_template_id_50dea650_scoped_true_hoisted_16 = {
+  class: "exos-min-w-[5rem] exos-flex exos-justify-center"
 };
-function ETablevue_type_template_id_69c19016_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ETablevue_type_template_id_50dea650_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_EIcon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("EIcon");
   const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("e-icon");
   const _component_EPaginationTable = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("EPaginationTable");
@@ -22450,24 +22496,24 @@ function ETablevue_type_template_id_69c19016_scoped_true_render(_ctx, _cache, $p
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.mainClass)
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("table", {
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['shadow-lg p-5 min-w-full table-auto', $props.bgColor, $props.darkBgColor])
-  }, [$props.haveTitle ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("caption", ETablevue_type_template_id_69c19016_scoped_true_hoisted_1, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.title), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("thead", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("tr", null, [$props.select ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("th", ETablevue_type_template_id_69c19016_scoped_true_hoisted_2, "Selecciona")) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($options.finalColumns, (col, indexCol) => {
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['exos-shadow-lg exos-p-5 exos-min-w-full exos-table-auto', $props.bgColor, $props.darkBgColor])
+  }, [$props.haveTitle ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("caption", ETablevue_type_template_id_50dea650_scoped_true_hoisted_1, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.title), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("thead", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("tr", null, [$props.select ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("th", ETablevue_type_template_id_50dea650_scoped_true_hoisted_2, "Selecciona")) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($options.finalColumns, (col, indexCol) => {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("th", {
       key: 'col' + indexCol,
       class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([$options.headerClass, $options.styleHeaderClass(indexCol)])
-    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_69c19016_scoped_true_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
-      class: "text-center cursor-default",
+    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_50dea650_scoped_true_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+      class: "exos-text-center exos-cursor-default",
       style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)(col.style)
     }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(col.title), 5), col.sortable ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
       key: 0,
-      class: "cursor-pointer flex items-center",
+      class: "exos-cursor-pointer exos-flex exos-items-center",
       onClick: $event => $options.handleSort(col)
     }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_EIcon, {
       name: $data.sortBy === col.field ? $data.descending ? 'arrow_drop_down' : 'arrow_drop_up' : 'ebind:flechas-arriba-abajo',
-      class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([this.arrowsColor ?? 'text-secondary', this.arrowsColorDark ?? 'dark:text-secondary']),
+      class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([this.arrowsColor ?? 'exos-text-secondary', this.arrowsColorDark ?? 'dark:exos-text-secondary']),
       size: $data.sortBy === col.field ? 'sm' : '1em'
-    }, null, 8, ["name", "class", "size"])], 8, ETablevue_type_template_id_69c19016_scoped_true_hoisted_4)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])], 2);
-  }), 128))]), $props.headerSeparator ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("tr", ETablevue_type_template_id_69c19016_scoped_true_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+    }, null, 8, ["name", "class", "size"])], 8, ETablevue_type_template_id_50dea650_scoped_true_hoisted_4)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])], 2);
+  }), 128))]), $props.headerSeparator ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("tr", ETablevue_type_template_id_50dea650_scoped_true_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($props.headerSeparator)
   }, null, 2)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("tbody", null, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($options.finalRows, ({
     row,
@@ -22476,10 +22522,10 @@ function ETablevue_type_template_id_69c19016_scoped_true_render(_ctx, _cache, $p
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("tr", {
       class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.bodyClass),
       key: 'row' + indexRow
-    }, [$props.select ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("td", ETablevue_type_template_id_69c19016_scoped_true_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_69c19016_scoped_true_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", {
+    }, [$props.select ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("td", ETablevue_type_template_id_50dea650_scoped_true_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_50dea650_scoped_true_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", {
       type: "radio",
       onClick: $event => $options.handleSelect(rowOrig)
-    }, null, 8, ETablevue_type_template_id_69c19016_scoped_true_hoisted_8)])])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($options.finalColumns, (col, indexCol) => {
+    }, null, 8, ETablevue_type_template_id_50dea650_scoped_true_hoisted_8)])])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($options.finalColumns, (col, indexCol) => {
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, {
         key: 'col' + indexCol
       }, [!!_ctx.$slots[`cell-name-${col.field}`] ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, `cell-name-${col.field}`, {
@@ -22487,36 +22533,36 @@ function ETablevue_type_template_id_69c19016_scoped_true_render(_ctx, _cache, $p
         value: row[col.field],
         rowModified: row,
         col: col,
-        class: "text-center",
-        isSelectedETable: indexRow == $data.indexRowSelected ? 'bg-secondary bg-opacity-50' : '',
+        class: "exos-text-center",
+        isSelectedETable: indexRow == $data.indexRowSelected ? 'exos-bg-secondary exos-bg-opacity-50' : '',
         indexRowETable: indexRow
       }, undefined, true) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("td", {
         key: 1,
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.styleRowClass(col, indexRow, $data.indexRowSelected)),
         onClick: $event => col.isClickeable ? $options.handleClickEmit(row, col.field, col, indexRow) : false
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_69c19016_scoped_true_hoisted_10, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(row[col.field + `${col.readObject ? col.readObject : ""}`]), 1), col.copy ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_50dea650_scoped_true_hoisted_10, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(row[col.field + `${col.readObject ? col.readObject : ""}`]), 1), col.copy ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
         key: 0,
-        class: "flex items-center justify-center ml-1 cursor-pointer",
-        onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.handleCopyRow(row, col), ["stop"])
+        onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.handleCopyRow(row, col), ["stop"]),
+        class: "exos-flex exos-items-center exos-justify-center exos-ml-1 exos-cursor-pointer"
       }, [_ctx.$slots.iconCopy ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconCopy", {
         key: 0
       }, undefined, true) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_e_icon, {
         key: 1,
         size: "xs",
         name: "content_copy",
-        textColor: "text-primary"
-      }))], 8, ETablevue_type_template_id_69c19016_scoped_true_hoisted_11)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])], 10, ETablevue_type_template_id_69c19016_scoped_true_hoisted_9))], 64);
+        textColor: "exos-text-primary"
+      }))], 8, ETablevue_type_template_id_50dea650_scoped_true_hoisted_11)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])], 10, ETablevue_type_template_id_50dea650_scoped_true_hoisted_9))], 64);
     }), 128))], 2);
-  }), 128))])], 2)], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_69c19016_scoped_true_hoisted_12, [$props.rows.length < 1 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+  }), 128))])], 2)], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_50dea650_scoped_true_hoisted_12, [$props.rows.length < 1 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
     key: 0,
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([$options.bodyClass, "flex items-center justify-center min-h-[10rem] w-full"])
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "noData", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)(" No existen datos para mostrar ")], true)], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $options.numPagesTotal !== null ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ETablevue_type_template_id_69c19016_scoped_true_hoisted_13, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_69c19016_scoped_true_hoisted_14, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "btn-bl", {}, undefined, true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_69c19016_scoped_true_hoisted_15, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_EPaginationTable, {
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([$options.bodyClass, "exos-flex exos-items-center exos-justify-center exos-min-h-[10rem] exos-w-full"])
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "noData", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)(" No existen datos para mostrar ")], true)], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $options.numPagesTotal !== null ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ETablevue_type_template_id_50dea650_scoped_true_hoisted_13, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_50dea650_scoped_true_hoisted_14, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "btn-bl", {}, undefined, true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_50dea650_scoped_true_hoisted_15, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_EPaginationTable, {
     numPagesTotal: $options.numPagesTotal,
     modelValue: $data.currentPage,
     "onUpdate:modelValue": [_cache[0] || (_cache[0] = $event => $data.currentPage = $event), _cache[1] || (_cache[1] = $event => $options.handleRequest(true))],
     ref: "paginationRef"
   }, null, 8, ["numPagesTotal", "modelValue"])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_ESelect, {
-    border: false,
+    outline: false,
     showClean: false,
     shadowSize: "none",
     bgColor: $options.bgSelectPaginationClassLight,
@@ -22524,9 +22570,9 @@ function ETablevue_type_template_id_69c19016_scoped_true_render(_ctx, _cache, $p
     modelValue: $data.numRowsByPage,
     "onUpdate:modelValue": [_cache[2] || (_cache[2] = $event => $data.numRowsByPage = $event), $options.handleReload],
     options: $props.rowsByPage
-  }, null, 8, ["bgColor", "darkBgColor", "modelValue", "options", "onUpdate:modelValue"])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_69c19016_scoped_true_hoisted_16, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "btn-br", {}, undefined, true)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])], 64);
+  }, null, 8, ["bgColor", "darkBgColor", "modelValue", "options", "onUpdate:modelValue"])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_50dea650_scoped_true_hoisted_16, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "btn-br", {}, undefined, true)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])], 64);
 }
-;// CONCATENATED MODULE: ./src/components/ETable.vue?vue&type=template&id=69c19016&scoped=true
+;// CONCATENATED MODULE: ./src/components/ETable.vue?vue&type=template&id=50dea650&scoped=true
 
 ;// CONCATENATED MODULE: ./node_modules/ramda/es/is.js
 
@@ -22563,18 +22609,18 @@ _curry2(function is(Ctor, val) {
 ;// CONCATENATED MODULE: ./src/components/plugins/notify.js
 function createIconSvg(type, fill, colorBgIcon) {
   const svgPath = type.toLowerCase() === "success" ? "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z" : type.toLowerCase() === "error" ? "M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" : "";
-  return `<svg class="flex-shrink-0 inline w-6 h-6 mr-3 ${colorBgIcon}" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  return `<svg class="exos-flex-shrink-0 exos-inline exos-w-6 exos-h-6 exos-mr-3 ${colorBgIcon}" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     <path ${type.toLowerCase() === "success" ? 'stroke-linecap="round" stroke-linejoin="round" stroke-width="1"' : type.toLowerCase() === "error" ? 'stroke-linecap="round" stroke-linejoin="round" stroke-width="1"' : ""} d="${svgPath}"/>
   </svg>`;
 }
 function show(type, message) {
   const colorMap = {
-    success: "text-white bg-green-500 dark:bg-gray-800 dark:text-green-400",
-    error: "text-white bg-red-500 dark:bg-gray-800 dark:text-red-400"
+    success: "exos-text-white exos-bg-green-500 dark:exos-bg-gray-800 dark:exos-text-green-400",
+    error: "exos-text-white exos-bg-red-500 dark:exos-bg-gray-800 dark:exos-text-red-400"
   };
   const colorBgIconMap = {
-    success: "fill-white dark:fill-green-400",
-    error: "fill-white dark:fill-red-400"
+    success: "exos-fill-white dark:exos-fill-green-400",
+    error: "exos-fill-white dark:exos-fill-red-400"
   };
   const colorBgIcon = colorBgIconMap[type.toLowerCase()] || "";
   const color = colorMap[type.toLowerCase()] || "";
@@ -22582,7 +22628,7 @@ function show(type, message) {
   const icon = createIconSvg(type, fill, colorBgIcon);
   const description = message !== undefined && message !== null && message !== "" ? message : "";
   const html = `
-    <div id="notifyApp" class="fixed flex top-2 left-1/2 transform -translate-x-1/2 z-50 items-center p-4 text-md rounded-lg w-fit ${color}">
+    <div id="notifyApp" class="exos-fixed exos-flex exos-top-2 exos-left-1/2 exos-transform -exos-translate-x-1/2 exos-z-50 exos-items-center exos-p-4 exos-text-md exos-rounded-lg exos-w-fit ${color}">
       ${icon}
       <div>
         ${description}
@@ -22602,17 +22648,17 @@ async function hide() {
 const notify = {
   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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EDialog.vue?vue&type=template&id=14f7a9c0
+;// 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/components/EDialog.vue?vue&type=template&id=3666bc65
 
-const EDialogvue_type_template_id_14f7a9c0_hoisted_1 = {
+const EDialogvue_type_template_id_3666bc65_hoisted_1 = {
   key: 0,
-  class: "fixed inset-0 flex items-center justify-center bg-zinc-400 bg-opacity-40 z-50"
+  class: "exos-fixed exos-inset-0 exos-flex exos-items-center exos-justify-center exos-bg-zinc-400 exos-bg-opacity-40 exos-z-50"
 };
-const EDialogvue_type_template_id_14f7a9c0_hoisted_2 = {
+const EDialogvue_type_template_id_3666bc65_hoisted_2 = {
   key: 0,
-  class: "flex w-full justify-end"
+  class: "exos-flex exos-w-full exos-justify-end"
 };
-const EDialogvue_type_template_id_14f7a9c0_hoisted_3 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("svg", {
+const EDialogvue_type_template_id_3666bc65_hoisted_3 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
@@ -22626,43 +22672,43 @@ const EDialogvue_type_template_id_14f7a9c0_hoisted_3 = /*#__PURE__*/(0,external_
   "stroke-linejoin": "round",
   d: "M6 18L18 6M6 6l12 12"
 })], -1);
-const EDialogvue_type_template_id_14f7a9c0_hoisted_4 = [EDialogvue_type_template_id_14f7a9c0_hoisted_3];
-const EDialogvue_type_template_id_14f7a9c0_hoisted_5 = {
+const EDialogvue_type_template_id_3666bc65_hoisted_4 = [EDialogvue_type_template_id_3666bc65_hoisted_3];
+const EDialogvue_type_template_id_3666bc65_hoisted_5 = {
   key: 2,
-  class: "flex flex-col justify-center mt-3 mb-4 w-full"
+  class: "exos-flex exos-flex-col exos-justify-center exos-mt-3 exos-mb-4 exos-w-full"
 };
-const EDialogvue_type_template_id_14f7a9c0_hoisted_6 = {
-  class: "flex flex-wrap w-[30%] pb-1.5 gap-x-2 gap-y-1 items-center justify-center"
+const EDialogvue_type_template_id_3666bc65_hoisted_6 = {
+  class: "exos-flex exos-flex-wrap exos-w-[30%] exos-pb-1.5 exos-gap-x-2 exos-gap-y-1 exos-items-center exos-justify-center"
 };
-function EDialogvue_type_template_id_14f7a9c0_render(_ctx, _cache, $props, $setup, $data, $options) {
+function EDialogvue_type_template_id_3666bc65_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_EIcon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("EIcon");
   const _component_EBtn = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("EBtn");
   const _directive_saveHTML = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveDirective)("saveHTML");
-  return $options.showDialog ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EDialogvue_type_template_id_14f7a9c0_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([!_ctx.$slots.content ? 'w-1/2' : 'min-w-2/3', $options.mainClass])
+  return $options.showDialog ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EDialogvue_type_template_id_3666bc65_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([!_ctx.$slots.content ? 'exos-w-1/2' : 'exos-min-w-2/3', $options.mainClass])
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
     ref: "focusButton",
     onClick: _cache[0] || (_cache[0] = (...args) => $options.handleEnter && $options.handleEnter(...args)),
-    class: "opacity-0 absolute w-0 h-0 overflow-hidden"
+    class: "exos-opacity-0 exos-absolute exos-w-0 exos-h-0 exos-overflow-hidden"
   }, null, 512), !_ctx.$slots.content ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, {
     key: 0
-  }, [$props.closeBtn ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EDialogvue_type_template_id_14f7a9c0_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
-    class: "inline-block rounded-full cursor-pointer shadow-md p-1.5 h-9 w-9 bg-zinc-100 dark:bg-fieldDark",
+  }, [$props.closeBtn ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EDialogvue_type_template_id_3666bc65_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+    class: "exos-inline-block exos-rounded-full exos-cursor-pointer exos-shadow-md exos-p-1.5 exos-h-9 exos-w-9 exos-bg-zinc-100 dark:exos-bg-fieldDark",
     onClick: _cache[1] || (_cache[1] = (...args) => $options.close && $options.close(...args))
-  }, EDialogvue_type_template_id_14f7a9c0_hoisted_4)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), !!$props.icon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+  }, EDialogvue_type_template_id_3666bc65_hoisted_4)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), !!$props.icon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
     key: 1,
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([$props.colorBgIcon ? $props.colorBgIcon : 'bg-secondary', "flex items-center justify-center absolute -top-8 left-1/2 transform -translate-x-1/2 shadow-lg rounded-full w-[4.3rem] h-[4.3rem] border-4 border-field"])
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([$props.colorBgIcon ?? 'exos-bg-secondary', "exos-flex exos-items-center exos-justify-center exos-absolute -exos-top-8 exos-left-1/2 exos-transform -exos-translate-x-1/2 exos-shadow-lg exos-rounded-full exos-w-[4.3rem] exos-h-[4.3rem] exos-border-4 exos-border-field"])
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_EIcon, {
     name: $props.icon,
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($props.colorIcon ? $props.colorIcon : 'text-white'),
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($props.colorIcon ?? 'exos-text-white'),
     size: "xl"
   }, null, 8, ["name", "class"])], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([!!$props.icon && !$props.closeBtn ? 'mt-9' : 'mt-0', $options.titleClass])
-  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.title ? $props.title : ""), 3), $props.description != '' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EDialogvue_type_template_id_14f7a9c0_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.withDirectives)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([!!$props.icon && !$props.closeBtn ? 'exos-mt-9' : 'exos-mt-0', $options.titleClass])
+  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.title ?? ""), 3), $props.description != '' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EDialogvue_type_template_id_3666bc65_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.withDirectives)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.descClass)
-  }, null, 2), [[_directive_saveHTML, $props.description]])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EDialogvue_type_template_id_14f7a9c0_hoisted_6, [$props.errorBtn ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_EBtn, {
+  }, null, 2), [[_directive_saveHTML, $props.description]])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EDialogvue_type_template_id_3666bc65_hoisted_6, [$props.errorBtn ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_EBtn, {
     key: 0,
-    width: "w-full",
+    width: "exos-w-full",
     roundedSize: "md",
     text: $props.textErrorBtn,
     onClick: $options.close
@@ -22673,7 +22719,7 @@ function EDialogvue_type_template_id_14f7a9c0_render(_ctx, _cache, $props, $setu
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.contentClass)
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "content")], 2))], 2)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true);
 }
-;// CONCATENATED MODULE: ./src/components/EDialog.vue?vue&type=template&id=14f7a9c0
+;// CONCATENATED MODULE: ./src/components/EDialog.vue?vue&type=template&id=3666bc65
 
 ;// 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/components/EDialog.vue?vue&type=script&lang=js
 
@@ -22690,84 +22736,96 @@ function EDialogvue_type_template_id_14f7a9c0_render(_ctx, _cache, $props, $setu
      */
     show: {
       type: Boolean,
-      default: false
+      default: false,
+      description: "Muestra u oculta el componente."
     },
     /**
      * Muestra u oculta el botón para cerrar el componente.
      */
     closeBtn: {
       type: Boolean,
-      default: false
+      default: false,
+      description: "Muestra u oculta el botón para cerrar el componente."
     },
     /**
      * Permite cerrar el componente por cuenta propia.
      */
     closeable: {
       type: Boolean,
-      default: false
+      default: false,
+      description: "Permite cerrar el componente por cuenta propia."
     },
     /**
      * Permite mostrar un ícono en la parte del encabezado.
      */
     icon: {
       type: String,
-      default: null
+      default: null,
+      description: "Permite mostrar un ícono en la parte del encabezado."
     },
     /**
      * Setea el color de fondo en modo light.
      */
     bgColor: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea el color de fondo en modo light."
     },
     /**
      * Setea el color de fondo en modo dark.
      */
     bgColorDark: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea el color de fondo en modo dark."
     },
     /**
      * Setea el título del componente.
      */
     title: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea el título del componente."
     },
     /**
      * Setea el color del título en modo light.
      */
     titleColor: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea el color del título en modo light."
     },
     /**
      * Setea el color del título en modo dark.
      */
     titleColorDark: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea el color del título en modo dark."
     },
     /**
      * Setea la descripción del componente.
      */
     description: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea la descripción del componente."
     },
     /**
      * Setea el color de la descripción en modo light.
      */
     descColor: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea el color de la descripción en modo light."
     },
     /**
      * Setea el color de la descripción en modo dark.
      */
     descColorDark: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea el color de la descripción en modo dark."
     },
     /**
      * Setea el tamaño del texto del título.
@@ -22792,28 +22850,32 @@ function EDialogvue_type_template_id_14f7a9c0_render(_ctx, _cache, $props, $setu
      */
     errorBtn: {
       type: Boolean,
-      default: false
+      default: false,
+      description: "Muestra un botón de error."
     },
     /**
      * Setea el texto del botón de error.
      */
     textErrorBtn: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea el texto del botón de error."
     },
     /**
      * Setea el color del ícono del encabezado.
      */
     colorIcon: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea el color del ícono del encabezado."
     },
     /**
      * Setea el color de fondo del ícono del encabezado.
      */
     colorBgIcon: {
       type: String,
-      default: null
+      default: null,
+      description: "Setea el color de fondo del ícono del encabezado."
     }
   },
   data() {
@@ -22823,38 +22885,38 @@ function EDialogvue_type_template_id_14f7a9c0_render(_ctx, _cache, $props, $setu
   },
   computed: {
     mainClass() {
-      return ["relative flex flex-col justify-center items-center p-6 rounded-md shadow-md border-x border-b border-opacity-10 border-gray-700", this.bgColor ? this.bgColor : "bg-field", this.bgColor ? this.bgColor : "dark:bg-fieldDark"];
+      return ["exos-relative exos-flex exos-flex-col exos-justify-center exos-items-center exos-p-6 exos-rounded-md exos-shadow-md exos-border-x exos-border-b exos-border-opacity-10 exos-border-gray-700", this.bgColor ?? "exos-bg-field", this.bgColorDark ?? "dark:exos-bg-fieldDark"];
     },
     titleClass() {
-      return ["flex justify-center font-semibold w-full", this.textTitleSizeClass, this.titleColor ? this.titleColor : "text-slate-500", this.titleColorDark ? this.titleColorDark : "dark:text-slate-500"];
+      return ["exos-flex exos-justify-center exos-font-semibold exos-w-full", this.textTitleSizeClass, this.titleColor ?? "exos-text-slate-500", this.titleColorDark ?? "dark:exos-text-slate-500"];
     },
     descClass() {
-      return ["flex justify-center text-center font-semibold w-full tracking-[.0125rem]", this.textDescSizeClass, this.descColor ? this.descColor : "text-slate-400", this.descColorDark ? this.descColorDark : "dark:text-slate-400"];
+      return ["exos-flex exos-justify-center exos-text-center exos-font-semibold exos-w-full exos-tracking-[.0125rem]", this.textDescSizeClass, this.descColor ?? "exos-text-slate-400", this.descColorDark ?? "dark:exos-text-slate-400"];
     },
     contentClass() {
-      return ["flex flex-wrap gap-x-2 gap-y-1 items-center justify-center"];
+      return ["exos-flex exos-flex-wrap exos-gap-x-2 exos-gap-y-1 exos-items-center exos-justify-center"];
     },
     textDescSizeClass() {
       const textSizeClasses = {
-        xs: "text-xs",
-        sm: "text-sm",
-        md: "text-base",
-        lg: "text-lg",
-        xl: "text-xl",
-        xxl: "text-2xl"
+        xs: "exos-text-xs",
+        sm: "exos-text-sm",
+        md: "exos-text-base",
+        lg: "exos-text-lg",
+        xl: "exos-text-xl",
+        xxl: "exos-text-2xl"
       };
-      return this.textDescSize ? textSizeClasses[this.textDescSize] : "text-base";
+      return this.textDescSize ? textSizeClasses[this.textDescSize] : "exos-text-base";
     },
     textTitleSizeClass() {
       const textSizeClasses = {
-        xs: "text-xs",
-        sm: "text-sm",
-        md: "text-base",
-        lg: "text-lg",
-        xl: "text-xl",
-        xxl: "text-2xl"
+        xs: "exos-text-xs",
+        sm: "exos-text-sm",
+        md: "exos-text-base",
+        lg: "exos-text-lg",
+        xl: "exos-text-xl",
+        xxl: "exos-text-2xl"
       };
-      return this.textTitleSize ? textSizeClasses[this.textTitleSize] : "text-2xl";
+      return this.textTitleSize ? textSizeClasses[this.textTitleSize] : "exos-text-2xl";
     },
     showDialog() {
       return this.closeable ? this.isOpen : this.show;
@@ -22906,7 +22968,7 @@ function EDialogvue_type_template_id_14f7a9c0_render(_ctx, _cache, $props, $setu
 
 
 ;
-const EDialog_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EDialogvue_type_script_lang_js, [['render',EDialogvue_type_template_id_14f7a9c0_render]])
+const EDialog_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EDialogvue_type_script_lang_js, [['render',EDialogvue_type_template_id_3666bc65_render]])
 
 /* harmony default export */ var EDialog = (EDialog_exports_);
 ;// CONCATENATED MODULE: ./src/components/my-directives.js
@@ -22986,8 +23048,8 @@ function message_render(title, description) {
         errorBtn: true,
         textErrorBtn: "Aceptar",
         icon: "close",
-        colorBgIcon: "bg-zinc-400",
-        colorIcon: "text-content",
+        colorBgIcon: "exos-bg-zinc-400",
+        colorIcon: "exos-text-content",
         title: title,
         description: description
       });
@@ -23345,7 +23407,7 @@ const message = message_show;
      */
     bgColor: {
       type: String,
-      default: "bg-field",
+      default: "exos-bg-field",
       description: "Color bg de la sección body del componente en modo light."
     },
     /**
@@ -23353,7 +23415,7 @@ const message = message_show;
      */
     darkBgColor: {
       type: String,
-      default: "dark:bg-fieldDark",
+      default: "dark:exos-bg-fieldDark",
       description: "Color bg de la sección body del componente en modo dark."
     },
     /**
@@ -23456,54 +23518,54 @@ const message = message_show;
   },
   computed: {
     mainClass() {
-      return ["overflow-x-auto", this.roundedClass, this.borderTable ? ["border-x border-b border-t-0 border-opacity-20 ", this.borderColorTable ?? "border-gray-700"] : "border-none"];
+      return ["exos-overflow-x-auto", this.roundedClass, this.borderTable ? ["exos-border-x exos-border-b exos-border-t-0 exos-border-opacity-20 ", this.borderColorTable ?? "exos-border-gray-700"] : "exos-border-none"];
     },
     bgSelectPaginationClassLight() {
-      return this.paginationBg ?? "bg-bgGralLight";
+      return this.paginationBg ?? "exos-bg-bgGralLight";
     },
     bgSelectPaginationClassDark() {
-      return this.paginationBgDark ?? "dark:bg-bgGralDark";
+      return this.paginationBgDark ?? "dark:exos-bg-bgGralDark";
     },
     borderBodyClass() {
       const borderBodyClasses = {
-        none: "border-none",
-        all: "border",
-        extern: "border-y-2",
-        buttom: "border-b-2",
-        left: "border-l-2",
-        right: "border-e-2",
-        top: "border-t-2"
+        none: "exos-border-none",
+        all: "exos-border",
+        extern: "exos-border-y-2",
+        buttom: "exos-border-b-2",
+        left: "exos-border-l-2",
+        right: "exos-border-e-2",
+        top: "exos-border-t-2"
       };
-      return this.borderBody ? borderBodyClasses[this.borderBody] : "border";
+      return this.borderBody ? borderBodyClasses[this.borderBody] : "exos-border";
     },
     borderHeaderClass() {
       const borderHeaderClasses = {
-        none: "border-none",
-        all: "border",
-        extern: "border-y-2",
-        buttom: "border-b-2",
-        left: "border-l-2",
-        right: "border-e-2",
-        top: "border-t-2"
+        none: "exos-border-none",
+        all: "exos-border",
+        extern: "exos-border-y-2",
+        buttom: "exos-border-b-2",
+        left: "exos-border-l-2",
+        right: "exos-border-e-2",
+        top: "exos-border-t-2"
       };
-      return this.borderHeader ? borderHeaderClasses[this.borderHeader] : "border";
+      return this.borderHeader ? borderHeaderClasses[this.borderHeader] : "exos-border";
     },
     headerClass() {
-      return ["e-table-header", this.borderHeaderClass, this.bgHeaderColor ?? "bg-field", this.bgHeaderColorDark ?? "dark:bg-fieldDark", this.textColorHeader ?? "text-black", this.textColorHeaderDark ?? "dark:text-white"];
+      return ["e-table-header", this.borderHeaderClass, this.bgHeaderColor ?? "exos-bg-field", this.bgHeaderColorDark ?? "dark:exos-bg-fieldDark", this.textColorHeader ?? "exos-text-black", this.textColorHeaderDark ?? "dark:exos-text-white"];
     },
     bodyClass() {
-      return ["text-center text-sm font-normal", this.textColor ?? "text-gray-500", this.textColorDark ?? "dark:text-gray-400"];
+      return ["exos-text-center exos-text-sm exos-font-normal", this.textColor ?? "exos-text-gray-500", this.textColorDark ?? "dark:exos-text-gray-400"];
     },
     roundedClass() {
       const roundedClasses = {
-        none: "rounded-none",
-        sm: "rounded",
-        md: "rounded-md",
-        lg: "rounded-lg",
-        xl: "rounded-xl",
-        xxl: "rounded-2xl"
+        none: "exos-rounded-none",
+        sm: "exos-rounded",
+        md: "exos-rounded-md",
+        lg: "exos-rounded-lg",
+        xl: "exos-rounded-xl",
+        xxl: "exos-rounded-2xl"
       };
-      return this.roundedSize ? roundedClasses[this.roundedSize] : "rounded-xl";
+      return this.roundedSize ? roundedClasses[this.roundedSize] : "exos-rounded-xl";
     },
     paginationRows() {
       let auxRows = [...this.rows];
@@ -23577,26 +23639,26 @@ const message = message_show;
   methods: {
     roundedHeaderClass(side) {
       const roundedHeaderClasses = {
-        none: "rounded-none",
+        none: "exos-rounded-none",
         sm: {
-          l: "rounded-l-sm",
-          r: "rounded-sm"
+          l: "exos-rounded-l-sm",
+          r: "exos-rounded-sm"
         },
         md: {
-          l: "rounded-l-md",
-          r: "rounded-e-md"
+          l: "exos-rounded-l-md",
+          r: "exos-rounded-e-md"
         },
         lg: {
-          l: "rounded-l-lg",
-          r: "rounded-e-lg"
+          l: "exos-rounded-l-lg",
+          r: "exos-rounded-e-lg"
         },
         xl: {
-          l: "rounded-l-xl",
-          r: "rounded-e-xl"
+          l: "exos-rounded-l-xl",
+          r: "exos-rounded-e-xl"
         },
         xxl: {
-          l: "rounded-l-2xl",
-          r: "rounded-e-2xl"
+          l: "exos-rounded-l-2xl",
+          r: "exos-rounded-e-2xl"
         }
       };
       return roundedHeaderClasses[this.roundedHeaderSize]?.[side] ?? null;
@@ -23607,7 +23669,7 @@ const message = message_show;
     styleRowClass(col, indexRow, indexRowSelected) {
       const isClickable = col.isClickeable;
       const isSelected = indexRowSelected === indexRow;
-      return [col.style ?? "", this.borderBodyClass, "text-opacity text-center px-4 py-2", isClickable && isSelected ? ["font-semibold", this.clickeableSelectedColor || "text-white"] : [isClickable ? ["cursor-pointer", this.isClickeableColor || "text-secondary dark:text-white"] : ["cursor-auto"]], isSelected ? [this.bgRowSelected || "bg-secondary", this.bgRowSelectedDark || "dark:bg-secondary", "bg-opacity-50", isClickable && isSelected ? "" : ["text-opacity-90", this.textColorRowSelected || "text-white", this.textColorRowSelectedDark || "dark:text-white"]] : ""];
+      return [col.style ?? "", this.borderBodyClass, "exos-text-opacity exos-text-center exos-px-4 exos-py-2", isClickable && isSelected ? ["exos-font-semibold", this.clickeableSelectedColor ?? "exos-text-white"] : [isClickable ? ["exos-cursor-pointer", this.isClickeableColor ?? "exos-text-secondary dark:exos-text-white"] : ["exos-cursor-auto"]], isSelected ? [this.bgRowSelected ?? "exos-bg-secondary", this.bgRowSelectedDark ?? "dark:exos-bg-secondary", "exos-bg-opacity-50", isClickable && isSelected ? "" : ["exos-text-opacity-90", this.textColorRowSelected ?? "exos-text-white", this.textColorRowSelectedDark ?? "dark:exos-text-white"]] : ""];
     },
     handleSetPage(page) {
       this.$refs.paginationRef.setPage(page);
@@ -23769,10 +23831,10 @@ const message = message_show;
 });
 ;// CONCATENATED MODULE: ./src/components/ETable.vue?vue&type=script&lang=js
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ETable.vue?vue&type=style&index=0&id=69c19016&scoped=true&lang=css
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ETable.vue?vue&type=style&index=0&id=50dea650&scoped=true&lang=css
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/ETable.vue?vue&type=style&index=0&id=69c19016&scoped=true&lang=css
+;// CONCATENATED MODULE: ./src/components/ETable.vue?vue&type=style&index=0&id=50dea650&scoped=true&lang=css
 
 // EXTERNAL MODULE: ./node_modules/vue-cli-plugin-styleguidist/empty-object-loader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ETable.vue?vue&type=custom&index=0&blockType=docs&lang=md
 var ETablevue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(4816);
@@ -23791,69 +23853,69 @@ if (typeof (ETablevue_type_custom_index_0_blockType_docs_lang_md_default()) ===
 
 
 ;
-const ETable_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ETablevue_type_script_lang_js, [['render',ETablevue_type_template_id_69c19016_scoped_true_render],['__scopeId',"data-v-69c19016"]])
+const ETable_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ETablevue_type_script_lang_js, [['render',ETablevue_type_template_id_50dea650_scoped_true_render],['__scopeId',"data-v-50dea650"]])
 
 /* 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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ECollapse.vue?vue&type=template&id=7a4e69b1&scoped=true
+;// 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/components/ECollapse.vue?vue&type=template&id=161f7c65&scoped=true
 
-const ECollapsevue_type_template_id_7a4e69b1_scoped_true_withScopeId = n => ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.pushScopeId)("data-v-7a4e69b1"), n = n(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.popScopeId)(), n);
-const ECollapsevue_type_template_id_7a4e69b1_scoped_true_hoisted_1 = {
-  class: "flex flex-col w-full h-full relative"
+const ECollapsevue_type_template_id_161f7c65_scoped_true_withScopeId = n => ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.pushScopeId)("data-v-161f7c65"), n = n(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.popScopeId)(), n);
+const ECollapsevue_type_template_id_161f7c65_scoped_true_hoisted_1 = {
+  class: "exos-flex exos-flex-col exos-w-full exos-h-full exos-relative"
 };
-const ECollapsevue_type_template_id_7a4e69b1_scoped_true_hoisted_2 = {
-  class: "flex justify-start items-center space-x-3 w-full h-full"
+const ECollapsevue_type_template_id_161f7c65_scoped_true_hoisted_2 = {
+  class: "exos-flex exos-justify-start exos-items-center exos-space-x-3 exos-w-full exos-h-full"
 };
-const ECollapsevue_type_template_id_7a4e69b1_scoped_true_hoisted_3 = {
+const ECollapsevue_type_template_id_161f7c65_scoped_true_hoisted_3 = {
   key: 0
 };
-const ECollapsevue_type_template_id_7a4e69b1_scoped_true_hoisted_4 = {
+const ECollapsevue_type_template_id_161f7c65_scoped_true_hoisted_4 = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   width: "25.56",
   height: "25",
   viewBox: "0 0 25.56 25"
 };
-const ECollapsevue_type_template_id_7a4e69b1_scoped_true_hoisted_5 = /*#__PURE__*/ECollapsevue_type_template_id_7a4e69b1_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
+const ECollapsevue_type_template_id_161f7c65_scoped_true_hoisted_5 = /*#__PURE__*/ECollapsevue_type_template_id_161f7c65_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
   id: "filter_alt_FILL0_wght400_GRAD0_opsz48",
   d: "M52.769-192.5a1.512,1.512,0,0,1-1.113-.449,1.512,1.512,0,0,1-.449-1.113v-9.375l-9.336-11.914a1.182,1.182,0,0,1-.156-1.406,1.284,1.284,0,0,1,1.211-.742H65.738a1.284,1.284,0,0,1,1.211.742,1.182,1.182,0,0,1-.156,1.406l-9.336,11.914v9.375a1.512,1.512,0,0,1-.449,1.113,1.512,1.512,0,0,1-1.113.449Zm1.563-10.781,9.375-11.875H44.957ZM54.332-203.281Z",
   transform: "translate(-41.552 217.5)",
   fill: "#3275e0"
 }, null, -1));
-const ECollapsevue_type_template_id_7a4e69b1_scoped_true_hoisted_6 = [ECollapsevue_type_template_id_7a4e69b1_scoped_true_hoisted_5];
-const ECollapsevue_type_template_id_7a4e69b1_scoped_true_hoisted_7 = {
-  class: "flex flex-col space-y-0"
+const ECollapsevue_type_template_id_161f7c65_scoped_true_hoisted_6 = [ECollapsevue_type_template_id_161f7c65_scoped_true_hoisted_5];
+const ECollapsevue_type_template_id_161f7c65_scoped_true_hoisted_7 = {
+  class: "exos-flex exos-flex-col exos-space-y-0"
 };
-const ECollapsevue_type_template_id_7a4e69b1_scoped_true_hoisted_8 = {
+const ECollapsevue_type_template_id_161f7c65_scoped_true_hoisted_8 = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   width: "23.746",
   height: "14",
   viewBox: "0 0 23.746 14"
 };
-const ECollapsevue_type_template_id_7a4e69b1_scoped_true_hoisted_9 = /*#__PURE__*/ECollapsevue_type_template_id_7a4e69b1_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
+const ECollapsevue_type_template_id_161f7c65_scoped_true_hoisted_9 = /*#__PURE__*/ECollapsevue_type_template_id_161f7c65_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
   id: "expand_less_FILL0_wght400_GRAD0_opsz48",
   d: "M47.074-117.611l-2.127,2.127L56.82-103.611l11.873-11.823-2.127-2.127-9.746,9.746Z",
   transform: "translate(-44.947 117.611)",
   fill: "#3275e0"
 }, null, -1));
-const ECollapsevue_type_template_id_7a4e69b1_scoped_true_hoisted_10 = [ECollapsevue_type_template_id_7a4e69b1_scoped_true_hoisted_9];
-function ECollapsevue_type_template_id_7a4e69b1_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECollapsevue_type_template_id_7a4e69b1_scoped_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+const ECollapsevue_type_template_id_161f7c65_scoped_true_hoisted_10 = [ECollapsevue_type_template_id_161f7c65_scoped_true_hoisted_9];
+function ECollapsevue_type_template_id_161f7c65_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECollapsevue_type_template_id_161f7c65_scoped_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
     onClick: _cache[1] || (_cache[1] = (...args) => $options.toggleCollapse && $options.toggleCollapse(...args)),
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.mainClass),
     ref: "collapse"
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECollapsevue_type_template_id_7a4e69b1_scoped_true_hoisted_2, [$props.iconLeft ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECollapsevue_type_template_id_7a4e69b1_scoped_true_hoisted_3, [_ctx.$slots.iconLeft ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconLeft", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECollapsevue_type_template_id_161f7c65_scoped_true_hoisted_2, [$props.iconLeft ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECollapsevue_type_template_id_161f7c65_scoped_true_hoisted_3, [_ctx.$slots.iconLeft ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconLeft", {
     key: 0
-  }, undefined, true) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", ECollapsevue_type_template_id_7a4e69b1_scoped_true_hoisted_4, ECollapsevue_type_template_id_7a4e69b1_scoped_true_hoisted_6))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECollapsevue_type_template_id_7a4e69b1_scoped_true_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", {
+  }, undefined, true) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", ECollapsevue_type_template_id_161f7c65_scoped_true_hoisted_4, ECollapsevue_type_template_id_161f7c65_scoped_true_hoisted_6))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECollapsevue_type_template_id_161f7c65_scoped_true_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.textClass)
   }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.text), 3), _ctx.$slots.description ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "description", {
     key: 0
   }, undefined, true) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.openCollapse && _ctx.openCollapse(...args)),
-    class: "flex items-center justify-center"
+    class: "exos-flex exos-items-center exos-justify-center"
   }, [_ctx.$slots.arrow ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "arrow", {
     key: 0
-  }, undefined, true) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", ECollapsevue_type_template_id_7a4e69b1_scoped_true_hoisted_8, ECollapsevue_type_template_id_7a4e69b1_scoped_true_hoisted_10))])], 2), $data.isCollapseOpen ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+  }, undefined, true) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", ECollapsevue_type_template_id_161f7c65_scoped_true_hoisted_8, ECollapsevue_type_template_id_161f7c65_scoped_true_hoisted_10))])], 2), $data.isCollapseOpen ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
     key: 0,
     ref: "contentCollapse",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.filter),
@@ -23862,7 +23924,7 @@ function ECollapsevue_type_template_id_7a4e69b1_scoped_true_render(_ctx, _cache,
     onClick: _cache[2] || (_cache[2] = (...args) => $options.toggleCollapse && $options.toggleCollapse(...args))
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "btn-collapse", {}, undefined, true)])], 6)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]);
 }
-;// CONCATENATED MODULE: ./src/components/ECollapse.vue?vue&type=template&id=7a4e69b1&scoped=true
+;// CONCATENATED MODULE: ./src/components/ECollapse.vue?vue&type=template&id=161f7c65&scoped=true
 
 ;// 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/components/ECollapse.vue?vue&type=script&lang=js
 /* harmony default export */ var ECollapsevue_type_script_lang_js = ({
@@ -24018,25 +24080,25 @@ function ECollapsevue_type_template_id_7a4e69b1_scoped_true_render(_ctx, _cache,
       description: "Color bg del componente en modo light."
     },
     /**
-     * Grosor del borde que a su vez funje como bandera para mostrar el borde en la sección header del componente.
+     * Vuelve dinámico el borde del componente.
      */
-    border: {
-      type: [String, Boolean],
-      default: "border",
-      description: "Grosor del borde que a su vez funje como bandera para mostrar el borde en la sección header del componente."
+    dynamicBorder: {
+      type: Boolean,
+      default: false,
+      description: "Vuelve dinámico el borde del componente."
     },
     /**
-     * Grosor del borde que a su vez funje como bandera para mostrar el borde en la sección desplegada del componente.
+     * Grosor del borde que a su vez funje como bandera para mostrar el borde en la sección header del componente.
      */
-    borderDeployed: {
+    border: {
       type: [String, Boolean],
-      default: "border",
-      description: "Grosor del borde que a su vez funje como bandera para mostrar el borde en la sección desplegada del componente."
+      default: "exos-border",
+      description: "Grosor del borde que a su vez funje como bandera para mostrar el borde en la sección header del componente."
     },
     /**
      * Setea el borde customizado en la sección header del componente.
      */
-    borderCustomHeaderCollapse: {
+    borderCustomHeader: {
       type: String,
       default: null,
       description: "Setea el borde customizado en la sección header del componente."
@@ -24044,7 +24106,7 @@ function ECollapsevue_type_template_id_7a4e69b1_scoped_true_render(_ctx, _cache,
     /**
      * Setea el borde customizado en la sección desplegada del componente.
      */
-    borderCustomDeployedCollapse: {
+    borderCustomDeployed: {
       type: String,
       default: null,
       description: "Setea el borde customizado en la sección desplegada del componente."
@@ -24091,75 +24153,75 @@ function ECollapsevue_type_template_id_7a4e69b1_scoped_true_render(_ctx, _cache,
   },
   computed: {
     mainClass() {
-      const baseClasses = ["e-collapse-base", this.shadowClass, this.height ?? "h-full", this.bgColor ?? "bg-field", this.darkBgColor ?? "dark:bg-fieldDark", this.textColor ?? "text-black", this.darkTextColor ?? "dark:text-white"];
+      const baseClasses = ["e-collapse-base", this.shadowClass, this.height ?? "exos-h-full", this.bgColor ?? "exos-bg-field", this.darkBgColor ?? "dark:exos-bg-fieldDark", this.textColor ?? "exos-text-black", this.darkTextColor ?? "dark:exos-text-white"];
       const roundedClasses = this.isCollapseOpen ? [this.roundedCustomHeaderCollapse ?? this.roundedClass] : [this.roundedClass];
-      const borderClasses = this.border ? [this.isCollapseOpen ? [this.borderCustomHeaderCollapse ?? this.border] : [this.border]] : ["border-none"];
+      const borderClasses = this.border ? [this.dynamicBorder ? [this.isCollapseOpen ? [this.borderCustomHeader ?? this.boder] : [this.border]] : [this.border], this.borderColorCollapse ?? "exos-border-opacity-10 exos-border-gray-700", this.darkBorderColorCollapse ?? ""] : ["exos-border-none"];
       return baseClasses.concat(roundedClasses, borderClasses);
     },
     filter() {
-      const baseClasses = ["e-collapse-filter", this.shadowClassDeployed, this.over ? "absolute" : "", this.paddingDeploySection ?? "px-5 py-3", this.bgColorFilter ?? "bg-bgGralLight", this.darkBgColorFilter ?? "dark:bg-bgGralDark", this.roundedCustomDeployedCollapse ?? this.roundedClass];
-      const borderClasses = this.borderDeployed ? [this.isCollapseOpen ? [this.borderCustomDeployedCollapse ?? this.borderDeployed] : [this.borderDeployed]] : ["border-none"];
+      const baseClasses = ["e-collapse-filter", this.shadowClassDeployed, this.over ? "exos-absolute" : "", this.paddingDeploySection ?? "exos-px-5 exos-py-3", this.bgColorFilter ?? "exos-bg-bgGralLight", this.darkBgColorFilter ?? "dark:exos-bg-bgGralDark", this.roundedCustomDeployedCollapse ?? this.roundedClass];
+      const borderClasses = [this.borderCustomDeployed ?? "exos-border", this.borderColorDeployed ?? "exos-border-opacity-10 exos-border-gray-700", this.darkBorderColorDeployed ?? ""];
       return baseClasses.concat(borderClasses);
     },
     roundedClass() {
       const roundedClasses = {
-        none: "rounded-none",
-        xs: "rounded",
-        sm: "rounded-sm",
-        md: "rounded-md",
-        lg: "rounded-lg ",
-        xl: "rounded-xl",
-        xxl: "rounded-2xl",
-        xxxl: "rounded-3xl"
+        none: "exos-rounded-none",
+        xs: "exos-rounded",
+        sm: "exos-rounded-sm",
+        md: "exos-rounded-md",
+        lg: "exos-rounded-lg ",
+        xl: "exos-rounded-xl",
+        xxl: "exos-rounded-2xl",
+        xxxl: "exos-rounded-3xl"
       };
-      return this.roundedSize ? roundedClasses[this.roundedSize] : "rounded-md";
+      return this.roundedSize ? roundedClasses[this.roundedSize] : "exos-rounded-md";
     },
     shadowClass() {
       const shadowClasses = {
-        none: "shadow-none",
-        xs: "shadow",
-        sm: "shadow-sm",
-        md: "shadow-md",
-        lg: "shadow-lg ",
-        xl: "shadow-xl",
-        xxl: "shadow-2xl"
+        none: "exos-shadow-none",
+        xs: "exos-shadow",
+        sm: "exos-shadow-sm",
+        md: "exos-shadow-md",
+        lg: "exos-shadow-lg ",
+        xl: "exos-shadow-xl",
+        xxl: "exos-shadow-2xl"
       };
-      return this.shadowSize ? shadowClasses[this.shadowSize] : "shadow-md";
+      return this.shadowSize ? shadowClasses[this.shadowSize] : "exos-shadow-md";
     },
     shadowClassDeployed() {
       const shadowClasses = {
-        none: "shadow-none",
-        xs: "shadow",
-        sm: "shadow-sm",
-        md: "shadow-md",
-        lg: "shadow-lg ",
-        xl: "shadow-xl",
-        xxl: "shadow-2xl"
+        none: "exos-shadow-none",
+        xs: "exos-shadow",
+        sm: "exos-shadow-sm",
+        md: "exos-shadow-md",
+        lg: "exos-shadow-lg",
+        xl: "exos-shadow-xl",
+        xxl: "exos-shadow-2xl"
       };
-      return this.shadowSizeDeployed ? shadowClasses[this.shadowSizeDeployed] : "shadow-md";
+      return this.shadowSizeDeployed ? shadowClasses[this.shadowSizeDeployed] : "exos-shadow-md";
     },
     textClass() {
-      return ["font-semibold items-center", this.textSizeClass, this.textTransformClass];
+      return ["exos-font-semibold exos-items-center", this.textSizeClass, this.textTransformClass];
     },
     textSizeClass() {
       const textSizeClasses = {
-        xs: "text-xs",
-        sm: "text-sm",
-        md: "text-base",
-        lg: "text-lg",
-        xl: "text-xl",
-        xxl: "text-2xl"
+        xs: "exos-text-xs",
+        sm: "exos-text-sm",
+        md: "exos-text-base",
+        lg: "exos-text-lg",
+        xl: "exos-text-xl",
+        xxl: "exos-text-2xl"
       };
-      return this.textSize ? textSizeClasses[this.textSize] : "text-base";
+      return this.textSize ? textSizeClasses[this.textSize] : "exos-text-base";
     },
     textTransformClass() {
       const textTransformClasses = {
-        upper: "uppercase",
-        lower: "lowercase",
-        cap: "capitalize",
-        normal: "normal-case"
+        upper: "exos-uppercase",
+        lower: "exos-lowercase",
+        cap: "exos-capitalize",
+        normal: "exos-normal-case"
       };
-      return this.textTransform ? textTransformClasses[this.textTransform] : "normal-case";
+      return this.textTransform ? textTransformClasses[this.textTransform] : "exos-normal-case";
     }
   },
   methods: {
@@ -24234,10 +24296,10 @@ function ECollapsevue_type_template_id_7a4e69b1_scoped_true_render(_ctx, _cache,
 });
 ;// CONCATENATED MODULE: ./src/components/ECollapse.vue?vue&type=script&lang=js
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ECollapse.vue?vue&type=style&index=0&id=7a4e69b1&scoped=true&lang=css
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ECollapse.vue?vue&type=style&index=0&id=161f7c65&scoped=true&lang=css
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/ECollapse.vue?vue&type=style&index=0&id=7a4e69b1&scoped=true&lang=css
+;// CONCATENATED MODULE: ./src/components/ECollapse.vue?vue&type=style&index=0&id=161f7c65&scoped=true&lang=css
 
 // EXTERNAL MODULE: ./node_modules/vue-cli-plugin-styleguidist/empty-object-loader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ECollapse.vue?vue&type=custom&index=0&blockType=docs&lang=md
 var ECollapsevue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(4813);
@@ -24256,29 +24318,29 @@ if (typeof (ECollapsevue_type_custom_index_0_blockType_docs_lang_md_default()) =
 
 
 ;
-const ECollapse_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ECollapsevue_type_script_lang_js, [['render',ECollapsevue_type_template_id_7a4e69b1_scoped_true_render],['__scopeId',"data-v-7a4e69b1"]])
+const ECollapse_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ECollapsevue_type_script_lang_js, [['render',ECollapsevue_type_template_id_161f7c65_scoped_true_render],['__scopeId',"data-v-161f7c65"]])
 
 /* 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/components/ESwitch.vue?vue&type=template&id=196d3d71
+;// 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/components/ESwitch.vue?vue&type=template&id=49b80eee
 
-const ESwitchvue_type_template_id_196d3d71_hoisted_1 = {
-  class: "flex justify-center items-center"
+const ESwitchvue_type_template_id_49b80eee_hoisted_1 = {
+  class: "exos-flex exos-justify-center exos-items-center"
 };
-const ESwitchvue_type_template_id_196d3d71_hoisted_2 = {
-  class: "relative inline-flex items-center cursor-pointer"
+const ESwitchvue_type_template_id_49b80eee_hoisted_2 = {
+  class: "exos-relative exos-inline-flex exos-items-center exos-cursor-pointer"
 };
-function ESwitchvue_type_template_id_196d3d71_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ESwitchvue_type_template_id_196d3d71_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", {
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['mr-3 text-base font-semibold', $props.textColor, $props.darkTextColor])
-  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.isActive ? $props.activeText : $props.inactiveText), 3), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", ESwitchvue_type_template_id_196d3d71_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.withDirectives)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", {
+function ESwitchvue_type_template_id_49b80eee_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ESwitchvue_type_template_id_49b80eee_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", {
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['exos-mr-3 exos-text-base exos-font-semibold', $props.textColor, $props.darkTextColor])
+  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.isActive ? $props.activeText : $props.inactiveText), 3), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", ESwitchvue_type_template_id_49b80eee_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.withDirectives)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", {
     type: "checkbox",
-    class: "sr-only peer",
+    class: "exos-sr-only peer",
     "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => $options.isActive = $event)
   }, null, 512), [[external_commonjs_vue_commonjs2_vue_root_Vue_.vModelCheckbox, $options.isActive]]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["w-11 h-6 peer-focus:outline-none peer-focus:ring-4 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[.125rem] after:left-[.125rem] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all", [$props.color, $props.darkColor, $props.colorChecked, $props.focusColor, $props.darkFocusColor]])
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["exos-w-11 exos-h-6 peer-focus:exos-outline-none peer-focus:exos-ring-4 exos-rounded-full peer peer-checked:after:exos-translate-x-full peer-checked:after:exos-border-white after:exos-content-[''] after:exos-absolute after:exos-top-[.125rem] after:exos-left-[.125rem] after:exos-bg-white after:exos-border-gray-300 after:exos-border after:exos-rounded-full after:exos-h-5 after:exos-w-5 after:exos-transition-all", [$props.color, $props.darkColor, $props.colorChecked, $props.focusColor, $props.darkFocusColor]])
   }, null, 2)])]);
 }
-;// CONCATENATED MODULE: ./src/components/ESwitch.vue?vue&type=template&id=196d3d71
+;// CONCATENATED MODULE: ./src/components/ESwitch.vue?vue&type=template&id=49b80eee
 
 ;// 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/components/ESwitch.vue?vue&type=script&lang=js
 /* harmony default export */ var ESwitchvue_type_script_lang_js = ({
@@ -24289,70 +24351,80 @@ function ESwitchvue_type_template_id_196d3d71_render(_ctx, _cache, $props, $setu
      */
     modelValue: {
       type: Boolean,
-      default: false
+      default: false,
+      description: "Valor del interruptor (activo o inactivo)."
     },
     /**
      * Texto a mostrar cuando el interruptor está activo.
      */
     activeText: {
       type: String,
-      default: "Activo"
+      default: "Activo",
+      description: "Texto a mostrar cuando el interruptor está activo."
     },
     /**
      * Texto a mostrar cuando el interruptor está inactivo.
      */
     inactiveText: {
       type: String,
-      default: "Inactivo"
+      default: "Inactivo",
+      description: "Texto a mostrar cuando el interruptor está inactivo."
     },
     /**
      * Clase de color de fondo del interruptor en estado inactivo.
      */
     color: {
       type: String,
-      default: "bg-gray-200"
+      default: "exos-bg-gray-200",
+      description: "Clase de color de fondo del interruptor en estado inactivo."
     },
     /**
      * Clase de color de fondo del interruptor en estado inactivo en modo oscuro.
      */
     darkColor: {
       type: String,
-      default: "dark:bg-fieldDark"
+      default: "dark:exos-bg-fieldDark",
+      description: "Clase de color de fondo del interruptor en estado inactivo en modo oscuro."
     },
     /**
      * Clase de color de fondo del interruptor en estado activo.
      */
     colorChecked: {
       type: String,
-      default: "peer-checked:bg-secondary"
+      default: "peer-checked:exos-bg-secondary",
+      description: "Clase de color de fondo del interruptor en estado activo."
     },
     /**
      * Clase de color de focus del interruptor.
      */
     focusColor: {
       type: String,
-      default: "peer-focus:ring-secondary"
+      default: "peer-focus:exos-ring-secondary",
+      description: "Clase de color de focus del interruptor."
     },
     /**
      * Clase de color de focus del interruptor en modo oscuro.
      */
     darkFocusColor: {
       type: String,
-      default: "dark:peer-focus:ring-secondary"
+      default: "dark:peer-focus:exos-ring-secondary",
+      description: "Clase de color de focus del interruptor en modo oscuro."
     },
     /**
      * Clase de color del texto en estado inactivo.
      */
     textColor: {
       type: String,
-      default: "text-contentDark"
+      default: "exos-text-contentDark",
+      description: "Clase de color del texto en estado inactivo."
     },
     /**
      * Clase de color del texto en estado inactivo en modo oscuro.
      */
     darkTextColor: {
       type: String,
-      default: "dark:text-content"
+      default: "dark:exos-text-content",
+      description: "Clase de color del texto en estado inactivo en modo oscuro."
     }
   },
   computed: {
@@ -24383,98 +24455,95 @@ function ESwitchvue_type_template_id_196d3d71_render(_ctx, _cache, $props, $setu
 
 
 ;
-const ESwitch_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ESwitchvue_type_script_lang_js, [['render',ESwitchvue_type_template_id_196d3d71_render]])
+const ESwitch_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ESwitchvue_type_script_lang_js, [['render',ESwitchvue_type_template_id_49b80eee_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/components/ECalendar.vue?vue&type=template&id=8773a372
+;// 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/components/ECalendar.vue?vue&type=template&id=5229efc6
 
-const ECalendarvue_type_template_id_8773a372_hoisted_1 = {
-  class: "relative"
+const ECalendarvue_type_template_id_5229efc6_hoisted_1 = {
+  class: "exos-relative"
 };
-const ECalendarvue_type_template_id_8773a372_hoisted_2 = {
-  class: "flex flex-grow w-full relative"
+const ECalendarvue_type_template_id_5229efc6_hoisted_2 = {
+  class: "exos-flex exos-flex-grow exos-w-full exos-relative"
 };
-const ECalendarvue_type_template_id_8773a372_hoisted_3 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
+const ECalendarvue_type_template_id_5229efc6_hoisted_3 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5"
 }, null, -1);
-const ECalendarvue_type_template_id_8773a372_hoisted_4 = [ECalendarvue_type_template_id_8773a372_hoisted_3];
-const ECalendarvue_type_template_id_8773a372_hoisted_5 = {
+const ECalendarvue_type_template_id_5229efc6_hoisted_4 = [ECalendarvue_type_template_id_5229efc6_hoisted_3];
+const ECalendarvue_type_template_id_5229efc6_hoisted_5 = {
   key: 1,
-  class: "w-4 h-4 text-secondary opacity-60 hover:opacity-100 dark:text-white",
+  class: "exos-w-4 exos-h-4 exos-text-secondary exos-opacity-60 hover:exos-opacity-100 dark:exos-text-white",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 15 15"
 };
-const ECalendarvue_type_template_id_8773a372_hoisted_6 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
+const ECalendarvue_type_template_id_5229efc6_hoisted_6 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
   stroke: "currentColor",
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "stroke-width": "2",
   d: "m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"
 }, null, -1);
-const ECalendarvue_type_template_id_8773a372_hoisted_7 = [ECalendarvue_type_template_id_8773a372_hoisted_6];
-const ECalendarvue_type_template_id_8773a372_hoisted_8 = ["disabled", "value", "id"];
-const ECalendarvue_type_template_id_8773a372_hoisted_9 = ["for"];
-const ECalendarvue_type_template_id_8773a372_hoisted_10 = {
+const ECalendarvue_type_template_id_5229efc6_hoisted_7 = [ECalendarvue_type_template_id_5229efc6_hoisted_6];
+const ECalendarvue_type_template_id_5229efc6_hoisted_8 = ["disabled", "value", "id"];
+const ECalendarvue_type_template_id_5229efc6_hoisted_9 = ["for"];
+const ECalendarvue_type_template_id_5229efc6_hoisted_10 = {
   key: 0
 };
-const ECalendarvue_type_template_id_8773a372_hoisted_11 = {
+const ECalendarvue_type_template_id_5229efc6_hoisted_11 = {
   key: 0,
   class: "e-calendar--error-message"
 };
-const ECalendarvue_type_template_id_8773a372_hoisted_12 = {
+const ECalendarvue_type_template_id_5229efc6_hoisted_12 = {
   key: 2,
-  class: "absolute z-20 -mt-40 animate-slide-up"
+  class: "exos-absolute exos-z-20 -exos-mt-40 exos-animate-slide-up"
 };
-const ECalendarvue_type_template_id_8773a372_hoisted_13 = {
-  class: "bg-white border rounded-lg shadow-md",
+const ECalendarvue_type_template_id_5229efc6_hoisted_13 = {
+  class: "exos-bg-white exos-border exos-rounded-lg exos-shadow-md",
   style: {
     "max-width": "20rem"
   }
 };
-const ECalendarvue_type_template_id_8773a372_hoisted_14 = {
-  class: "calendar"
+const ECalendarvue_type_template_id_5229efc6_hoisted_14 = {
+  class: "exos-text-sm exos-font-extralight"
 };
-const ECalendarvue_type_template_id_8773a372_hoisted_15 = {
-  class: "text-sm font-extralight"
+const ECalendarvue_type_template_id_5229efc6_hoisted_15 = {
+  class: "exos-text-base"
 };
-const ECalendarvue_type_template_id_8773a372_hoisted_16 = {
-  class: "text-md"
+const ECalendarvue_type_template_id_5229efc6_hoisted_16 = {
+  class: "exos-h-20 exos-text-center exos-flex exos-justify-center exos-items-center"
 };
-const ECalendarvue_type_template_id_8773a372_hoisted_17 = {
-  class: "h-20 text-center flex justify-center items-center"
+const ECalendarvue_type_template_id_5229efc6_hoisted_17 = {
+  class: "exos-flex exos-px-4"
 };
-const ECalendarvue_type_template_id_8773a372_hoisted_18 = {
-  class: "flex px-4"
-};
-const ECalendarvue_type_template_id_8773a372_hoisted_19 = {
+const ECalendarvue_type_template_id_5229efc6_hoisted_18 = {
   key: 0,
-  class: "grid grid-cols-3 gap-2"
+  class: "exos-grid exos-grid-cols-3 exos-gap-2"
 };
-const ECalendarvue_type_template_id_8773a372_hoisted_20 = ["onClick"];
-const _hoisted_21 = {
+const ECalendarvue_type_template_id_5229efc6_hoisted_19 = ["onClick"];
+const ECalendarvue_type_template_id_5229efc6_hoisted_20 = {
   key: 1,
-  class: "grid grid-cols-5 gap-2"
+  class: "exos-grid exos-grid-cols-5 exos-gap-2"
 };
-const _hoisted_22 = ["onClick"];
-const _hoisted_23 = {
+const _hoisted_21 = ["onClick"];
+const _hoisted_22 = {
   key: 0,
-  class: "flex px-6"
+  class: "exos-flex exos-px-6"
 };
-const _hoisted_24 = {
+const _hoisted_23 = {
   key: 1,
-  class: "grid grid-cols-7 gap-1 px-6 transition duration-200 ease-out md:ease-in text-sm"
+  class: "exos-grid exos-grid-cols-7 exos-gap-1 exos-px-6 exos-transition exos-duration-200 exos-ease-out md:exos-ease-in exos-text-sm"
 };
-const _hoisted_25 = ["onClick"];
-const _hoisted_26 = {
-  class: "h-20 flex flex-col justify-center items-center"
+const _hoisted_24 = ["onClick"];
+const _hoisted_25 = {
+  class: "exos-h-20 exos-flex exos-flex-col exos-justify-center exos-items-center"
 };
-function ECalendarvue_type_template_id_8773a372_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECalendarvue_type_template_id_8773a372_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECalendarvue_type_template_id_8773a372_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["e-calendar-icon left-3", $props.disabled ? 'cursor-no-drop' : 'cursor-pointer']),
+function ECalendarvue_type_template_id_5229efc6_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECalendarvue_type_template_id_5229efc6_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECalendarvue_type_template_id_5229efc6_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["e-calendar-icon exos-left-3", $props.disabled ? 'exos-cursor-no-drop' : 'exos-cursor-pointer']),
     onClick: _cache[0] || (_cache[0] = $event => $props.disabled ? null : $data.showDatePicker = true)
   }, [_ctx.$slots.iconCalendar ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconCalendar", {
     key: 0
@@ -24485,14 +24554,14 @@ function ECalendarvue_type_template_id_8773a372_render(_ctx, _cache, $props, $se
     viewBox: "0 0 24 24",
     "stroke-width": "1.5",
     stroke: "currentColor",
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['w-5 h-5', $data.isInValid ? 'text-danger' : 'text-secondary dark:text-white'])
-  }, ECalendarvue_type_template_id_8773a372_hoisted_4, 2))], 2), !!$props.modelValue && !$props.disabled ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['exos-w-5 exos-h-5', $data.isInValid ? 'exos-text-danger' : 'exos-text-secondary dark:exos-text-white'])
+  }, ECalendarvue_type_template_id_5229efc6_hoisted_4, 2))], 2), !!$props.modelValue && !$props.disabled ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
     key: 0,
     onClick: _cache[1] || (_cache[1] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => ($options.clearDate(), $data.isInValid = false), ["prevent"])),
-    class: "e-calendar-icon right-3 animate-slide-down"
+    class: "e-calendar-icon exos-right-3 exos-animate-slide-down"
   }, [_ctx.$slots.iconClose ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconClose", {
     key: 0
-  }) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", ECalendarvue_type_template_id_8773a372_hoisted_5, ECalendarvue_type_template_id_8773a372_hoisted_7))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", {
+  }) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", ECalendarvue_type_template_id_5229efc6_hoisted_5, ECalendarvue_type_template_id_5229efc6_hoisted_7))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", {
     maxlength: "10",
     placeholder: " ",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.mainClass),
@@ -24505,67 +24574,69 @@ function ECalendarvue_type_template_id_8773a372_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_8773a372_hoisted_8), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", {
+  }, null, 42, ECalendarvue_type_template_id_5229efc6_hoisted_8), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", {
     for: 'calendar-' + $props.label,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.labelClass)
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.classBoxLabel)
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.label), 1), $props.required ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", ECalendarvue_type_template_id_8773a372_hoisted_10, "*")) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)], 10, ECalendarvue_type_template_id_8773a372_hoisted_9)]), $data.isInValid ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECalendarvue_type_template_id_8773a372_hoisted_11, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($data.messageRule), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $data.showDatePicker ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.label), 1), $props.required ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", ECalendarvue_type_template_id_5229efc6_hoisted_10, "*")) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)], 10, ECalendarvue_type_template_id_5229efc6_hoisted_9)]), $data.isInValid ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECalendarvue_type_template_id_5229efc6_hoisted_11, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($data.messageRule), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $data.showDatePicker ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
     key: 1,
     onClick: _cache[5] || (_cache[5] = $event => $data.showDatePicker = false),
-    class: "fixed inset-0 z-10"
-  })) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $data.showDatePicker ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECalendarvue_type_template_id_8773a372_hoisted_12, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECalendarvue_type_template_id_8773a372_hoisted_13, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECalendarvue_type_template_id_8773a372_hoisted_14, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.popUpClass)
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECalendarvue_type_template_id_8773a372_hoisted_15, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.dateTodayOnFormatTitleYear), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECalendarvue_type_template_id_8773a372_hoisted_16, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.dateTodayOnFormatTitle), 1)], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECalendarvue_type_template_id_8773a372_hoisted_17, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
-    class: "mx-2 hover:bg-gray-100 hover:rounded-2xl hover:cursor-pointer h-7 w-7",
+    class: "exos-fixed exos-inset-0 exos-z-10"
+  })) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $data.showDatePicker ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECalendarvue_type_template_id_5229efc6_hoisted_12, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECalendarvue_type_template_id_5229efc6_hoisted_13, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.popUpBodyClass)
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.popUpHeaderClass)
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECalendarvue_type_template_id_5229efc6_hoisted_14, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.dateTodayOnFormatTitleYear), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECalendarvue_type_template_id_5229efc6_hoisted_15, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.dateTodayOnFormatTitle), 1)], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECalendarvue_type_template_id_5229efc6_hoisted_16, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
+    class: "exos-mx-2 hover:exos-bg-gray-100 hover:exos-rounded-2xl hover:exos-cursor-pointer exos-h-7 exos-w-7",
     onClick: _cache[6] || (_cache[6] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.changeMonth(-1), ["prevent"]))
   }, " < "), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
-    class: "w-20 hover:bg-gray-100 text-sm rounded-2xl hover:cursor-pointer h-7 flex flex-col justify-center items-center transition duration-200 ease-out md:ease-in transform hover:scale-105",
+    class: "exos-w-20 hover:exos-bg-gray-100 exos-text-sm exos-rounded-2xl hover:exos-cursor-pointer exos-h-7 exos-flex exos-flex-col exos-justify-center exos-items-center exos-transition exos-duration-200 exos-ease-out md:exos-ease-in exos-transform hover:exos-scale-105",
     onClick: _cache[7] || (_cache[7] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)((...args) => $options.toggleMonthSelector && $options.toggleMonthSelector(...args), ["prevent"]))
   }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.capitalizeFirstLetter($options.currentMonth)), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
-    class: "mx-2 hover:bg-gray-100 hover:rounded-2xl hover:cursor-pointer h-7 w-7 text-sm",
+    class: "exos-mx-2 hover:exos-bg-gray-100 hover:exos-rounded-2xl hover:exos-cursor-pointer exos-h-7 exos-w-7 exos-text-sm",
     onClick: _cache[8] || (_cache[8] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.changeMonth(1), ["prevent"]))
   }, " > "), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
-    class: "mx-2 hover:bg-gray-100 hover:rounded-2xl hover:cursor-pointer h-7 w-7 text-sm",
+    class: "exos-mx-2 hover:exos-bg-gray-100 hover:exos-rounded-2xl hover:exos-cursor-pointer exos-h-7 exos-w-7 exos-text-sm",
     onClick: _cache[9] || (_cache[9] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.changeYear(-1), ["prevent"]))
   }, " < "), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
-    class: "hover:bg-gray-100 rounded-2xl text-sm hover:cursor-pointer px-4 h-7 flex flex-col justify-center items-center transition duration-200 ease-out md:ease-in transform hover:scale-105",
+    class: "hover:exos-bg-gray-100 exos-rounded-2xl exos-text-sm hover:exos-cursor-pointer exos-px-4 exos-h-7 exos-flex exos-flex-col exos-justify-center exos-items-center exos-transition exos-duration-200 exos-ease-out md:exos-ease-in exos-transform hover:exos-scale-105",
     onClick: _cache[10] || (_cache[10] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)((...args) => $options.toggleYearSelector && $options.toggleYearSelector(...args), ["prevent"]))
   }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.currentYear), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
-    class: "mx-2 hover:bg-gray-100 hover:rounded-2xl hover:cursor-pointer h-7 w-7",
+    class: "exos-mx-2 hover:exos-bg-gray-100 hover:exos-rounded-2xl hover:exos-cursor-pointer exos-h-7 exos-w-7",
     onClick: _cache[11] || (_cache[11] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.changeYear(1), ["prevent"]))
-  }, " > ")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECalendarvue_type_template_id_8773a372_hoisted_18, [$data.showMonthSelector ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECalendarvue_type_template_id_8773a372_hoisted_19, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($options.months, (month, index) => {
+  }, " > ")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECalendarvue_type_template_id_5229efc6_hoisted_17, [$data.showMonthSelector ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECalendarvue_type_template_id_5229efc6_hoisted_18, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($options.months, (month, index) => {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
       key: index,
       onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.selectMonth(month), ["prevent"]),
-      class: "cursor-pointer hover:bg-secondary p-1 text-sm rounded-lg hover:text-white text-center transition duration-100 ease-out md:ease-in transform hover:scale-105"
-    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(month), 9, ECalendarvue_type_template_id_8773a372_hoisted_20);
-  }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $data.yearSelector ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_21, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($options.years, (year, index) => {
+      class: "exos-cursor-pointer hover:exos-bg-secondary exos-p-1 exos-text-sm exos-rounded-lg hover:exos-text-white exos-text-center exos-transition exos-duration-100 exos-ease-out md:exos-ease-in exos-transform hover:exos-scale-105"
+    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(month), 9, ECalendarvue_type_template_id_5229efc6_hoisted_19);
+  }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $data.yearSelector ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECalendarvue_type_template_id_5229efc6_hoisted_20, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($options.years, (year, index) => {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
       key: index,
       onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.selectYear(year), ["prevent"]),
-      class: "cursor-pointer hover:bg-secondary p-1 text-sm rounded-lg hover:text-white text-cente transition duration-100 ease-out md:ease-in transform hover:scale-105"
-    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(year), 9, _hoisted_22);
-  }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]), $data.showMonthSelector == false && $data.yearSelector == false ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_23, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($options.weekdays, (titleDay, i) => {
+      class: "exos-cursor-pointer hover:exos-bg-secondary exos-p-1 exos-text-sm exos-rounded-lg hover:exos-text-white exos-text-center exos-transition exos-duration-100 exos-ease-out md:exos-ease-in exos-transform hover:exos-scale-105"
+    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(year), 9, _hoisted_21);
+  }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]), $data.showMonthSelector == false && $data.yearSelector == false ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_22, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($options.weekdays, (titleDay, i) => {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
-      class: "mx-2 cursor-pointer text-xs",
+      class: "exos-mx-2 exos-cursor-pointer exos-text-xs",
       key: i
     }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(titleDay), 1);
-  }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $data.showMonthSelector == false && $data.yearSelector == false ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_24, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($options.filteredDaysWithOffset, (day, index) => {
+  }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $data.showMonthSelector == false && $data.yearSelector == false ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_23, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($options.filteredDaysWithOffset, (day, index) => {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
       key: index,
-      class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["rounded-2xl", $options.dayClasses(day)]),
+      class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.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_.toDisplayString)(day !== null ? day : ""), 11, _hoisted_25);
-  }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_26, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["mb-2 hover:bg-gray-100 hover:rounded-2xl hover:px-2 h-7 flex flex-col justify-center items-center", _ctx.isTodayBlocked ? 'hover:cursor-not-allowed text-gray-100' : 'hover:cursor-pointer']),
+    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(day !== null ? day : ""), 11, _hoisted_24);
+  }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_25, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["exos-mb-2 hover:exos-bg-gray-100 hover:exos-rounded-2xl hover:exos-px-2 exos-h-7 exos-flex exos-flex-col exos-justify-center exos-items-center", _ctx.isTodayBlocked ? 'hover:exos-cursor-not-allowed exos-text-gray-100' : 'hover:exos-cursor-pointer']),
     onClick: _cache[12] || (_cache[12] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => _ctx.isTodayBlocked ? null : $options.onTodaySelection($options.dateToday), ["prevent"]))
   }, " Hoy ", 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
-    class: "hover:bg-gray-100 hover:rounded-2xl hover:cursor-pointer hover:px-2 h-7 flex flex-col justify-center items-center",
+    class: "hover:exos-bg-gray-100 hover:exos-rounded-2xl hover:exos-cursor-pointer hover:exos-px-2 exos-h-7 exos-flex exos-flex-col exos-justify-center exos-items-center",
     onClick: _cache[13] || (_cache[13] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.clearDate(), ["prevent"]))
-  }, " Limpiar ")])])])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]);
+  }, " Limpiar ")])], 2)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]);
 }
-;// CONCATENATED MODULE: ./src/components/ECalendar.vue?vue&type=template&id=8773a372
+;// CONCATENATED MODULE: ./src/components/ECalendar.vue?vue&type=template&id=5229efc6
 
 ;// 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/components/ECalendar.vue?vue&type=script&lang=js
 
@@ -24752,10 +24823,26 @@ function ECalendarvue_type_template_id_8773a372_render(_ctx, _cache, $props, $se
       default: null,
       description: "Color bg del componente en modo dark."
     },
+    /**
+     * Color de fondo de la sección header del componente popup en modo light.
+     */
+    bgColorHeaderPopUp: {
+      type: String,
+      default: null,
+      description: "Color de fondo de la sección header del componente popup en modo light."
+    },
+    /**
+     * Color de fondo de la sección header del componente popup en modo dark.
+     */
+    bgColorHeaderPopUpDark: {
+      type: String,
+      default: null,
+      description: "Color de fondo de la sección header del componente popup en modo dark."
+    },
     /**
      * Color de fondo de la sección popup del componente en modo light.
      */
-    bgColorPopUp: {
+    bgColorBodyPopUp: {
       type: String,
       default: null,
       description: "Color de fondo de la sección popup del componente en modo light."
@@ -24763,7 +24850,7 @@ function ECalendarvue_type_template_id_8773a372_render(_ctx, _cache, $props, $se
     /**
      * Color de fondo de la sección popup del componente en modo dark.
      */
-    bgColorPopUpDark: {
+    bgColorBodyPopUpDark: {
       type: String,
       default: null,
       description: "Color de fondo de la sección popup del componente en modo dark."
@@ -24771,7 +24858,7 @@ function ECalendarvue_type_template_id_8773a372_render(_ctx, _cache, $props, $se
     /**
      * Color del texto mostrado en la sección popup del componente en modo light.
      */
-    textColorPopUp: {
+    textColorHeaderPopUp: {
       type: String,
       default: null,
       description: "Color del texto mostrado en la sección popup del componente en modo light."
@@ -24779,7 +24866,23 @@ function ECalendarvue_type_template_id_8773a372_render(_ctx, _cache, $props, $se
     /**
      * Color del texto mostrado en la sección popup del componente en modo dark.
      */
-    textColorPopUpDark: {
+    textColorHeaderPopUpDark: {
+      type: String,
+      default: null,
+      description: "Color del texto mostrado en la sección popup del componente en modo dark."
+    },
+    /**
+     * Color del texto mostrado en la sección popup del componente en modo light.
+     */
+    textColorBodyPopUp: {
+      type: String,
+      default: null,
+      description: "Color del texto mostrado en la sección popup del componente en modo light."
+    },
+    /**
+     * Color del texto mostrado en la sección popup del componente en modo dark.
+     */
+    textColorBodyPopUpDark: {
       type: String,
       default: null,
       description: "Color del texto mostrado en la sección popup del componente en modo dark."
@@ -24865,60 +24968,63 @@ function ECalendarvue_type_template_id_8773a372_render(_ctx, _cache, $props, $se
   },
   computed: {
     mainClass() {
-      const baseClasses = [this.shadowClass, this.roundedClass, this.textSizeClass, this.bgColor ?? "bg-field", this.darkBgColor ?? "dark:bg-fieldDark", this.focusBgColor ?? "", this.focusDarkBgColor ?? "", this.textarea ? [this.minHeightArea ?? ""] : []];
-      const inputBaseClasses = ["e-input-base", this.color || "text-black", this.darkColor || "dark:text-white", this.modelValue ? ["outline outline-2", this.outlineColor ?? "outline-secondary", this.darkOutlineColor ?? "dark:outline-secondary"] : ["border-x border-b border-t-0 border-opacity-20 border-gray-700 peer focus:outline focus:outline-2", this.outlineColorFocus ?? "focus:outline-secondary", this.darkOutlineColorFocus ?? "dark:focus:outline-secondary"]];
-      const iconClasses = this.$slots.icon ? this.iconRight ? "pl-3 pr-24" // Ícono a la derecha y también ícono personalizado
-      : "pl-3 pr-[4.25rem]" // Ícono a la derecha
-      : "pl-9 pr-10"; // No hay ícono
+      const baseClasses = [this.shadowClass, this.roundedClass, this.textSizeClass, this.bgColor ?? "exos-bg-field", this.darkBgColor ?? "dark:exos-bg-fieldDark", this.focusBgColor ?? "", this.focusDarkBgColor ?? "", this.textarea ? [this.minHeightArea ?? ""] : []];
+      const inputBaseClasses = ["e-input-base", this.color ?? "exos-text-black", this.darkColor ?? "dark:exos-text-white", this.modelValue ? ["exos-outline exos-outline-2", this.outlineColor ?? "exos-outline-secondary", this.darkOutlineColor ?? "dark:exos-outline-secondary"] : ["exos-border-x exos-border-b exos-border-t-0 exos-border-opacity-20 exos-border-gray-700 exos-peer focus:exos-outline focus:exos-outline-2", this.outlineColorFocus ?? "focus:exos-outline-secondary", this.darkOutlineColorFocus ?? "dark:focus:exos-outline-secondary"]];
+      const iconClasses = this.$slots.icon ? this.iconRight ? "exos-pl-3 exos-pr-24" // Ícono a la derecha y también ícono personalizado
+      : "exos-pl-3 exos-pr-[4.25rem]" // Ícono a la derecha
+      : "exos-pl-9 exos-pr-10"; // No hay ícono
 
       return this.isInValid ? ["e-calendar--error", ...baseClasses, ...inputBaseClasses, iconClasses] : [...baseClasses, ...inputBaseClasses, iconClasses];
     },
     labelClass() {
       const baseLabelClasses = ["e-calendar-label", this.roundedClass, this.textSizeClass];
-      const dynamicLabelClasses = this.modelValue ? [this.isInValid ? ["text-danger", "peer-focus:text-danger"] : [this.labelColor ?? "text-secondary", this.labelDarkColor ?? "dark:text-secondary"]] : ["text-black", "dark:text-white"];
+      const dynamicLabelClasses = this.modelValue ? [this.isInValid ? ["exos-text-danger", "peer-focus:exos-text-danger"] : [this.labelColor ?? "exos-text-secondary", this.labelDarkColor ?? "dark:exos-text-secondary"]] : ["exos-text-black", "dark:exos-text-white"];
       return baseLabelClasses.concat(dynamicLabelClasses);
     },
     classBoxLabel() {
-      const baseBoxLabelClasses = ["flex z-10 px-2 rounded-md"];
-      const dynamicBoxLabelClasses = this.modelValue || this.isInputFocused ? [this.bgColor || "bg-field", this.darkBgColor || "dark:bg-fieldDark"] : [];
+      const baseBoxLabelClasses = ["exos-flex exos-z-10 exos-px-2 exos-rounded-md"];
+      const dynamicBoxLabelClasses = this.modelValue || this.isInputFocused ? [this.bgColor ?? "exos-bg-field", this.darkBgColor ?? "dark:exos-bg-fieldDark"] : [];
       return baseBoxLabelClasses.concat(dynamicBoxLabelClasses);
     },
     roundedClass() {
       const roundedClasses = {
-        none: "rounded-none",
-        sm: "rounded",
-        md: "rounded-md",
-        lg: "rounded-lg",
-        xl: "rounded-xl",
-        xxl: "rounded-2xl"
+        none: "exos-rounded-none",
+        sm: "exos-rounded",
+        md: "exos-rounded-md",
+        lg: "exos-rounded-lg",
+        xl: "exos-rounded-xl",
+        xxl: "exos-rounded-2xl"
       };
-      return this.roundedSize ? roundedClasses[this.roundedSize] : "rounded-xl";
+      return this.roundedSize ? roundedClasses[this.roundedSize] : "exos-rounded-xl";
     },
     textSizeClass() {
       const textSizeClasses = {
-        xs: "text-xs",
-        sm: "text-sm",
-        md: "text-base",
-        lg: "text-lg",
-        xl: "text-xl",
-        xxl: "text-2xl"
+        xs: "exos-text-xs",
+        sm: "exos-text-sm",
+        md: "exos-text-base",
+        lg: "exos-text-lg",
+        xl: "exos-text-xl",
+        xxl: "exos-text-2xl"
       };
-      return this.textSize ? textSizeClasses[this.textSize] : "text-base";
+      return this.textSize ? textSizeClasses[this.textSize] : "exos-text-base";
     },
     shadowClass() {
       const shadowClasses = {
-        none: "shadow-none",
-        xs: "shadow",
-        sm: "shadow-sm",
-        md: "shadow-md",
-        lg: "shadow-lg ",
-        xl: "shadow-xl",
-        xxl: "shadow-2xl"
+        none: "exos-shadow-none",
+        xs: "exos-shadow",
+        sm: "exos-shadow-sm",
+        md: "exos-shadow-md",
+        lg: "exos-shadow-lg ",
+        xl: "exos-shadow-xl",
+        xxl: "exos-shadow-2xl"
       };
-      return this.shadowSize ? shadowClasses[this.shadowSize] : "shadow-md";
+      return this.shadowSize ? shadowClasses[this.shadowSize] : "exos-shadow-md";
+    },
+    popUpHeaderClass() {
+      return ["exos-h-18 exos-flex exos-flex-col exos-p-4", this.bgColorHeaderPopUp ?? "exos-bg-secondary", this.bgColorHeaderPopUpDark ?? "dark:exos-bg-secondary", this.textColorHeaderPopUp ?? "exos-text-white", this.textColorHeaderPopUpDark ?? "dark:exos-text-white"];
     },
-    popUpClass() {
-      return ["header h-18 flex flex-col p-4", this.bgColorPopUp ? this.bgColorPopUp : "bg-secondary", this.bgColorPopUpDark ? this.bgColorPopUpDark : "dark:bg-secondary", this.textColorPopUp ? this.textColorPopUp : "text-white", this.textColorPopUpDark ? this.textColorPopUpDark : "dark:text-white"];
+    popUpBodyClass() {
+      return [this.bgColorBodyPopUp ?? "exos-bg-white", this.bgColorBodyPopUpDark ?? "dark:exos-bg-gray-700", this.textColorBodyPopUp ?? "exos-text-black", this.textColorBodyPopUpDark ?? "dark:exos-text-white"];
     },
     formatDateIn() {
       if (!this.modelValue) {
@@ -25098,7 +25204,7 @@ function ECalendarvue_type_template_id_8773a372_render(_ctx, _cache, $props, $se
     dayClasses(day) {
       // Clases dia que no se pinta
       if (day === null) {
-        return ["day", "px-2", "py-1", "text-center"];
+        return ["day", "exos-px-2", "exos-py-1", "exos-text-center"];
       }
       let date = this.currentDate.set({
         day
@@ -25107,39 +25213,39 @@ function ECalendarvue_type_template_id_8773a372_render(_ctx, _cache, $props, $se
       let dateStartOfDay = this.currentDate.set({
         day
       }).startOf("day");
-      let classes = ["day", "px-2", "py-1", "text-center"];
+      let classes = ["day", "exos-px-2", "exos-py-1", "exos-text-center"];
       // Clases para cuando no se selecciona
       if (this.selectedDate === date.toFormat(this.formatDate)) {
-        classes.push("selected-day", "bg-secondary", "text-white", "rounded-2xl", "cursor-pointer", "transition", "duration-300", "ease-out", "md:ease-in", "transform", "hover:scale-105");
+        classes.push("selected-day", "exos-bg-secondary", "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");
       }
       // Clases para cuando no se pueda seleccionar
       if (this.isDayBlocked(day)) {
-        classes.push("text-gray-200", "cursor-not-allowed");
+        classes.push("exos-text-gray-200", "exos-cursor-not-allowed");
         if (currentDateStartOfDay.equals(dateStartOfDay)) {
           this.isTodayBlocked = true;
         }
       }
       if (this.isDayBlockedTomorrow(day)) {
-        classes.push("text-gray-200", "cursor-not-allowed");
+        classes.push("exos-text-gray-200", "exos-cursor-not-allowed");
         if (currentDateStartOfDay.equals(dateStartOfDay)) {
           this.isTodayBlocked = true;
         }
       }
       if (this.isDaysLater(day)) {
-        classes.push("text-gray-200", "cursor-not-allowed");
+        classes.push("exos-text-gray-200", "exos-cursor-not-allowed");
         if (currentDateStartOfDay.equals(dateStartOfDay)) {
           this.isTodayBlocked = true;
         }
       }
       if (this.isDaysRange(day)) {
-        classes.push("text-gray-200", "cursor-not-allowed");
+        classes.push("exos-text-gray-200", "exos-cursor-not-allowed");
         if (currentDateStartOfDay.equals(dateStartOfDay)) {
           this.isTodayBlocked = true;
         }
       }
       // Clases para cuando se pueda seleccionar
       if (!this.isDayBlockedTomorrow(day) && !this.isDayBlocked(day) && !this.isDaysLater(day) && !this.isDaysRange(day) && this.selectedDate !== date.toFormat(this.formatDate)) {
-        classes.push("cursor-pointer", "hover:bg-gray-100");
+        classes.push("exos-cursor-pointer", "hover:exos-bg-gray-100");
       }
       return classes.join(" ");
     },
@@ -25293,10 +25399,10 @@ function ECalendarvue_type_template_id_8773a372_render(_ctx, _cache, $props, $se
     /*  handleDateInput(event) {
             let inputValue = event.target.value;
             inputValue = inputValue.replace(/\D/g, "");
-               if (inputValue.length > 8) {
+             if (inputValue.length > 8) {
               inputValue = inputValue.slice(0, 8);
             }
-               if (inputValue.length >= 4 && inputValue.length < 7) {
+             if (inputValue.length >= 4 && inputValue.length < 7) {
               inputValue = inputValue.replace(/(\d{4})(\d{0,2})/, "$1/$2");
             } else if (inputValue.length >= 7) {
               inputValue = inputValue.replace(/(\d{4})(\d{2})(\d{0,2})/, "$1/$2/$3");
@@ -25321,11 +25427,11 @@ function ECalendarvue_type_template_id_8773a372_render(_ctx, _cache, $props, $se
     /* handleDateInput(event) {
             let inputValue = event.target.value;
             let numericValue = inputValue.replace(/\D/g, "");
-               let formattedValue = "";
+             let formattedValue = "";
             let numericIndex = 0;
-               for (let i = 0; i < this.formatDate.length; i++) {
+             for (let i = 0; i < this.formatDate.length; i++) {
               let currentChar = this.formatDate[i];
-                 if (/\W/.test(currentChar)) {
+               if (/\W/.test(currentChar)) {
                 formattedValue += currentChar;
               } else {
                 if (numericIndex < numericValue.length) {
@@ -25334,7 +25440,7 @@ function ECalendarvue_type_template_id_8773a372_render(_ctx, _cache, $props, $se
                 }
               }
             }
-               event.target.value = formattedValue;
+             event.target.value = formattedValue;
             this.selectedDate = formattedValue;
           }, */
     capitalizeFirstLetter(str) {
@@ -25418,10 +25524,10 @@ function ECalendarvue_type_template_id_8773a372_render(_ctx, _cache, $props, $se
 });
 ;// CONCATENATED MODULE: ./src/components/ECalendar.vue?vue&type=script&lang=js
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ECalendar.vue?vue&type=style&index=0&id=8773a372&lang=css
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ECalendar.vue?vue&type=style&index=0&id=5229efc6&lang=css
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/ECalendar.vue?vue&type=style&index=0&id=8773a372&lang=css
+;// CONCATENATED MODULE: ./src/components/ECalendar.vue?vue&type=style&index=0&id=5229efc6&lang=css
 
 // EXTERNAL MODULE: ./node_modules/vue-cli-plugin-styleguidist/empty-object-loader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ECalendar.vue?vue&type=custom&index=0&blockType=docs&lang=md
 var ECalendarvue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(6627);
@@ -25440,28 +25546,28 @@ if (typeof (ECalendarvue_type_custom_index_0_blockType_docs_lang_md_default()) =
 
 
 ;
-const ECalendar_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ECalendarvue_type_script_lang_js, [['render',ECalendarvue_type_template_id_8773a372_render]])
+const ECalendar_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ECalendarvue_type_script_lang_js, [['render',ECalendarvue_type_template_id_5229efc6_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/components/EMenuCalendar.vue?vue&type=template&id=da3d7a9c&scoped=true
+;// 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/components/EMenuCalendar.vue?vue&type=template&id=17439e9e&scoped=true
 
-const EMenuCalendarvue_type_template_id_da3d7a9c_scoped_true_withScopeId = n => (_pushScopeId("data-v-da3d7a9c"), n = n(), _popScopeId(), n);
-const EMenuCalendarvue_type_template_id_da3d7a9c_scoped_true_hoisted_1 = {
-  class: "calendar max-w-600 mx-auto"
+const EMenuCalendarvue_type_template_id_17439e9e_scoped_true_withScopeId = n => (_pushScopeId("data-v-17439e9e"), n = n(), _popScopeId(), n);
+const EMenuCalendarvue_type_template_id_17439e9e_scoped_true_hoisted_1 = {
+  class: "exos-mx-auto"
 };
-const EMenuCalendarvue_type_template_id_da3d7a9c_scoped_true_hoisted_2 = {
+const EMenuCalendarvue_type_template_id_17439e9e_scoped_true_hoisted_2 = {
   key: 0,
-  class: "text-center"
+  class: "exos-text-center"
 };
-const EMenuCalendarvue_type_template_id_da3d7a9c_scoped_true_hoisted_3 = {
-  class: "w-full mt-2"
+const EMenuCalendarvue_type_template_id_17439e9e_scoped_true_hoisted_3 = {
+  class: "exos-w-full exos-mt-2"
 };
-const EMenuCalendarvue_type_template_id_da3d7a9c_scoped_true_hoisted_4 = ["onClick"];
-function EMenuCalendarvue_type_template_id_da3d7a9c_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EMenuCalendarvue_type_template_id_da3d7a9c_scoped_true_hoisted_1, [$props.showHeader ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("h2", EMenuCalendarvue_type_template_id_da3d7a9c_scoped_true_hoisted_2, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.currentMonth), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("table", EMenuCalendarvue_type_template_id_da3d7a9c_scoped_true_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("thead", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("tr", null, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($props.daysOfWeek, day => {
+const EMenuCalendarvue_type_template_id_17439e9e_scoped_true_hoisted_4 = ["onClick"];
+function EMenuCalendarvue_type_template_id_17439e9e_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EMenuCalendarvue_type_template_id_17439e9e_scoped_true_hoisted_1, [$props.showHeader ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("h2", EMenuCalendarvue_type_template_id_17439e9e_scoped_true_hoisted_2, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.currentMonth), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("table", EMenuCalendarvue_type_template_id_17439e9e_scoped_true_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("thead", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("tr", null, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($props.daysOfWeek, day => {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("th", {
       key: day,
-      class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["p-2 w-2 h-2", $options.textSizeH])
+      class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["exos-p-2 exos-w-2 exos-h-2", $options.textSizeH])
     }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(day), 3);
   }), 128))])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("tbody", null, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($options.calendar, week => {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("tr", {
@@ -25470,7 +25576,7 @@ function EMenuCalendarvue_type_template_id_da3d7a9c_scoped_true_render(_ctx, _ca
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("td", {
         key: day.date,
         onClick: $event => $options.selectDay(day),
-        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['py-2 h-12 w-12 hover:cursor-pointer', $props.textSize, 'text-center', 'cursor-pointer', {
+        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([$props.textSize, 'exos-text-center', 'exos-cursor-pointer', 'exos-py-2 exos-h-12 exos-w-12 hover:exos-cursor-pointer', {
           border: $options.isToday(day.date) && !$options.isSelected(day.date)
         }, $options.isToday(day.date) && !$options.isSelected(day.date) ? $props.todayBorderColor : '', $options.isToday(day.date) && !$options.isSelected(day.date) ? $props.todayBorderDarkColor : '', $options.isSelected(day.date) ? $props.selectedBgColor : '', $options.isSelected(day.date) ? $props.selectedDarkBgColor : '', $options.isSelected(day.date) ? $props.selectedTextColor : ''])
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
@@ -25478,11 +25584,11 @@ function EMenuCalendarvue_type_template_id_da3d7a9c_scoped_true_render(_ctx, _ca
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.formatDay(day.day)) + " ", 1), $options.isSelected(day.date) || $options.isToday(day.date) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
         key: 0,
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($props.textSize)
-      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(day.weekday.toUpperCase()), 3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)], 10, EMenuCalendarvue_type_template_id_da3d7a9c_scoped_true_hoisted_4);
+      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(day.weekday.toUpperCase()), 3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)], 10, EMenuCalendarvue_type_template_id_17439e9e_scoped_true_hoisted_4);
     }), 128))]);
   }), 128))])])]);
 }
-;// CONCATENATED MODULE: ./src/components/EMenuCalendar.vue?vue&type=template&id=da3d7a9c&scoped=true
+;// CONCATENATED MODULE: ./src/components/EMenuCalendar.vue?vue&type=template&id=17439e9e&scoped=true
 
 ;// 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/components/EMenuCalendar.vue?vue&type=script&lang=js
 
@@ -25516,7 +25622,7 @@ function EMenuCalendarvue_type_template_id_da3d7a9c_scoped_true_render(_ctx, _ca
      */
     selectedBgColor: {
       type: String,
-      default: "bg-secondary",
+      default: "exos-bg-secondary",
       description: "Fondo del dia seleccionado en el calendario."
     },
     /**
@@ -25524,7 +25630,7 @@ function EMenuCalendarvue_type_template_id_da3d7a9c_scoped_true_render(_ctx, _ca
      */
     selectedDarkBgColor: {
       type: String,
-      default: "dark:bg-[#FB07BD]",
+      default: "dark:exos-bg-[#FB07BD]",
       description: "Fondo del dia seleccionado en el calendario."
     },
     /**
@@ -25532,7 +25638,7 @@ function EMenuCalendarvue_type_template_id_da3d7a9c_scoped_true_render(_ctx, _ca
      */
     todayBorderColor: {
       type: String,
-      default: "border-secondary",
+      default: "exos-border-secondary",
       description: "Fondo del dia seleccionado en el calendario."
     },
     /**
@@ -25540,7 +25646,7 @@ function EMenuCalendarvue_type_template_id_da3d7a9c_scoped_true_render(_ctx, _ca
      */
     todayBorderDarkColor: {
       type: String,
-      default: "dark:border-[#FB07BD]",
+      default: "dark:exos-border-[#FB07BD]",
       description: "Fondo del dia seleccionado en el calendario en modo oscuro."
     },
     /**
@@ -25548,7 +25654,7 @@ function EMenuCalendarvue_type_template_id_da3d7a9c_scoped_true_render(_ctx, _ca
      */
     selectedBorderColor: {
       type: String,
-      default: "border-secondary",
+      default: "exos-border-secondary",
       description: "Borde que tendra el calendario."
     },
     /**
@@ -25556,7 +25662,7 @@ function EMenuCalendarvue_type_template_id_da3d7a9c_scoped_true_render(_ctx, _ca
      */
     selectedTextColor: {
       type: String,
-      default: "text-white",
+      default: "exos-text-white",
       description: "Color del texto a la hora de seleccionar una fecha."
     },
     /**
@@ -25564,7 +25670,7 @@ function EMenuCalendarvue_type_template_id_da3d7a9c_scoped_true_render(_ctx, _ca
      */
     textSize: {
       type: String,
-      default: "text-xs",
+      default: "exos-text-xs",
       description: "Tamaño del texto en el contenido de el calendario."
     },
     /**
@@ -25572,7 +25678,7 @@ function EMenuCalendarvue_type_template_id_da3d7a9c_scoped_true_render(_ctx, _ca
      */
     textSizeHeader: {
       type: String,
-      default: "text-md",
+      default: "exos-text-md",
       description: "Tamaño del texto en el encabezado calendario."
     },
     /**
@@ -25654,10 +25760,10 @@ function EMenuCalendarvue_type_template_id_da3d7a9c_scoped_true_render(_ctx, _ca
 });
 ;// CONCATENATED MODULE: ./src/components/EMenuCalendar.vue?vue&type=script&lang=js
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EMenuCalendar.vue?vue&type=style&index=0&id=da3d7a9c&scoped=true&lang=css
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EMenuCalendar.vue?vue&type=style&index=0&id=17439e9e&scoped=true&lang=css
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/EMenuCalendar.vue?vue&type=style&index=0&id=da3d7a9c&scoped=true&lang=css
+;// CONCATENATED MODULE: ./src/components/EMenuCalendar.vue?vue&type=style&index=0&id=17439e9e&scoped=true&lang=css
 
 // EXTERNAL MODULE: ./node_modules/vue-cli-plugin-styleguidist/empty-object-loader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EMenuCalendar.vue?vue&type=custom&index=0&blockType=docs&lang=md
 var EMenuCalendarvue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(4868);
@@ -25676,23 +25782,23 @@ if (typeof (EMenuCalendarvue_type_custom_index_0_blockType_docs_lang_md_default(
 
 
 ;
-const EMenuCalendar_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EMenuCalendarvue_type_script_lang_js, [['render',EMenuCalendarvue_type_template_id_da3d7a9c_scoped_true_render],['__scopeId',"data-v-da3d7a9c"]])
+const EMenuCalendar_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EMenuCalendarvue_type_script_lang_js, [['render',EMenuCalendarvue_type_template_id_17439e9e_scoped_true_render],['__scopeId',"data-v-17439e9e"]])
 
 /* 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/components/EForm.vue?vue&type=template&id=f3765d1e
+;// 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/components/EForm.vue?vue&type=template&id=73baa73b
 
-const EFormvue_type_template_id_f3765d1e_hoisted_1 = {
-  class: "w-full"
+const EFormvue_type_template_id_73baa73b_hoisted_1 = {
+  class: "exos-w-full"
 };
-function EFormvue_type_template_id_f3765d1e_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EFormvue_type_template_id_f3765d1e_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("form", {
+function EFormvue_type_template_id_73baa73b_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EFormvue_type_template_id_73baa73b_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("form", {
     ref: $options.formID,
-    class: "w-full",
+    class: "exos-w-full",
     onSubmit: _cache[0] || (_cache[0] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)((...args) => $options.handleValidation && $options.handleValidation(...args), ["prevent", "stop"])),
     onReset: _cache[1] || (_cache[1] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)((...args) => $options.handleReset && $options.handleReset(...args), ["prevent", "stop"]))
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 544)]);
 }
-;// CONCATENATED MODULE: ./src/components/EForm.vue?vue&type=template&id=f3765d1e
+;// CONCATENATED MODULE: ./src/components/EForm.vue?vue&type=template&id=73baa73b
 
 ;// 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/components/EForm.vue?vue&type=script&lang=js
 
@@ -25785,16 +25891,16 @@ if (typeof (EFormvue_type_custom_index_0_blockType_docs_lang_md_default()) === '
 
 
 ;
-const EForm_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EFormvue_type_script_lang_js, [['render',EFormvue_type_template_id_f3765d1e_render]])
+const EForm_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EFormvue_type_script_lang_js, [['render',EFormvue_type_template_id_73baa73b_render]])
 
 /* harmony default export */ var EForm = (EForm_exports_);
 ;// CONCATENATED MODULE: ./src/components/plugins/loading.js
 function createLoadingHTML(config) {
   const color = config?.color ?? "#FAFAFA";
-  const textColor = config?.project === "galaxy" ? config?.textColor ?? "text-[#7F7E9E]" : "text-[#FAFAFA]";
+  const textColor = config?.project === "galaxy" ? config?.textColor ?? "exos-text-[#7F7E9E]" : "exos-text-[#FAFAFA]";
   const services = `
-    <div id="loadingApp" class="fixed inset-0 flex flex-col space-y-5 items-center justify-center bg-zinc-500 bg-opacity-40 z-50">
-      <div class="animate-spin">
+    <div id="loadingApp" class="exos-fixed exos-inset-0 exos-flex exos-flex-col exos-space-y-5 exos-items-center exos-justify-center exos-bg-zinc-500 exos-bg-opacity-40 exos-z-50">
+      <div class="exos-animate-spin">
         <svg
           id="Capa_1"
           data-name="Capa 1"
@@ -25816,20 +25922,20 @@ function createLoadingHTML(config) {
           </g>
         </svg>
       </div>
-      ${config?.message ? `<p class="${textColor} text-3xl font-bold">${config.message}</p>` : ""}
+      ${config?.message ? `<p class="${textColor} exos-text-3xl exos-font-bold">${config.message}</p>` : ""}
     </div>`;
   const galaxy = `
     <div id="loadingApp">
-      <div class="fixed inset-0 flex flex-col items-center justify-center z-50 backdrop-blur-sm">
+      <div class="exos-fixed exos-inset-0 exos-flex exos-flex-col exos-items-center exos-justify-center exos-z-50 exos-backdrop-blur-sm">
         <div>
           <svg width="81" height="118" viewBox="0 0 81 118" fill="none" xmlns="http://www.w3.org/2000/svg">
             <path d="M73.0041 19.9278C70.7132 19.9276 68.4571 20.4878 66.4324 21.5596C64.4077 22.6314 62.6759 24.1822 61.3881 26.0768L61.3011 26.2078L55.0791 35.3978L60.4881 43.5048L62.8371 47.0288L63.6491 45.7958L79.7171 21.6348L80.8481 19.9238L73.0041 19.9278Z" fill="#7F7E9E"/>
             <path d="M79.7142 96.0231L65.4142 74.4411L65.2402 74.1801L62.8622 70.5801L60.4842 74.1801L55.0342 82.4171L61.0812 91.4951L61.2112 91.6951C62.5018 93.5848 64.2349 95.1304 66.2595 96.197C68.2841 97.2637 70.5388 97.8192 72.8272 97.8151H80.8902V97.7571L79.7302 95.9881L79.7142 96.0231Z" fill="#7F7E9E"/>
             <path d="M8.35212 0.00195454C10.5725 0.000956507 12.7613 0.527679 14.7382 1.5387C16.715 2.54973 18.4233 4.0161 19.7221 5.81695L20.3461 6.75995L20.5781 7.10795L47.2471 47.09L47.2901 47.032L55.0491 58.764L23.3491 106.447L20.6081 110.667L20.1731 111.305C18.8757 113.132 17.1596 114.622 15.1684 115.649C13.1772 116.677 10.9689 117.213 8.72812 117.212H0.565113L1.79811 115.37L15.0671 95.183L39.4161 58.812L17.0281 25.134L1.50711 1.79995L0.318115 0.0119548H8.36712L8.35212 0.00195454Z" fill="#7F7E9E"/>
           </svg>
-          <div class="fixed inset-0 flex items-center justify-center">
+          <div class="exos-fixed exos-inset-0 exos-flex exos-items-center exos-justify-center">
             <div role="status">
-              <svg aria-hidden="true" class="inlin h-52 text-gray-200 dark:text-[#7F7E9E] animate-spin-galaxy " viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <svg aria-hidden="true" class="exos-inline exos-h-52 exos-text-gray-200 dark:exos-text-[#7F7E9E] exos-animate-spin-galaxy" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <defs>
                   <linearGradient id="linearGradient1" gradientTransform="rotate(30 .5 .5)">
                     <stop offset="0%" stop-color="#00d0ff"></stop>
@@ -25842,7 +25948,7 @@ function createLoadingHTML(config) {
             </div>
           </div>
         </div>
-        ${config?.message ? `<p class="${textColor} text-3xl font-bold fixed mt-80 z-50">${config.message}</p>` : ""}
+        ${config?.message ? `<p class="${textColor} exos-text-3xl exos-font-bold exos-fixed exos-mt-80 exos-z-50">${config.message}</p>` : ""}
       </div>
     </div>`;
   switch (config?.project) {