lau-ecom-design-system 1.0.21 → 1.0.23

package/dist/lau-ecom-design-system.esm.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, createStaticVNode, computed, normalizeClass, createBlock, unref, createCommentVNode, renderSlot, ref, watch, withDirectives, vModelRadio, toDisplayString, createVNode, onMounted, onBeforeUnmount, nextTick, withKeys, vModelText, normalizeStyle, vShow, toRefs, Fragment, renderList, mergeModels, useModel, vModelCheckbox, withCtx, createTextVNode, onBeforeMount, resolveComponent } from 'vue';
+import { defineComponent, openBlock, createElementBlock, createElementVNode, createStaticVNode, computed, normalizeClass, createBlock, unref, createCommentVNode, renderSlot, ref, watch, withDirectives, vModelRadio, toDisplayString, createVNode, onMounted, onBeforeUnmount, nextTick, normalizeStyle, withKeys, vModelText, vShow, toRefs, Fragment, renderList, mergeModels, useModel, vModelCheckbox, withCtx, createTextVNode, onBeforeMount, resolveComponent } from 'vue';
 
 const _hoisted_1$L = ["width", "height"];
 var script$O = /*@__PURE__*/defineComponent({
@@ -572,11 +572,11 @@ script$z.__file = "src/components/LauEcomIcon/LauEcomCbtIconGirlReading.vue";
 const _hoisted_1$v = ["width", "height"];
 const _hoisted_2$i = ["fill"];
 const _hoisted_3$e = ["fill"];
-const _hoisted_4$8 = ["fill"];
-const _hoisted_5$7 = ["fill"];
+const _hoisted_4$7 = ["fill"];
+const _hoisted_5$6 = ["fill"];
 const _hoisted_6$5 = ["fill"];
-const _hoisted_7$3 = ["fill"];
-const _hoisted_8$3 = ["fill"];
+const _hoisted_7$4 = ["fill"];
+const _hoisted_8$4 = ["fill"];
 var script$y = /*@__PURE__*/defineComponent({
   __name: 'LauEcomCbtIconChart',
   props: {
@@ -613,19 +613,19 @@ var script$y = /*@__PURE__*/defineComponent({
       }, null, 8 /* PROPS */, _hoisted_3$e), createElementVNode("path", {
         d: "M41.1582 33.1329C41.3492 33.3228 41.7311 33.5127 42.1131 33.5127C42.8769 33.5127 43.4498 33.5127 44.0227 33.5127H44.5956C44.9775 33.5127 45.3594 33.3228 45.5504 33.1329C45.7414 32.943 45.9323 32.5633 45.9323 32.1835C45.9323 28.576 45.9323 24.9684 45.9323 21.3608C45.9323 20.981 45.7414 20.6013 45.5504 20.4114C45.3594 20.2215 44.9775 20.0316 44.5956 20.0316H44.0227C43.4498 20.0316 42.8769 20.0316 42.1131 20.0316C41.5402 20.0316 41.3492 20.0316 40.9673 20.4114C40.7763 20.6013 40.5854 20.981 40.5854 21.5506C40.5854 22.6899 40.5854 24.019 40.5854 25.1582V28.0063C40.5854 29.3354 40.5854 30.6646 40.5854 31.9937C40.7763 32.5633 40.7763 32.7532 41.1582 33.1329ZM42.8769 31.2342V22.3101H43.6408V31.2342H42.8769Z",
         fill: _ctx.color
-      }, null, 8 /* PROPS */, _hoisted_4$8), createElementVNode("path", {
+      }, null, 8 /* PROPS */, _hoisted_4$7), createElementVNode("path", {
         d: "M32.183 21.9304C31.992 21.7405 31.6101 21.5506 31.0372 21.5506C30.2733 21.5506 29.5095 21.5506 28.7456 21.5506C28.3637 21.5506 27.9818 21.7405 27.7908 21.9304C27.5998 22.1203 27.4089 22.5 27.4089 22.8797C27.4089 24.9684 27.4089 27.057 27.4089 29.1456V32.1835C27.4089 32.5633 27.5998 32.943 27.7908 33.1329C27.9818 33.3228 28.3637 33.5127 28.7456 33.5127H29.1275C29.8914 33.5127 30.6552 33.5127 31.4191 33.5127C31.801 33.5127 32.183 33.3228 32.3739 33.1329C32.5649 32.943 32.7558 32.5633 32.7558 32.1835C32.7558 31.0443 32.7558 30.0949 32.7558 28.9557V26.2975C32.7558 25.1582 32.7558 24.2089 32.7558 23.0696C32.3739 22.5 32.3739 22.1203 32.183 21.9304ZM30.2733 23.8291V31.2342H29.5095V23.8291H30.2733Z",
         fill: _ctx.color
-      }, null, 8 /* PROPS */, _hoisted_5$7), createElementVNode("path", {
+      }, null, 8 /* PROPS */, _hoisted_5$6), createElementVNode("path", {
         d: "M38.8667 24.2089C38.6757 24.019 38.2938 23.8291 37.9119 23.8291C36.957 23.8291 36.1932 23.8291 35.2384 23.8291C34.8564 23.8291 34.4745 24.019 34.2836 24.2089C34.0926 24.3987 33.9016 24.7785 33.9016 25.1582C33.9016 27.4367 33.9016 29.9051 33.9016 32.1835C33.9016 32.5633 34.0926 32.943 34.2836 33.1329C34.4745 33.3228 34.8564 33.5127 35.2384 33.5127H35.8113C36.5751 33.5127 37.148 33.5127 37.7209 33.5127C38.1028 33.5127 38.4848 33.3228 38.6757 33.1329C38.8667 32.943 39.0576 32.5633 39.0576 32.1835C39.0576 31.4241 39.0576 30.6646 39.0576 29.9051V27.6266C39.0576 26.8671 39.0576 26.1076 39.0576 25.1582C39.0576 24.7785 39.0576 24.3987 38.8667 24.2089ZM36.957 26.1076V31.2342H36.1932V26.1076H36.957Z",
         fill: _ctx.color
       }, null, 8 /* PROPS */, _hoisted_6$5), createElementVNode("path", {
         d: "M20.5342 31.8038C20.5342 33.1329 20.9161 33.3228 22.0619 33.3228C22.2529 33.3228 22.6348 33.3228 22.8257 33.3228C23.2077 33.3228 23.7806 33.3228 24.1625 33.3228C24.1625 33.3228 24.1625 33.3228 24.3535 33.3228C24.7354 33.3228 25.1173 33.1329 25.3083 32.943C25.4992 32.7532 25.6902 32.3734 25.6902 31.8038C25.6902 30.6646 25.6902 29.3354 25.6902 28.0063C25.6902 27.6266 25.4992 27.2468 25.3083 26.8671C25.1173 26.6772 24.7354 26.4873 24.1625 26.4873C23.3986 26.4873 22.6348 26.4873 21.8709 26.4873C21.298 26.4873 20.9161 26.4873 20.7251 26.8671C20.5342 27.057 20.3432 27.4367 20.3432 28.0063C20.3432 28.3861 20.3432 28.7658 20.3432 29.3354V30.4747C20.5342 31.0443 20.5342 31.4241 20.5342 31.8038ZM22.8257 31.2342V28.9557H23.5896V31.2342H22.8257Z",
         fill: _ctx.color
-      }, null, 8 /* PROPS */, _hoisted_7$3), createElementVNode("path", {
+      }, null, 8 /* PROPS */, _hoisted_7$4), createElementVNode("path", {
         d: "M10.4131 37.1203L10.986 39.2089L12.8956 38.8291L12.5137 36.7405L10.4131 37.1203Z",
         fill: _ctx.color
-      }, null, 8 /* PROPS */, _hoisted_8$3)], 8 /* PROPS */, _hoisted_1$v);
+      }, null, 8 /* PROPS */, _hoisted_8$4)], 8 /* PROPS */, _hoisted_1$v);
     };
   }
 });
@@ -880,6 +880,55 @@ var script$r = /*@__PURE__*/defineComponent({
 
 script$r.__file = "src/components/LauEcomIcon/LauEcomUpcIconNavBack.vue";
 
+const _hoisted_1$n = ["width", "height"];
+const _hoisted_2$h = ["stroke"];
+const _hoisted_3$d = ["stroke"];
+var script$q = /*@__PURE__*/defineComponent({
+  __name: 'LauEcomUpcIconSearch',
+  props: {
+    color: {
+      type: String,
+      required: false,
+      default: "currentColor"
+    },
+    width: {
+      type: String,
+      required: false,
+      default: "24"
+    },
+    height: {
+      type: String,
+      required: false,
+      default: "24"
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", {
+        width: _ctx.width,
+        height: _ctx.height,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [createElementVNode("path", {
+        d: "M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z",
+        stroke: _ctx.color,
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }, null, 8 /* PROPS */, _hoisted_2$h), createElementVNode("path", {
+        d: "M21 21L16.65 16.65",
+        stroke: _ctx.color,
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }, null, 8 /* PROPS */, _hoisted_3$d)], 8 /* PROPS */, _hoisted_1$n);
+    };
+  }
+});
+
+script$q.__file = "src/components/LauEcomIcon/LauEcomUpcIconSearch.vue";
+
 let LauEcomButtonType = /*#__PURE__*/function (LauEcomButtonType) {
   LauEcomButtonType["Primary"] = "primary";
   LauEcomButtonType["Secondary"] = "secondary";
@@ -902,8 +951,8 @@ let LauEcomSize = /*#__PURE__*/function (LauEcomSize) {
   return LauEcomSize;
 }({});
 
-const _hoisted_1$n = ["disabled"];
-var script$q = /*@__PURE__*/defineComponent({
+const _hoisted_1$m = ["disabled"];
+var script$p = /*@__PURE__*/defineComponent({
   __name: 'LauEcomButton',
   props: {
     type: {
@@ -958,17 +1007,17 @@ var script$q = /*@__PURE__*/defineComponent({
       }, [_ctx.hasArrow ? (openBlock(), createBlock(unref(script$O), {
         key: 0,
         class: normalizeClass(iconClasses.value)
-      }, null, 8 /* PROPS */, ["class"])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")], 10 /* CLASS, PROPS */, _hoisted_1$n);
+      }, null, 8 /* PROPS */, ["class"])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")], 10 /* CLASS, PROPS */, _hoisted_1$m);
     };
   }
 });
 
-script$q.__scopeId = "data-v-7cd3bda6";
-script$q.__file = "src/components/LauEcomButton/LauEcomButton.vue";
+script$p.__scopeId = "data-v-7cd3bda6";
+script$p.__file = "src/components/LauEcomButton/LauEcomButton.vue";
 
-const _hoisted_1$m = ["id", "disabled", "value"];
-const _hoisted_2$h = ["for"];
-var script$p = /*@__PURE__*/defineComponent({
+const _hoisted_1$l = ["id", "disabled", "value"];
+const _hoisted_2$g = ["for"];
+var script$o = /*@__PURE__*/defineComponent({
   __name: 'LauEcomRadioButton',
   props: {
     id: {
@@ -1031,24 +1080,24 @@ var script$p = /*@__PURE__*/defineComponent({
         disabled: _ctx.isDisabled,
         value: _ctx.value,
         onChange: handleChange
-      }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_1$m), [[vModelRadio, radioGroupValue.value]]), createElementVNode("span", {
+      }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_1$l), [[vModelRadio, radioGroupValue.value]]), createElementVNode("span", {
         for: _ctx.id
-      }, toDisplayString(_ctx.label), 9 /* TEXT, PROPS */, _hoisted_2$h)]);
+      }, toDisplayString(_ctx.label), 9 /* TEXT, PROPS */, _hoisted_2$g)]);
     };
   }
 });
 
-script$p.__scopeId = "data-v-1e1b236f";
-script$p.__file = "src/components/LauEcomRadioButton/LauEcomRadioButton.vue";
+script$o.__scopeId = "data-v-1e1b236f";
+script$o.__file = "src/components/LauEcomRadioButton/LauEcomRadioButton.vue";
 
-const _hoisted_1$l = {
+const _hoisted_1$k = {
   class: "dsEcom-flex"
 };
-const _hoisted_2$g = {
+const _hoisted_2$f = {
   class: "lau-ecom-label group upc-font-body-reg-05-14px"
 };
-const _hoisted_3$d = ["required", "disabled", "checked"];
-var script$o = /*@__PURE__*/defineComponent({
+const _hoisted_3$c = ["required", "disabled", "checked"];
+var script$n = /*@__PURE__*/defineComponent({
   __name: 'LauEcomCheckbox',
   props: {
     id: {
@@ -1115,14 +1164,14 @@ var script$o = /*@__PURE__*/defineComponent({
       return "";
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$l, [createElementVNode("label", _hoisted_2$g, [createElementVNode("input", {
+      return openBlock(), createElementBlock("div", _hoisted_1$k, [createElementVNode("label", _hoisted_2$f, [createElementVNode("input", {
         class: normalizeClass(lauEcomCheckboxClasses.value),
         type: "checkbox",
         required: _ctx.isRequired,
         disabled: _ctx.isDisabled,
         checked: isChecked.value,
         onChange: handleChange
-      }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_3$d), createVNode(unref(script$N), {
+      }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_3$c), createVNode(unref(script$N), {
         class: "icon-checkmark",
         width: "16",
         height: "16"
@@ -1138,27 +1187,27 @@ var script$o = /*@__PURE__*/defineComponent({
   }
 });
 
-script$o.__scopeId = "data-v-51a6198f";
-script$o.__file = "src/components/LauEcomCheckbox/LauEcomCheckbox.vue";
+script$n.__scopeId = "data-v-51a6198f";
+script$n.__file = "src/components/LauEcomCheckbox/LauEcomCheckbox.vue";
 
-const _hoisted_1$k = {
+const _hoisted_1$j = {
   class: "dsEcom-flex dsEcom-flex-col"
 };
-const _hoisted_2$f = ["id", "type", "placeholder", "name", "disabled", "value", "maxlength"];
-const _hoisted_3$c = {
+const _hoisted_2$e = ["id", "type", "placeholder", "name", "disabled", "value", "maxlength"];
+const _hoisted_3$b = {
   key: 1,
   class: "lau-ecom-error-message core-font-body-reg-06-12px"
 };
-const _hoisted_4$7 = {
+const _hoisted_4$6 = {
   class: "dsEcom-flex"
 };
-const _hoisted_5$6 = {
+const _hoisted_5$5 = {
   class: "dsEcom-ml-1"
 };
 const _hoisted_6$4 = {
   key: 0
 };
-var script$n = /*@__PURE__*/defineComponent({
+var script$m = /*@__PURE__*/defineComponent({
   __name: 'LauEcomInput',
   props: {
     id: {
@@ -1270,7 +1319,7 @@ var script$n = /*@__PURE__*/defineComponent({
       return ["lau-ecom-success", props.size === LauEcomSize.md ? "dsEcom-top-[10px]" : "dsEcom-top-3"];
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$k, [_ctx.label ? (openBlock(), createElementBlock("label", {
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [_ctx.label ? (openBlock(), createElementBlock("label", {
         key: 0,
         class: normalizeClass(labelClasses.value)
       }, toDisplayString(_ctx.label), 3 /* TEXT, CLASS */)) : createCommentVNode("v-if", true), createElementVNode("div", {
@@ -1285,86 +1334,89 @@ var script$n = /*@__PURE__*/defineComponent({
         value: inputValue.value,
         maxlength: _ctx.limit,
         onInput: handleInput
-      }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_2$f), _ctx.hasSuccess && !errorMessageValue.value ? (openBlock(), createElementBlock("div", {
+      }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_2$e), _ctx.hasSuccess && !errorMessageValue.value ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(successClasses.value)
       }, [createVNode(unref(script$N), {
         class: "dsEcom-fill-feedback-success-60",
         width: "24",
         height: "24"
-      })], 2 /* CLASS */)) : createCommentVNode("v-if", true), errorMessageValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$c, [createElementVNode("div", _hoisted_4$7, [createVNode(unref(script$M), {
+      })], 2 /* CLASS */)) : createCommentVNode("v-if", true), errorMessageValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$b, [createElementVNode("div", _hoisted_4$6, [createVNode(unref(script$M), {
         class: "dsEcom-fill-primary-60",
         width: "16",
         height: "16"
-      }), createElementVNode("p", _hoisted_5$6, toDisplayString(errorMessageValue.value), 1 /* TEXT */)]), inputValue.value.toString().length === _ctx.limit ? (openBlock(), createElementBlock("span", _hoisted_6$4, toDisplayString(`${inputValue.value.toString().length}/${_ctx.limit}`), 1 /* TEXT */)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true)], 2 /* CLASS */)]);
+      }), createElementVNode("p", _hoisted_5$5, toDisplayString(errorMessageValue.value), 1 /* TEXT */)]), inputValue.value.toString().length === _ctx.limit ? (openBlock(), createElementBlock("span", _hoisted_6$4, toDisplayString(`${inputValue.value.toString().length}/${_ctx.limit}`), 1 /* TEXT */)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true)], 2 /* CLASS */)]);
     };
   }
 });
 
-script$n.__scopeId = "data-v-df501de2";
-script$n.__file = "src/components/LauEcomInput/LauEcomInput.vue";
+script$m.__scopeId = "data-v-df501de2";
+script$m.__file = "src/components/LauEcomInput/LauEcomInput.vue";
 
-const _hoisted_1$j = {
-  class: "dsEcom-flex dsEcom-flex-col"
+const _hoisted_1$i = {
+  class: "dsEcom-relative"
 };
-const _hoisted_2$e = ["id", "type", "placeholder", "name", "disabled", "value", "maxlength"];
-const _hoisted_3$b = {
-  key: 1,
-  class: "lau-ecom-error-message core-font-body-reg-06-12px"
+const _hoisted_2$d = {
+  class: "dsEcom-flex dsEcom-items-center dsEcom-gap-2 dsEcom-p-4"
 };
-const _hoisted_4$6 = {
-  class: "dsEcom-flex"
+const _hoisted_3$a = {
+  class: "dsEcom-flex dsEcom-items-center dsEcom-gap-2 dsEcom-flex-1"
 };
-const _hoisted_5$5 = {
-  class: "dsEcom-ml-1"
+const _hoisted_4$5 = {
+  class: "dsEcom-flex dsEcom-items-center dsEcom-gap-0 dsEcom-flex-1"
 };
+const _hoisted_5$4 = ["placeholder", "disabled"];
 const _hoisted_6$3 = {
-  key: 0
+  key: 2
 };
-var script$m = /*@__PURE__*/defineComponent({
-  __name: 'LauEcomInput2',
+const _hoisted_7$3 = ["placeholder", "disabled"];
+const _hoisted_8$3 = {
+  class: "dsEcom-absolute dsEcom-right-0 dsEcom-inset-y-0 dsEcom-flex dsEcom-items-stretch"
+};
+const _hoisted_9$1 = {
+  class: "dsEcom-relative"
+};
+const _hoisted_10$1 = ["placeholder", "disabled"];
+const _hoisted_11$1 = {
+  class: "dsEcom-absolute dsEcom-right-0 dsEcom-inset-y-0 dsEcom-flex dsEcom-items-stretch"
+};
+
+// Log de versión del componente
+
+var script$l = /*@__PURE__*/defineComponent({
+  __name: 'LauEcomInputSearch',
   props: {
-    id: {
-      type: String,
-      required: false,
-      default: "lauEcomInput"
-    },
-    type: {
-      type: String,
-      required: false,
-      default: "text"
-    },
     placeholder: {
       type: String,
       required: false,
-      default: "Placeholder"
+      default: "Quiero aprender..."
     },
     isDisabled: {
       type: Boolean,
       required: false,
       default: false
     },
-    label: {
+    modelValue: {
       type: String,
       required: false,
-      default: "Text label"
+      default: ""
     },
-    size: {
-      type: null,
+    forceClose: {
+      type: Boolean,
       required: false,
-      default: LauEcomSize.md
+      default: false
     },
-    name: {
+    buttonColorClass: {
       type: String,
       required: false,
-      default: "input"
+      default: "dsEcom-bg-primary-60 hover:dsEcom-bg-primary-70"
     },
-    modelValue: {
-      type: [String, Number],
+    buttonTextColorClass: {
+      type: String,
       required: false,
-      default: ""
+      default: "dsEcom-text-white"
     },
-    inputContainerClass: {
+    buttonClass: {
       type: String,
       required: false,
       default: ""
@@ -1372,147 +1424,68 @@ var script$m = /*@__PURE__*/defineComponent({
     inputClass: {
       type: String,
       required: false,
-      default: ""
+      default: "dsEcom-h-10 dsEcom-rounded-lg"
     },
-    errorMessage: {
+    containerClass: {
       type: String,
       required: false,
       default: ""
     },
-    hasSuccess: {
+    expandedWidth: {
+      type: String,
+      required: false,
+      default: "50vw"
+    },
+    isMobileSearch: {
       type: Boolean,
       required: false,
       default: false
     },
-    limit: {
-      type: Number,
+    arrowColorClass: {
+      type: String,
       required: false,
-      default: 50
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, {
-    emit: __emit
-  }) {
-    const props = __props;
-    const emit = __emit;
-    const inputValue = ref(props.modelValue);
-    const errorMessageValue = ref(props.errorMessage);
-    const handleInput = event => {
-      const newValue = event.target.value;
-      if (newValue.length === props.limit) {
-        errorMessageValue.value = "Excediste el numero de caracteres";
-        inputValue.value = newValue;
-        emit("update:modelValue", newValue);
-        return;
-      } else {
-        errorMessageValue.value = props.errorMessage;
-      }
-      inputValue.value = newValue;
-      emit("update:modelValue", newValue);
-    };
-    const labelClasses = computed(() => {
-      return {
-        "lau-ecom-label": true,
-        "lau-ecom-label--disabled": props.isDisabled
-      };
-    });
-    const inputContainerClasses = computed(() => {
-      return ["dsEcom-relative", props.inputContainerClass ? props.inputContainerClass : "dsEcom-w-[284px]", props.size === LauEcomSize.md ? "dsEcom-h-[42px]" : "dsEcom-h-[46px]"];
-    });
-    const inputClasses = computed(() => {
-      return ["lau-ecom-input core-font-body-reg-04-16px", props.inputClass, props.size === LauEcomSize.md ? "dsEcom-py-[9px]" : "dsEcom-py-[11px]", {
-        "lau-ecom-input--disabled": props.isDisabled
-      }, {
-        "lau-ecom-input--error": errorMessageValue.value
-      }, {
-        "lau-ecom-input-success": props.hasSuccess && !errorMessageValue.value
-      }, props.hasSuccess || errorMessageValue.value ? "placeholder:!dsEcom-text-neutral-100" : "placeholder:!dsEcom-text-neutral-80"];
-    });
-    const successClasses = computed(() => {
-      return ["lau-ecom-success", props.size === LauEcomSize.md ? "dsEcom-top-[10px]" : "dsEcom-top-3"];
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$j, [_ctx.label ? (openBlock(), createElementBlock("label", {
-        key: 0,
-        class: normalizeClass(labelClasses.value)
-      }, toDisplayString(_ctx.label), 3 /* TEXT, CLASS */)) : createCommentVNode("v-if", true), createElementVNode("div", {
-        class: normalizeClass(inputContainerClasses.value)
-      }, [createElementVNode("input", {
-        id: _ctx.id,
-        class: normalizeClass(inputClasses.value),
-        type: _ctx.type,
-        placeholder: _ctx.placeholder,
-        name: _ctx.name,
-        disabled: _ctx.isDisabled,
-        value: inputValue.value,
-        maxlength: _ctx.limit,
-        onInput: handleInput
-      }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_2$e), _ctx.hasSuccess && !errorMessageValue.value ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(successClasses.value)
-      }, [createVNode(unref(script$N), {
-        class: "dsEcom-fill-feedback-success-60",
-        width: "24",
-        height: "24"
-      })], 2 /* CLASS */)) : createCommentVNode("v-if", true), errorMessageValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$b, [createElementVNode("div", _hoisted_4$6, [createVNode(unref(script$M), {
-        class: "dsEcom-fill-primary-60",
-        width: "16",
-        height: "16"
-      }), createElementVNode("p", _hoisted_5$5, toDisplayString(errorMessageValue.value), 1 /* TEXT */)]), inputValue.value.toString().length === _ctx.limit ? (openBlock(), createElementBlock("span", _hoisted_6$3, toDisplayString(`${inputValue.value.toString().length}/${_ctx.limit}`), 1 /* TEXT */)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true)], 2 /* CLASS */)]);
-    };
-  }
-});
-
-script$m.__scopeId = "data-v-1dc17999";
-script$m.__file = "src/components/LauEcomInput2/LauEcomInput2.vue";
-
-const _hoisted_1$i = {
-  class: "dsEcom-relative"
-};
-const _hoisted_2$d = ["placeholder", "disabled"];
-const _hoisted_3$a = {
-  class: "dsEcom-relative"
-};
-const _hoisted_4$5 = ["placeholder", "disabled"];
-const _hoisted_5$4 = {
-  class: "dsEcom-absolute dsEcom-right-2 dsEcom-top-1/2 -dsEcom-translate-y-1/2 dsEcom-flex dsEcom-gap-2"
-};
-
-// Log de versión del componente
-
-var script$l = /*@__PURE__*/defineComponent({
-  __name: 'LauEcomInputSearch',
-  props: {
-    placeholder: {
+      default: "dsEcom-text-neutral-100"
+    },
+    arrowButtonClass: {
       type: String,
       required: false,
-      default: "Quiero aprender..."
+      default: ""
     },
-    isDisabled: {
-      type: Boolean,
+    mobileInputWidth: {
+      type: String,
       required: false,
-      default: false
+      default: "240px"
     },
-    modelValue: {
+    mobileInputHeight: {
       type: String,
       required: false,
-      default: ""
+      default: "40px"
     },
-    forceClose: {
-      type: Boolean,
+    mobilePanelClass: {
+      type: String,
       required: false,
-      default: false
+      default: "dsEcom-bg-white"
+    },
+    expandedBackgroundClass: {
+      type: String,
+      required: false,
+      default: "dsEcom-bg-white"
+    },
+    overlayClass: {
+      type: String,
+      required: false,
+      default: "dsEcom-bg-black dsEcom-opacity-50"
     }
   },
   emits: {
     "update:modelValue": value => true,
-    "search": value => true
+    "search": value => true,
+    "click:search-icon": () => true
   },
   setup(__props, {
     emit: __emit
   }) {
-    console.log('🔍 InputSearch Version: 1.0.20 - Debug Mode');
+    console.log('🔍 InputSearch Version: 1.0.25 - Debug Mode');
     const props = __props;
 
     // Log de props iniciales
@@ -1526,6 +1499,8 @@ var script$l = /*@__PURE__*/defineComponent({
     const searchQuery = ref(props.modelValue);
     const isExpanded = ref(false);
     const showOverlay = ref(false);
+    const isMobileView = ref(false);
+    const isMobileSearchOpen = ref(false);
     const handleSearch = () => {
       console.log('🔍 Search triggered:', {
         query: searchQuery.value,
@@ -1535,6 +1510,7 @@ var script$l = /*@__PURE__*/defineComponent({
       if (searchQuery.value && searchQuery.value.trim()) {
         emit("search", searchQuery.value);
         emit("update:modelValue", searchQuery.value);
+        emit("click:search-icon");
         closeSearch();
       }
     };
@@ -1568,16 +1544,16 @@ var script$l = /*@__PURE__*/defineComponent({
       showOverlay.value = true;
     };
     const containerClasses = computed(() => {
-      const classes = ["dsEcom-transition-transform dsEcom-duration-300 dsEcom-ease-in-out", {
-        "dsEcom-relative dsEcom-w-[250px] md:dsEcom-w-[350px]": !isExpanded.value
+      const classes = ["dsEcom-transition-transform dsEcom-duration-300 dsEcom-ease-in-out dsEcom-relative", {
+        "dsEcom-w-[250px] md:dsEcom-w-[350px]": !isExpanded.value
       }];
       console.log('🔍 Container classes updated:', {
         isExpanded: isExpanded.value
       });
       return classes;
     });
-    const overlayClasses = computed(() => ["dsEcom-fixed dsEcom-inset-0 dsEcom-bg-black dsEcom-transition-opacity dsEcom-duration-300 dsEcom-ease-in-out dsEcom-z-40", {
-      "dsEcom-opacity-50": showOverlay.value,
+    const overlayClasses = computed(() => ["dsEcom-fixed dsEcom-inset-0 dsEcom-transition-opacity dsEcom-duration-300 dsEcom-ease-in-out dsEcom-z-40", props.overlayClass, {
+      "dsEcom-opacity-100": showOverlay.value,
       "dsEcom-opacity-0 dsEcom-pointer-events-none": !showOverlay.value
     }]);
     const originalContainer = ref(null);
@@ -1585,20 +1561,62 @@ var script$l = /*@__PURE__*/defineComponent({
     const updateExpandedPosition = () => {
       if (originalContainer.value && expandedContainer.value) {
         const rect = originalContainer.value.getBoundingClientRect();
-        const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
-        expandedContainer.value.style.top = `${rect.top + scrollTop}px`;
-        console.log('🔍 Updated expanded position:', {
-          top: rect.top + scrollTop
+        const viewportHeight = window.innerHeight;
+        const viewportWidth = window.innerWidth;
+        let topPosition;
+        if (rect.top < 0) {
+          topPosition = '20px';
+        } else if (rect.top > viewportHeight) {
+          topPosition = '20px';
+        } else {
+          topPosition = `${rect.top}px`;
+        }
+
+        // Mantenemos la posición original del input
+        const leftPosition = `${rect.left}px`;
+        expandedContainer.value.style.position = 'fixed';
+        expandedContainer.value.style.top = topPosition;
+        expandedContainer.value.style.left = leftPosition;
+        expandedContainer.value.style.transform = 'none';
+        expandedContainer.value.style.width = props.expandedWidth;
+        expandedContainer.value.style.maxWidth = '90vw';
+
+        // Ajustamos si se sale por la derecha
+        const expandedWidth = parseInt(props.expandedWidth);
+        if (rect.left + expandedWidth > viewportWidth) {
+          // Si se sale por la derecha, ajustamos el ancho para que quepa
+          const availableWidth = viewportWidth - rect.left - 32; // 32px de margen
+          expandedContainer.value.style.width = `${availableWidth}px`;
+        }
+
+        // Log para debugging
+        console.log('🔍 Expanded position updated:', {
+          top: topPosition,
+          left: leftPosition,
+          width: expandedContainer.value.style.width,
+          originalLeft: rect.left,
+          viewportWidth,
+          originalWidth: rect.width
         });
       }
     };
     onMounted(() => {
-      console.log('🔍 Component mounted');
+      console.log('🔍 Component mounted with props:', {
+        buttonColorClass: props.buttonColorClass,
+        buttonTextColorClass: props.buttonTextColorClass,
+        arrowColorClass: props.arrowColorClass,
+        isMobileSearch: props.isMobileSearch,
+        mobileInputWidth: props.mobileInputWidth,
+        mobileInputHeight: props.mobileInputHeight
+      });
+      checkMobileView();
       window.addEventListener('resize', updateExpandedPosition);
+      window.addEventListener('resize', checkMobileView);
     });
     onBeforeUnmount(() => {
       console.log('🔍 Component will unmount');
       window.removeEventListener('resize', updateExpandedPosition);
+      window.removeEventListener('resize', checkMobileView);
     });
     watch(isExpanded, newValue => {
       console.log('🔍 isExpanded changed:', {
@@ -1625,63 +1643,188 @@ var script$l = /*@__PURE__*/defineComponent({
         searchQuery.value = newValue;
       }
     });
+    computed(() => {
+      const defaultClasses = "dsEcom-absolute dsEcom-right-0 dsEcom-top-1/2 -dsEcom-translate-y-1/2 dsEcom-p-2 dsEcom-rounded-r-lg dsEcom-transition-all dsEcom-duration-300";
+
+      // Si hay buttonClass, usamos esas clases directamente
+      if (props.buttonClass) {
+        return [defaultClasses, props.buttonClass];
+      }
+
+      // Si no, usamos las clases de color tradicionales
+      return [defaultClasses, props.buttonColorClass, props.buttonTextColorClass];
+    });
+    const checkMobileView = () => {
+      const wasMobile = isMobileView.value;
+      isMobileView.value = window.innerWidth < 768;
+      if (wasMobile !== isMobileView.value) {
+        console.log('🔍 Mobile view changed:', {
+          isMobileView: isMobileView.value,
+          width: window.innerWidth,
+          buttonColorClass: props.buttonColorClass,
+          buttonTextColorClass: props.buttonTextColorClass
+        });
+      }
+    };
+    const handleMobileSearchClick = () => {
+      console.log('🔍 Mobile Search Click:', {
+        buttonColorClass: props.buttonColorClass,
+        buttonTextColorClass: props.buttonTextColorClass,
+        arrowColorClass: props.arrowColorClass,
+        isMobileView: isMobileView.value
+      });
+      isMobileSearchOpen.value = true;
+      nextTick(() => {
+        if (expandedContainer.value) {
+          const input = expandedContainer.value.querySelector('input');
+          input?.focus();
+        }
+      });
+    };
+    const handleMobileSearchClose = () => {
+      console.log('🔍 Mobile Search Close:', {
+        buttonColorClass: props.buttonColorClass,
+        buttonTextColorClass: props.buttonTextColorClass,
+        arrowColorClass: props.arrowColorClass
+      });
+      isMobileSearchOpen.value = false;
+      searchQuery.value = '';
+      emit('update:modelValue', '');
+    };
+    const handleMobileSearch = () => {
+      if (searchQuery.value && searchQuery.value.trim()) {
+        emit("search", searchQuery.value);
+        emit("update:modelValue", searchQuery.value);
+        emit("click:search-icon");
+        handleMobileSearchClose();
+      }
+    };
+    const handleMobileClear = () => {
+      clearSearch();
+    };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$i, [createElementVNode("div", {
-        class: normalizeClass(containerClasses.value),
+      return openBlock(), createElementBlock("div", _hoisted_1$i, [createCommentVNode(" Versión móvil - Solo botón de búsqueda "), isMobileView.value && !isMobileSearchOpen.value ? (openBlock(), createElementBlock("button", {
+        key: 0,
+        onClick: handleMobileSearchClick,
+        class: normalizeClass(["dsEcom-p-2 dsEcom-rounded-lg", [_ctx.buttonColorClass]])
+      }, [createVNode(unref(script$q), {
+        width: "24",
+        height: "24",
+        class: normalizeClass([_ctx.buttonTextColorClass])
+      }, null, 8 /* PROPS */, ["class"])], 2 /* CLASS */)) : createCommentVNode("v-if", true), createCommentVNode(" Capa blanca móvil "), isMobileView.value && isMobileSearchOpen.value ? (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: normalizeClass(["dsEcom-fixed dsEcom-inset-0 dsEcom-z-50", [_ctx.mobilePanelClass]])
+      }, [createElementVNode("div", _hoisted_2$d, [createCommentVNode(" Input y botones "), createElementVNode("div", _hoisted_3$a, [createElementVNode("button", {
+        onClick: handleMobileSearchClose,
+        class: normalizeClass(["dsEcom-p-2 dsEcom-rounded-lg", [_ctx.arrowButtonClass]])
+      }, [createVNode(unref(script$O), {
+        width: "24",
+        height: "24",
+        class: normalizeClass(["dsEcom-transform dsEcom-rotate-[-90deg]", [_ctx.arrowColorClass]]),
+        color: "currentColor"
+      }, null, 8 /* PROPS */, ["class"])], 2 /* CLASS */), createElementVNode("div", _hoisted_4$5, [withDirectives(createElementVNode("input", {
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => searchQuery.value = $event),
+        type: "text",
+        placeholder: _ctx.placeholder,
+        disabled: _ctx.isDisabled,
+        style: normalizeStyle({
+          width: props.mobileInputWidth,
+          height: props.mobileInputHeight
+        }),
+        class: "lau-ecom-input dsEcom-pl-4 dsEcom-pr-4 dsEcom-border dsEcom-border-neutral-80 dsEcom-rounded-l-lg dsEcom-focus:outline-none dsEcom-focus:ring-2 dsEcom-focus:ring-primary-60 dsEcom-flex-1",
+        onInput: handleInput,
+        onKeyup: withKeys(handleMobileSearch, ["enter"])
+      }, null, 44 /* STYLE, PROPS, NEED_HYDRATION */, _hoisted_5$4), [[vModelText, searchQuery.value]]), createElementVNode("button", {
+        onClick: handleMobileSearch,
+        style: normalizeStyle({
+          height: props.mobileInputHeight
+        }),
+        class: normalizeClass(['dsEcom-px-3 dsEcom-rounded-r-lg dsEcom-border-0', _ctx.buttonColorClass, _ctx.buttonTextColorClass])
+      }, [createVNode(unref(script$q), {
+        width: "20",
+        height: "20",
+        color: "currentColor"
+      })], 6 /* CLASS, STYLE */)]), searchQuery.value.length >= 3 ? (openBlock(), createElementBlock("button", {
+        key: 0,
+        onClick: handleMobileClear,
+        class: "dsEcom-p-2 dsEcom-text-neutral-100 hover:dsEcom-text-neutral-80"
+      }, [createVNode(unref(script$J), {
+        width: "16",
+        height: "16"
+      })])) : createCommentVNode("v-if", true)])])], 2 /* CLASS */)) : createCommentVNode("v-if", true), createCommentVNode(" Versión desktop "), !isMobileView.value ? (openBlock(), createElementBlock("div", _hoisted_6$3, [createElementVNode("div", {
+        class: normalizeClass([containerClasses.value, props.containerClass]),
         ref_key: "originalContainer",
         ref: originalContainer
+      }, [createElementVNode("div", {
+        class: normalizeClass(["dsEcom-relative", {
+          'dsEcom-invisible': isExpanded.value
+        }])
       }, [withDirectives(createElementVNode("input", {
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => searchQuery.value = $event),
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => searchQuery.value = $event),
         type: "text",
         placeholder: _ctx.placeholder,
         disabled: _ctx.isDisabled,
-        class: normalizeClass(["lau-ecom-input dsEcom-border dsEcom-border-neutral-80 dsEcom-rounded-lg dsEcom-px-4 dsEcom-h-10 dsEcom-w-full dsEcom-focus:outline-none dsEcom-focus:ring-2 dsEcom-focus:ring-primary-60", {
-          'dsEcom-invisible': isExpanded.value
+        class: normalizeClass(['lau-ecom-input dsEcom-border dsEcom-border-neutral-80 dsEcom-pl-4 dsEcom-pr-24 dsEcom-w-full dsEcom-focus:outline-none dsEcom-focus:ring-2 dsEcom-focus:ring-primary-60', props.inputClass, {
+          'dsEcom-opacity-0': isExpanded.value
         }]),
         onFocus: handleFocus,
         onInput: handleInput,
         onKeyup: withKeys(handleSearch, ["enter"])
-      }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_2$d), [[vModelText, searchQuery.value]]), searchQuery.value.length >= 3 && !isExpanded.value ? (openBlock(), createElementBlock("button", {
+      }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_7$3), [[vModelText, searchQuery.value]]), createElementVNode("div", _hoisted_8$3, [searchQuery.value.length >= 3 ? (openBlock(), createElementBlock("button", {
         key: 0,
+        onClick: clearSearch,
+        class: normalizeClass(['dsEcom-flex dsEcom-items-center dsEcom-px-1.5 dsEcom-text-neutral-100 hover:dsEcom-text-neutral-80 dsEcom-transition-all dsEcom-duration-300', props.inputClass])
+      }, [createVNode(unref(script$J), {
+        width: "16",
+        height: "16"
+      })], 2 /* CLASS */)) : createCommentVNode("v-if", true), createElementVNode("button", {
         onClick: handleSearch,
-        class: "dsEcom-absolute dsEcom-right-2 dsEcom-top-1/2 -dsEcom-translate-y-1/2 dsEcom-bg-primary-60 hover:dsEcom-bg-primary-70 dsEcom-text-white dsEcom-p-2 dsEcom-rounded-lg dsEcom-transition-all dsEcom-duration-300"
-      }, [createVNode(unref(script$L), {
+        class: normalizeClass(['dsEcom-flex dsEcom-items-center dsEcom-px-3 dsEcom-transition-all dsEcom-duration-300', props.inputClass?.includes('rounded') ? props.inputClass : 'dsEcom-rounded-r-lg', props.buttonColorClass, props.buttonTextColorClass, 'dsEcom-border-0']),
+        style: {
+          "margin": "1px",
+          "height": "calc(100% - 2px)"
+        }
+      }, [createVNode(unref(script$q), {
         width: "20",
-        height: "20"
-      })])) : createCommentVNode("v-if", true)], 2 /* CLASS */), createCommentVNode(" Overlay "), createElementVNode("div", {
+        height: "20",
+        color: "currentColor"
+      })], 2 /* CLASS */)])], 2 /* CLASS */)], 2 /* CLASS */), createCommentVNode(" Overlay "), withDirectives(createElementVNode("div", {
         class: normalizeClass(overlayClasses.value),
         onClick: closeSearch
-      }, null, 2 /* CLASS */), createCommentVNode(" Versión expandida "), withDirectives(createElementVNode("div", {
-        class: "dsEcom-fixed dsEcom-w-[656px] dsEcom-left-1/2 dsEcom-transform -dsEcom-translate-x-1/2 dsEcom-z-50",
-        style: normalizeStyle({
-          top: isExpanded.value ? `${originalContainer.value?.getBoundingClientRect().top}px` : '0'
-        }),
+      }, null, 2 /* CLASS */), [[vShow, isExpanded.value]]), createCommentVNode(" Versión expandida "), withDirectives(createElementVNode("div", {
+        class: normalizeClass(["dsEcom-fixed dsEcom-z-50 dsEcom-shadow-lg dsEcom-overflow-hidden", [props.inputClass?.includes('rounded') ? props.inputClass : 'dsEcom-rounded-lg', _ctx.expandedBackgroundClass]]),
         ref_key: "expandedContainer",
         ref: expandedContainer
-      }, [createElementVNode("div", _hoisted_3$a, [withDirectives(createElementVNode("input", {
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => searchQuery.value = $event),
+      }, [createElementVNode("div", _hoisted_9$1, [withDirectives(createElementVNode("input", {
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => searchQuery.value = $event),
         type: "text",
         placeholder: _ctx.placeholder,
         disabled: _ctx.isDisabled,
-        class: "lau-ecom-input dsEcom-border dsEcom-border-neutral-80 dsEcom-rounded-lg dsEcom-px-4 dsEcom-h-10 dsEcom-w-full dsEcom-focus:outline-none dsEcom-focus:ring-2 dsEcom-focus:ring-primary-60 dsEcom-bg-white",
+        class: normalizeClass(['lau-ecom-input dsEcom-border dsEcom-border-neutral-80 dsEcom-pl-4 dsEcom-pr-24 dsEcom-w-full dsEcom-focus:outline-none dsEcom-focus:ring-2 dsEcom-focus:ring-primary-60', props.inputClass]),
         onInput: handleInput,
         onKeyup: withKeys(handleSearch, ["enter"]),
         autofocus: ""
-      }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_4$5), [[vModelText, searchQuery.value]]), createElementVNode("div", _hoisted_5$4, [searchQuery.value.length >= 3 ? (openBlock(), createElementBlock("button", {
+      }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_10$1), [[vModelText, searchQuery.value]]), createElementVNode("div", _hoisted_11$1, [searchQuery.value.length >= 3 ? (openBlock(), createElementBlock("button", {
         key: 0,
         onClick: clearSearch,
-        class: "dsEcom-text-neutral-100 hover:dsEcom-text-neutral-80 dsEcom-transition-all dsEcom-duration-300"
+        class: normalizeClass(['dsEcom-flex dsEcom-items-center dsEcom-px-1.5 dsEcom-text-neutral-100 hover:dsEcom-text-neutral-80 dsEcom-transition-all dsEcom-duration-300', props.inputClass])
       }, [createVNode(unref(script$J), {
         width: "16",
         height: "16"
-      })])) : createCommentVNode("v-if", true), searchQuery.value.length >= 3 ? (openBlock(), createElementBlock("button", {
-        key: 1,
+      })], 2 /* CLASS */)) : createCommentVNode("v-if", true), createElementVNode("button", {
         onClick: handleSearch,
-        class: "dsEcom-bg-primary-60 hover:dsEcom-bg-primary-70 dsEcom-text-white dsEcom-p-2 dsEcom-rounded-lg dsEcom-transition-all dsEcom-duration-300"
-      }, [createVNode(unref(script$L), {
+        class: normalizeClass(['dsEcom-flex dsEcom-items-center dsEcom-px-3 dsEcom-transition-all dsEcom-duration-300', {
+          'dsEcom-rounded-r-lg': !props.inputClass?.includes('rounded')
+        }, props.buttonColorClass, props.buttonTextColorClass, 'dsEcom-border-0']),
+        style: {
+          "margin": "1px",
+          "height": "calc(100% - 2px)"
+        }
+      }, [createVNode(unref(script$q), {
         width: "20",
-        height: "20"
-      })])) : createCommentVNode("v-if", true)])])], 4 /* STYLE */), [[vShow, isExpanded.value]])]);
+        height: "20",
+        color: "currentColor"
+      })], 2 /* CLASS */)])])], 2 /* CLASS */), [[vShow, isExpanded.value]])])) : createCommentVNode("v-if", true)]);
     };
   }
 });
@@ -2420,21 +2563,21 @@ var script$e = /*@__PURE__*/defineComponent({
           "category-cookie": item,
           onOnToggle: item.onToggle
         }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue", "category-cookie", "onOnToggle"]);
-      }), 128 /* KEYED_FRAGMENT */))]), createElementVNode("div", _hoisted_3$6, [createVNode(script$q, {
+      }), 128 /* KEYED_FRAGMENT */))]), createElementVNode("div", _hoisted_3$6, [createVNode(script$p, {
         class: "!dsEcom-w-full mobiles:dsEcom-order-last",
         type: unref(LauEcomButtonType).Secondary,
         onOnClick: handleReject
       }, {
         default: withCtx(() => _cache[1] || (_cache[1] = [createTextVNode(" Rechazar ")])),
         _: 1 /* STABLE */
-      }, 8 /* PROPS */, ["type"]), createVNode(script$q, {
+      }, 8 /* PROPS */, ["type"]), createVNode(script$p, {
         class: "!dsEcom-w-full",
         type: unref(LauEcomButtonType).Secondary,
         onOnClick: handleAcceptSelected
       }, {
         default: withCtx(() => _cache[2] || (_cache[2] = [createTextVNode(" Aceptar seleccionadas ")])),
         _: 1 /* STABLE */
-      }, 8 /* PROPS */, ["type"]), createVNode(script$q, {
+      }, 8 /* PROPS */, ["type"]), createVNode(script$p, {
         class: "!dsEcom-w-full mobiles:dsEcom-order-first",
         onOnClick: handleAcceptAll
       }, {
@@ -2556,7 +2699,7 @@ var script$d = /*@__PURE__*/defineComponent({
       }, {
         default: withCtx(() => _cache[0] || (_cache[0] = [createTextVNode(" Configurar cookies ")])),
         _: 1 /* STABLE */
-      }), createVNode(script$q, {
+      }), createVNode(script$p, {
         onOnClick: handleAccept
       }, {
         default: withCtx(() => _cache[1] || (_cache[1] = [createTextVNode(" Aceptar ")])),
@@ -3301,7 +3444,7 @@ var script = /*@__PURE__*/defineComponent({
         class: "dsEcom-bg-neutral-40 dsEcom-mb-4"
       }, null, -1 /* HOISTED */)), createElementVNode("div", _hoisted_7, [_cache[1] || (_cache[1] = createElementVNode("p", {
         class: "button-bold-05-20px"
-      }, "Total", -1 /* HOISTED */)), createElementVNode("p", _hoisted_8, " S/" + toDisplayString(_ctx.summaryData.total), 1 /* TEXT */)]), createVNode(script$q, {
+      }, "Total", -1 /* HOISTED */)), createElementVNode("p", _hoisted_8, " S/" + toDisplayString(_ctx.summaryData.total), 1 /* TEXT */)]), createVNode(script$p, {
         onOnClick: handleGoHomePage
       }, {
         default: withCtx(() => _cache[2] || (_cache[2] = [createTextVNode(" Ir a la pagina de inicio ")])),
@@ -3315,11 +3458,10 @@ script.__file = "src/components/LauEcomTyPage/LauEcomTyPage.vue";
 
 var components = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  LauEcomButton: script$q,
-  LauEcomRadioButton: script$p,
-  LauEcomCheckbox: script$o,
-  LauEcomInput: script$n,
-  LauEcomInput2: script$m,
+  LauEcomButton: script$p,
+  LauEcomRadioButton: script$o,
+  LauEcomCheckbox: script$n,
+  LauEcomInput: script$m,
   LauEcomInputSearch: script$l,
   LauEcomStepbar: script$j,
   LauEcomDropdown: script$i,
@@ -3358,7 +3500,8 @@ var components = /*#__PURE__*/Object.freeze({
   LauEcomCbtLogoCbtVer: script$u,
   LauEcomCbtLogoLaureate: script$t,
   LauEcomCbtLogoUpcWhite: script$s,
-  LauEcomUpcIconNavBack: script$r
+  LauEcomUpcIconNavBack: script$r,
+  LauEcomUpcIconSearch: script$q
 });
 
 // Import vue components
@@ -3370,4 +3513,4 @@ const install = function installDesignSystem(app) {
   });
 };
 
-export { script$d as LauEcomBannerCookies, script$q as LauEcomButton, script$y as LauEcomCbtIconChart, script$z as LauEcomCbtIconGirlReading, script$A as LauEcomCbtIconWorldwide, script$u as LauEcomCbtLogoCbtVer, script$t as LauEcomCbtLogoLaureate, script$s as LauEcomCbtLogoUpcWhite, script$o as LauEcomCheckbox, script$x as LauEcomCoreIconBook, script$H as LauEcomCoreIconFileCode, script$J as LauEcomCoreIconNavClose, script$b as LauEcomDisclamer, script$i as LauEcomDropdown, script$8 as LauEcomFooter, script$n as LauEcomInput, script$m as LauEcomInput2, script$l as LauEcomInputSearch, script$6 as LauEcomLoaderPage, script$w as LauEcomLogoWasc, script$3 as LauEcomPaginator, script$p as LauEcomRadioButton, script$7 as LauEcomRtb, script$j as LauEcomStepbar, script$9 as LauEcomSubFooter, script$g as LauEcomSwitch, script$c as LauEcomTab, script$2 as LauEcomTag, script$h as LauEcomTextButton, script as LauEcomTyPage, script$K as LauEcomUpcIconArrowDown, script$C as LauEcomUpcIconCertificate, script$L as LauEcomUpcIconCheck, script$G as LauEcomUpcIconCheckCircle, script$B as LauEcomUpcIconCreditCard, script$F as LauEcomUpcIconExclamationCircle, script$M as LauEcomUpcIconExclamationTriangle, script$I as LauEcomUpcIconGlobe, script$E as LauEcomUpcIconInfoCircle, script$v as LauEcomUpcIconInnova, script$O as LauEcomUpcIconNavArrow, script$r as LauEcomUpcIconNavBack, script$N as LauEcomUpcIconNavCheckmark, script$D as LauEcomUpcIconVirtualClass, install as default };
+export { script$d as LauEcomBannerCookies, script$p as LauEcomButton, script$y as LauEcomCbtIconChart, script$z as LauEcomCbtIconGirlReading, script$A as LauEcomCbtIconWorldwide, script$u as LauEcomCbtLogoCbtVer, script$t as LauEcomCbtLogoLaureate, script$s as LauEcomCbtLogoUpcWhite, script$n as LauEcomCheckbox, script$x as LauEcomCoreIconBook, script$H as LauEcomCoreIconFileCode, script$J as LauEcomCoreIconNavClose, script$b as LauEcomDisclamer, script$i as LauEcomDropdown, script$8 as LauEcomFooter, script$m as LauEcomInput, script$l as LauEcomInputSearch, script$6 as LauEcomLoaderPage, script$w as LauEcomLogoWasc, script$3 as LauEcomPaginator, script$o as LauEcomRadioButton, script$7 as LauEcomRtb, script$j as LauEcomStepbar, script$9 as LauEcomSubFooter, script$g as LauEcomSwitch, script$c as LauEcomTab, script$2 as LauEcomTag, script$h as LauEcomTextButton, script as LauEcomTyPage, script$K as LauEcomUpcIconArrowDown, script$C as LauEcomUpcIconCertificate, script$L as LauEcomUpcIconCheck, script$G as LauEcomUpcIconCheckCircle, script$B as LauEcomUpcIconCreditCard, script$F as LauEcomUpcIconExclamationCircle, script$M as LauEcomUpcIconExclamationTriangle, script$I as LauEcomUpcIconGlobe, script$E as LauEcomUpcIconInfoCircle, script$v as LauEcomUpcIconInnova, script$O as LauEcomUpcIconNavArrow, script$r as LauEcomUpcIconNavBack, script$N as LauEcomUpcIconNavCheckmark, script$q as LauEcomUpcIconSearch, script$D as LauEcomUpcIconVirtualClass, install as default };