@regcheq/ui-vue-2 1.26.0 → 1.27.0

package/dist/index.js

@@ -31461,7 +31461,7 @@ const buttonVariants$1 = cva('rq-button-legacy', {
 //
 //
 
-var script$T = {
+var script$U = {
   name: 'RqButton',
   props: {
     variant: {
@@ -31595,10 +31595,10 @@ function normalizeComponent(template, style, script, scopeId, isFunctionalTempla
 }
 
 /* script */
-const __vue_script__$T = script$T;
+const __vue_script__$U = script$U;
 
 /* template */
-var __vue_render__$T = function () {
+var __vue_render__$U = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -31624,27 +31624,27 @@ var __vue_render__$T = function () {
     }
   }) : _vm._e()], 2);
 };
-var __vue_staticRenderFns__$T = [];
-__vue_render__$T._withStripped = true;
+var __vue_staticRenderFns__$U = [];
+__vue_render__$U._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$T = undefined;
+const __vue_inject_styles__$U = undefined;
 /* scoped */
-const __vue_scope_id__$T = undefined;
+const __vue_scope_id__$U = undefined;
 /* module identifier */
-const __vue_module_identifier__$T = undefined;
+const __vue_module_identifier__$U = undefined;
 /* functional template */
-const __vue_is_functional_template__$T = false;
+const __vue_is_functional_template__$U = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$T = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$T,
-  staticRenderFns: __vue_staticRenderFns__$T
-}, __vue_inject_styles__$T, __vue_script__$T, __vue_scope_id__$T, __vue_is_functional_template__$T, __vue_module_identifier__$T, false, undefined, undefined, undefined);
+const __vue_component__$U = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$U,
+  staticRenderFns: __vue_staticRenderFns__$U
+}, __vue_inject_styles__$U, __vue_script__$U, __vue_scope_id__$U, __vue_is_functional_template__$U, __vue_module_identifier__$U, false, undefined, undefined, undefined);
 
 const inputVariants$1 = cva('rq-input', {
   variants: {
@@ -31697,7 +31697,7 @@ const inputVariants$1 = cva('rq-input', {
 //
 
 let uid$8 = 0;
-var script$S = {
+var script$T = {
   name: 'RqInput',
   inheritAttrs: false,
   props: {
@@ -31791,10 +31791,10 @@ var script$S = {
 };
 
 /* script */
-const __vue_script__$S = script$S;
+const __vue_script__$T = script$T;
 
 /* template */
-var __vue_render__$S = function () {
+var __vue_render__$T = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -31849,27 +31849,27 @@ var __vue_render__$S = function () {
     class: ["rq-input__counter", _vm.error && "rq-input__counter--error"]
   }, [_vm._v(_vm._s(_vm.currentLength) + "/" + _vm._s(_vm.maxLength))]) : _vm._e()]) : _vm._e()]);
 };
-var __vue_staticRenderFns__$S = [];
-__vue_render__$S._withStripped = true;
+var __vue_staticRenderFns__$T = [];
+__vue_render__$T._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$S = undefined;
+const __vue_inject_styles__$T = undefined;
 /* scoped */
-const __vue_scope_id__$S = undefined;
+const __vue_scope_id__$T = undefined;
 /* module identifier */
-const __vue_module_identifier__$S = undefined;
+const __vue_module_identifier__$T = undefined;
 /* functional template */
-const __vue_is_functional_template__$S = false;
+const __vue_is_functional_template__$T = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$S = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$S,
-  staticRenderFns: __vue_staticRenderFns__$S
-}, __vue_inject_styles__$S, __vue_script__$S, __vue_scope_id__$S, __vue_is_functional_template__$S, __vue_module_identifier__$S, false, undefined, undefined, undefined);
+const __vue_component__$T = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$T,
+  staticRenderFns: __vue_staticRenderFns__$T
+}, __vue_inject_styles__$T, __vue_script__$T, __vue_scope_id__$T, __vue_is_functional_template__$T, __vue_module_identifier__$T, false, undefined, undefined, undefined);
 
 const inputVariants = cva('rq-field', {
   variants: {
@@ -31921,7 +31921,7 @@ const inputVariants = cva('rq-field', {
 //
 //
 
-var script$R = {
+var script$S = {
   name: 'Input',
   inheritAttrs: false,
   props: {
@@ -31994,10 +31994,10 @@ var script$R = {
 };
 
 /* script */
-const __vue_script__$R = script$R;
+const __vue_script__$S = script$S;
 
 /* template */
-var __vue_render__$R = function () {
+var __vue_render__$S = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -32033,27 +32033,27 @@ var __vue_render__$R = function () {
     }
   }) : _vm._e()], 1);
 };
-var __vue_staticRenderFns__$R = [];
-__vue_render__$R._withStripped = true;
+var __vue_staticRenderFns__$S = [];
+__vue_render__$S._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$R = undefined;
+const __vue_inject_styles__$S = undefined;
 /* scoped */
-const __vue_scope_id__$R = undefined;
+const __vue_scope_id__$S = undefined;
 /* module identifier */
-const __vue_module_identifier__$R = undefined;
+const __vue_module_identifier__$S = undefined;
 /* functional template */
-const __vue_is_functional_template__$R = false;
+const __vue_is_functional_template__$S = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$R = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$R,
-  staticRenderFns: __vue_staticRenderFns__$R
-}, __vue_inject_styles__$R, __vue_script__$R, __vue_scope_id__$R, __vue_is_functional_template__$R, __vue_module_identifier__$R, false, undefined, undefined, undefined);
+const __vue_component__$S = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$S,
+  staticRenderFns: __vue_staticRenderFns__$S
+}, __vue_inject_styles__$S, __vue_script__$S, __vue_scope_id__$S, __vue_is_functional_template__$S, __vue_module_identifier__$S, false, undefined, undefined, undefined);
 
 const buttonVariants = cva('rq-button', {
   variants: {
@@ -32098,7 +32098,7 @@ const buttonVariants = cva('rq-button', {
 //
 //
 
-var script$Q = {
+var script$R = {
   name: 'Button',
   props: {
     variant: {
@@ -32194,10 +32194,10 @@ var script$Q = {
 };
 
 /* script */
-const __vue_script__$Q = script$Q;
+const __vue_script__$R = script$R;
 
 /* template */
-var __vue_render__$Q = function () {
+var __vue_render__$R = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -32225,27 +32225,27 @@ var __vue_render__$Q = function () {
     }
   }) : _vm._e()], 2);
 };
-var __vue_staticRenderFns__$Q = [];
-__vue_render__$Q._withStripped = true;
+var __vue_staticRenderFns__$R = [];
+__vue_render__$R._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$Q = undefined;
+const __vue_inject_styles__$R = undefined;
 /* scoped */
-const __vue_scope_id__$Q = undefined;
+const __vue_scope_id__$R = undefined;
 /* module identifier */
-const __vue_module_identifier__$Q = undefined;
+const __vue_module_identifier__$R = undefined;
 /* functional template */
-const __vue_is_functional_template__$Q = false;
+const __vue_is_functional_template__$R = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$Q = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$Q,
-  staticRenderFns: __vue_staticRenderFns__$Q
-}, __vue_inject_styles__$Q, __vue_script__$Q, __vue_scope_id__$Q, __vue_is_functional_template__$Q, __vue_module_identifier__$Q, false, undefined, undefined, undefined);
+const __vue_component__$R = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$R,
+  staticRenderFns: __vue_staticRenderFns__$R
+}, __vue_inject_styles__$R, __vue_script__$R, __vue_scope_id__$R, __vue_is_functional_template__$R, __vue_module_identifier__$R, false, undefined, undefined, undefined);
 
 //
 //
@@ -32319,7 +32319,7 @@ const WEIGHT_MAP = {
   semibold: 600,
   bold: 700
 };
-var script$P = {
+var script$Q = {
   name: 'Typography',
   props: {
     variant: {
@@ -32353,10 +32353,10 @@ var script$P = {
 };
 
 /* script */
-const __vue_script__$P = script$P;
+const __vue_script__$Q = script$Q;
 
 /* template */
-var __vue_render__$P = function () {
+var __vue_render__$Q = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -32366,27 +32366,27 @@ var __vue_render__$P = function () {
     style: _vm.weightStyle
   }, _vm.$listeners), [_vm._t("default")], 2);
 };
-var __vue_staticRenderFns__$P = [];
-__vue_render__$P._withStripped = true;
+var __vue_staticRenderFns__$Q = [];
+__vue_render__$Q._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$P = undefined;
+const __vue_inject_styles__$Q = undefined;
 /* scoped */
-const __vue_scope_id__$P = undefined;
+const __vue_scope_id__$Q = undefined;
 /* module identifier */
-const __vue_module_identifier__$P = undefined;
+const __vue_module_identifier__$Q = undefined;
 /* functional template */
-const __vue_is_functional_template__$P = false;
+const __vue_is_functional_template__$Q = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$P = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$P,
-  staticRenderFns: __vue_staticRenderFns__$P
-}, __vue_inject_styles__$P, __vue_script__$P, __vue_scope_id__$P, __vue_is_functional_template__$P, __vue_module_identifier__$P, false, undefined, undefined, undefined);
+const __vue_component__$Q = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$Q,
+  staticRenderFns: __vue_staticRenderFns__$Q
+}, __vue_inject_styles__$Q, __vue_script__$Q, __vue_scope_id__$Q, __vue_is_functional_template__$Q, __vue_module_identifier__$Q, false, undefined, undefined, undefined);
 
 const linkVariants = cva('rq-link', {
   variants: {
@@ -32424,10 +32424,10 @@ const linkVariants = cva('rq-link', {
 //
 //
 
-var script$O = {
+var script$P = {
   name: 'Link',
   components: {
-    Typography: __vue_component__$P
+    Typography: __vue_component__$Q
   },
   props: {
     variant: {
@@ -32484,10 +32484,10 @@ var script$O = {
 };
 
 /* script */
-const __vue_script__$O = script$O;
+const __vue_script__$P = script$P;
 
 /* template */
-var __vue_render__$O = function () {
+var __vue_render__$P = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -32506,6 +32506,108 @@ var __vue_render__$O = function () {
     }
   }, _vm.listeners), [_vm._t("default")], 2);
 };
+var __vue_staticRenderFns__$P = [];
+__vue_render__$P._withStripped = true;
+
+/* style */
+const __vue_inject_styles__$P = undefined;
+/* scoped */
+const __vue_scope_id__$P = undefined;
+/* module identifier */
+const __vue_module_identifier__$P = undefined;
+/* functional template */
+const __vue_is_functional_template__$P = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$P = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$P,
+  staticRenderFns: __vue_staticRenderFns__$P
+}, __vue_inject_styles__$P, __vue_script__$P, __vue_scope_id__$P, __vue_is_functional_template__$P, __vue_module_identifier__$P, false, undefined, undefined, undefined);
+
+const spinnerVariants = cva('rq-spinner', {
+  variants: {
+    size: {
+      sm: 'rq-spinner--sm',
+      md: 'rq-spinner--md',
+      lg: 'rq-spinner--lg',
+      xl: 'rq-spinner--xl'
+    },
+    mirrored: {
+      true: 'rq-spinner--mirrored',
+      false: ''
+    }
+  },
+  defaultVariants: {
+    size: 'md',
+    mirrored: false
+  }
+});
+
+//
+//
+//
+//
+//
+//
+//
+
+var script$O = {
+  name: 'Spinner',
+  props: {
+    size: {
+      type: String,
+      default: 'md',
+      validator: v => ['sm', 'md', 'lg', 'xl'].includes(v)
+    },
+    mirrored: {
+      type: Boolean,
+      default: false
+    },
+    label: {
+      type: String,
+      default: 'Cargando'
+    },
+    boxed: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    classes() {
+      return spinnerVariants({
+        size: this.size,
+        mirrored: this.mirrored
+      });
+    }
+  }
+};
+
+/* script */
+const __vue_script__$O = script$O;
+
+/* template */
+var __vue_render__$O = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _vm.boxed ? _c("span", {
+    class: ["rq-spinner-box", "rq-spinner-box--" + _vm.size]
+  }, [_c("output", _vm._g({
+    class: _vm.classes,
+    attrs: {
+      "aria-label": _vm.label
+    }
+  }, _vm.$listeners))]) : _c("output", _vm._g({
+    class: _vm.classes,
+    attrs: {
+      "aria-label": _vm.label
+    }
+  }, _vm.$listeners));
+};
 var __vue_staticRenderFns__$O = [];
 __vue_render__$O._withStripped = true;
 
@@ -32528,18 +32630,7 @@ const __vue_component__$O = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$O
 }, __vue_inject_styles__$O, __vue_script__$O, __vue_scope_id__$O, __vue_is_functional_template__$O, __vue_module_identifier__$O, false, undefined, undefined, undefined);
 
-const progressVariants = cva('rq-progress', {
-  variants: {
-    variant: {
-      default: 'rq-progress--default',
-      success: 'rq-progress--success',
-      error: 'rq-progress--error'
-    }
-  },
-  defaultVariants: {
-    variant: 'default'
-  }
-});
+const checkboxVariants = cva('rq-checkbox');
 
 //
 //
@@ -32567,75 +32658,52 @@ const progressVariants = cva('rq-progress', {
 //
 //
 //
-//
-//
 
-const SEGMENT_COLORS = new Set(['default', 'success', 'error', 'warning']);
-let uid$7 = 0;
-function clamp(value) {
-  const number = Number.isFinite(value) ? value : 0;
-  return Math.min(100, Math.max(0, number));
-}
 var script$N = {
-  name: 'Progress',
+  name: 'Checkbox',
+  model: {
+    prop: 'checked',
+    event: 'change'
+  },
   props: {
-    value: {
-      type: Number,
-      default: 0
-    },
-    variant: {
-      type: String,
-      default: 'default',
-      validator: v => ['default', 'success', 'error'].includes(v)
+    checked: {
+      type: Boolean,
+      default: false
     },
-    label: {
-      type: String,
-      default: null
+    indeterminate: {
+      type: Boolean,
+      default: false
     },
-    showValue: {
+    disabled: {
       type: Boolean,
-      default: true
+      default: false
     },
-    segments: {
-      type: Array,
-      default: () => []
+    error: {
+      type: Boolean,
+      default: false
     }
   },
-  data() {
-    uid$7 += 1;
-    return {
-      labelId: `rq-progress-label-${uid$7}`
-    };
-  },
   computed: {
     classes() {
-      return progressVariants({
-        variant: this.variant
-      });
+      return [checkboxVariants(), {
+        'rq-checkbox--checked': this.checked,
+        'rq-checkbox--indeterminate': this.indeterminate,
+        'rq-checkbox--error': this.error,
+        'rq-checkbox--disabled': this.disabled
+      }];
     },
-    normalizedSegments() {
-      let used = 0;
-      return this.segments.map(segment => {
-        const width = Math.min(clamp(segment.value), 100 - used);
-        used += width;
-        const isVariant = !segment.color || SEGMENT_COLORS.has(segment.color);
-        return {
-          width,
-          classes: ['rq-progress__segment', `rq-progress__segment--${isVariant ? segment.color || 'default' : 'custom'}`],
-          style: isVariant ? {
-            width: `${width}%`
-          } : {
-            width: `${width}%`,
-            background: segment.color
-          }
-        };
-      });
+    listenersWithoutChange() {
+      const {
+        change,
+        ...rest
+      } = this.$listeners;
+      return rest;
     },
-    percent() {
-      if (this.segments.length) {
-        return Math.round(this.normalizedSegments.reduce((total, segment) => total + segment.width, 0));
-      }
-      return Math.round(clamp(this.value));
+    checkIcon() {
+      return Check;
+    },
+    minusIcon() {
+      return Minus;
     }
   }
 };
@@ -32648,43 +32716,37 @@ var __vue_render__$N = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", _vm._g({
-    staticClass: "rq-progress-field"
-  }, _vm.$listeners), [_vm.label ? _c("div", {
-    staticClass: "rq-progress-field__header"
-  }, [_c("span", {
-    staticClass: "rq-progress-field__label",
-    attrs: {
-      id: _vm.labelId
-    }
-  }, [_vm._v(_vm._s(_vm.label))]), _vm._v(" "), _vm.showValue ? _c("span", {
-    staticClass: "rq-progress-field__value"
-  }, [_vm._v(_vm._s(_vm.percent) + "%")]) : _vm._e()]) : _vm._e(), _vm._v(" "), _c("progress", {
-    staticClass: "rq-progress-field__native",
+  return _c("label", _vm._g({
+    class: _vm.classes
+  }, _vm.listenersWithoutChange), [_c("input", {
+    staticClass: "rq-checkbox__input",
     attrs: {
-      max: "100",
-      "aria-labelledby": _vm.label ? _vm.labelId : null
+      type: "checkbox",
+      disabled: _vm.disabled
     },
     domProps: {
-      value: _vm.percent
+      checked: _vm.checked,
+      indeterminate: _vm.indeterminate
+    },
+    on: {
+      change: function ($event) {
+        return _vm.$emit("change", $event.target.checked);
+      }
     }
-  }, [_vm._v("\n    " + _vm._s(_vm.percent) + "%\n  ")]), _vm._v(" "), _c("div", {
-    class: _vm.classes,
+  }), _vm._v(" "), _vm.checked && !_vm.indeterminate ? _c(_vm.checkIcon, {
+    tag: "component",
+    staticClass: "rq-checkbox__icon",
     attrs: {
-      "aria-hidden": "true"
+      size: 12,
+      "stroke-width": 3
     }
-  }, [_vm.segments.length ? _vm._l(_vm.normalizedSegments, function (segment, index) {
-    return _c("span", {
-      key: index,
-      class: segment.classes,
-      style: segment.style
-    });
-  }) : _c("span", {
-    staticClass: "rq-progress__fill",
-    style: {
-      width: _vm.percent + "%"
+  }) : _vm._e(), _vm._v(" "), _vm.indeterminate ? _c(_vm.minusIcon, {
+    tag: "component",
+    staticClass: "rq-checkbox__icon",
+    attrs: {
+      size: 12
     }
-  })], 2)]);
+  }) : _vm._e()], 1);
 };
 var __vue_staticRenderFns__$N = [];
 __vue_render__$N._withStripped = true;
@@ -32708,25 +32770,16 @@ const __vue_component__$N = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$N
 }, __vue_inject_styles__$N, __vue_script__$N, __vue_scope_id__$N, __vue_is_functional_template__$N, __vue_module_identifier__$N, false, undefined, undefined, undefined);
 
-const spinnerVariants = cva('rq-spinner', {
-  variants: {
-    size: {
-      sm: 'rq-spinner--sm',
-      md: 'rq-spinner--md',
-      lg: 'rq-spinner--lg',
-      xl: 'rq-spinner--xl'
-    },
-    mirrored: {
-      true: 'rq-spinner--mirrored',
-      false: ''
-    }
-  },
-  defaultVariants: {
-    size: 'md',
-    mirrored: false
-  }
-});
+const switchVariants = cva('rq-switch');
 
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -32736,32 +32789,27 @@ const spinnerVariants = cva('rq-spinner', {
 //
 
 var script$M = {
-  name: 'Spinner',
+  name: 'RqSwitch',
+  model: {
+    prop: 'checked',
+    event: 'change'
+  },
   props: {
-    size: {
-      type: String,
-      default: 'md',
-      validator: v => ['sm', 'md', 'lg', 'xl'].includes(v)
-    },
-    mirrored: {
+    checked: {
       type: Boolean,
       default: false
     },
-    label: {
-      type: String,
-      default: 'Cargando'
-    },
-    boxed: {
+    disabled: {
       type: Boolean,
       default: false
     }
   },
   computed: {
     classes() {
-      return spinnerVariants({
-        size: this.size,
-        mirrored: this.mirrored
-      });
+      return [switchVariants(), {
+        'rq-switch--checked': this.checked,
+        'rq-switch--disabled': this.disabled
+      }];
     }
   }
 };
@@ -32774,19 +32822,29 @@ var __vue_render__$M = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _vm.boxed ? _c("span", {
-    class: ["rq-spinner-box", "rq-spinner-box--" + _vm.size]
-  }, [_c("output", _vm._g({
-    class: _vm.classes,
-    attrs: {
-      "aria-label": _vm.label
-    }
-  }, _vm.$listeners))]) : _c("output", _vm._g({
+  return _c("span", _vm._g({
     class: _vm.classes,
     attrs: {
-      "aria-label": _vm.label
+      tabindex: _vm.disabled ? -1 : 0,
+      role: "switch",
+      "aria-checked": String(_vm.checked),
+      "aria-disabled": String(_vm.disabled)
+    },
+    on: {
+      click: function ($event) {
+        return _vm.$emit("change", !_vm.checked);
+      },
+      keydown: function ($event) {
+        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"])) {
+          return null;
+        }
+        $event.preventDefault();
+        return _vm.$emit("change", !_vm.checked);
+      }
     }
-  }, _vm.$listeners));
+  }, _vm.$listeners), [_c("span", {
+    staticClass: "rq-switch__thumb"
+  })]);
 };
 var __vue_staticRenderFns__$M = [];
 __vue_render__$M._withStripped = true;
@@ -32810,7 +32868,10 @@ const __vue_component__$M = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$M
 }, __vue_inject_styles__$M, __vue_script__$M, __vue_scope_id__$M, __vue_is_functional_template__$M, __vue_module_identifier__$M, false, undefined, undefined, undefined);
 
-const checkboxVariants = cva('rq-checkbox');
+const chipVariants = cva('rq-chip', {
+  variants: {},
+  defaultVariants: {}
+});
 
 //
 //
@@ -32827,63 +32888,31 @@ const checkboxVariants = cva('rq-checkbox');
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 var script$L = {
-  name: 'Checkbox',
-  model: {
-    prop: 'checked',
-    event: 'change'
-  },
+  name: 'Chip',
   props: {
-    checked: {
-      type: Boolean,
-      default: false
+    label: {
+      type: String,
+      default: ''
     },
-    indeterminate: {
+    closable: {
       type: Boolean,
       default: false
     },
     disabled: {
       type: Boolean,
       default: false
-    },
-    error: {
-      type: Boolean,
-      default: false
     }
   },
   computed: {
     classes() {
-      return [checkboxVariants(), {
-        'rq-checkbox--checked': this.checked,
-        'rq-checkbox--indeterminate': this.indeterminate,
-        'rq-checkbox--error': this.error,
-        'rq-checkbox--disabled': this.disabled
+      return [chipVariants(), {
+        'rq-chip--disabled': this.disabled
       }];
     },
-    listenersWithoutChange() {
-      const {
-        change,
-        ...rest
-      } = this.$listeners;
-      return rest;
-    },
-    checkIcon() {
-      return Check;
-    },
-    minusIcon() {
-      return Minus;
+    xIcon() {
+      return CircleX;
     }
   }
 };
@@ -32896,37 +32925,26 @@ var __vue_render__$L = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("label", _vm._g({
+  return _c("span", _vm._g({
     class: _vm.classes
-  }, _vm.listenersWithoutChange), [_c("input", {
-    staticClass: "rq-checkbox__input",
+  }, _vm.$listeners), [_c("span", [_vm._v(_vm._s(_vm.label))]), _vm._v(" "), _vm.closable ? _c("button", {
+    staticClass: "rq-chip__close",
     attrs: {
-      type: "checkbox",
+      type: "button",
       disabled: _vm.disabled
     },
-    domProps: {
-      checked: _vm.checked,
-      indeterminate: _vm.indeterminate
-    },
     on: {
-      change: function ($event) {
-        return _vm.$emit("change", $event.target.checked);
+      click: function ($event) {
+        $event.stopPropagation();
+        return _vm.$emit("close");
       }
     }
-  }), _vm._v(" "), _vm.checked && !_vm.indeterminate ? _c(_vm.checkIcon, {
-    tag: "component",
-    staticClass: "rq-checkbox__icon",
-    attrs: {
-      size: 12,
-      "stroke-width": 3
-    }
-  }) : _vm._e(), _vm._v(" "), _vm.indeterminate ? _c(_vm.minusIcon, {
+  }, [_c(_vm.xIcon, {
     tag: "component",
-    staticClass: "rq-checkbox__icon",
     attrs: {
-      size: 12
+      size: 16
     }
-  }) : _vm._e()], 1);
+  })], 1) : _vm._e()]);
 };
 var __vue_staticRenderFns__$L = [];
 __vue_render__$L._withStripped = true;
@@ -32950,204 +32968,6 @@ const __vue_component__$L = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$L
 }, __vue_inject_styles__$L, __vue_script__$L, __vue_scope_id__$L, __vue_is_functional_template__$L, __vue_module_identifier__$L, false, undefined, undefined, undefined);
 
-const switchVariants = cva('rq-switch');
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-var script$K = {
-  name: 'RqSwitch',
-  model: {
-    prop: 'checked',
-    event: 'change'
-  },
-  props: {
-    checked: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  computed: {
-    classes() {
-      return [switchVariants(), {
-        'rq-switch--checked': this.checked,
-        'rq-switch--disabled': this.disabled
-      }];
-    }
-  }
-};
-
-/* script */
-const __vue_script__$K = script$K;
-
-/* template */
-var __vue_render__$K = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("span", _vm._g({
-    class: _vm.classes,
-    attrs: {
-      tabindex: _vm.disabled ? -1 : 0,
-      role: "switch",
-      "aria-checked": String(_vm.checked),
-      "aria-disabled": String(_vm.disabled)
-    },
-    on: {
-      click: function ($event) {
-        return _vm.$emit("change", !_vm.checked);
-      },
-      keydown: function ($event) {
-        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"])) {
-          return null;
-        }
-        $event.preventDefault();
-        return _vm.$emit("change", !_vm.checked);
-      }
-    }
-  }, _vm.$listeners), [_c("span", {
-    staticClass: "rq-switch__thumb"
-  })]);
-};
-var __vue_staticRenderFns__$K = [];
-__vue_render__$K._withStripped = true;
-
-/* style */
-const __vue_inject_styles__$K = undefined;
-/* scoped */
-const __vue_scope_id__$K = undefined;
-/* module identifier */
-const __vue_module_identifier__$K = undefined;
-/* functional template */
-const __vue_is_functional_template__$K = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$K = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$K,
-  staticRenderFns: __vue_staticRenderFns__$K
-}, __vue_inject_styles__$K, __vue_script__$K, __vue_scope_id__$K, __vue_is_functional_template__$K, __vue_module_identifier__$K, false, undefined, undefined, undefined);
-
-const chipVariants = cva('rq-chip', {
-  variants: {},
-  defaultVariants: {}
-});
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-var script$J = {
-  name: 'Chip',
-  props: {
-    label: {
-      type: String,
-      default: ''
-    },
-    closable: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  computed: {
-    classes() {
-      return [chipVariants(), {
-        'rq-chip--disabled': this.disabled
-      }];
-    },
-    xIcon() {
-      return CircleX;
-    }
-  }
-};
-
-/* script */
-const __vue_script__$J = script$J;
-
-/* template */
-var __vue_render__$J = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("span", _vm._g({
-    class: _vm.classes
-  }, _vm.$listeners), [_c("span", [_vm._v(_vm._s(_vm.label))]), _vm._v(" "), _vm.closable ? _c("button", {
-    staticClass: "rq-chip__close",
-    attrs: {
-      type: "button",
-      disabled: _vm.disabled
-    },
-    on: {
-      click: function ($event) {
-        $event.stopPropagation();
-        return _vm.$emit("close");
-      }
-    }
-  }, [_c(_vm.xIcon, {
-    tag: "component",
-    attrs: {
-      size: 16
-    }
-  })], 1) : _vm._e()]);
-};
-var __vue_staticRenderFns__$J = [];
-__vue_render__$J._withStripped = true;
-
-/* style */
-const __vue_inject_styles__$J = undefined;
-/* scoped */
-const __vue_scope_id__$J = undefined;
-/* module identifier */
-const __vue_module_identifier__$J = undefined;
-/* functional template */
-const __vue_is_functional_template__$J = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$J = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$J,
-  staticRenderFns: __vue_staticRenderFns__$J
-}, __vue_inject_styles__$J, __vue_script__$J, __vue_scope_id__$J, __vue_is_functional_template__$J, __vue_module_identifier__$J, false, undefined, undefined, undefined);
-
 const badgeVariants = cva('rq-badge', {
   variants: {
     variant: {
@@ -33191,7 +33011,7 @@ const badgeVariants = cva('rq-badge', {
 //
 //
 
-var script$I = {
+var script$K = {
   name: 'Badge',
   inheritAttrs: false,
   props: {
@@ -33257,10 +33077,10 @@ var script$I = {
 };
 
 /* script */
-const __vue_script__$I = script$I;
+const __vue_script__$K = script$K;
 
 /* template */
-var __vue_render__$I = function () {
+var __vue_render__$K = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -33269,27 +33089,27 @@ var __vue_render__$I = function () {
     style: _vm.inlineStyle
   }, "span", _vm.$attrs, false), _vm.$listeners), [_vm._t("left"), _vm._v(" "), _vm._t("default"), _vm._v(" "), _vm._t("right")], 2);
 };
-var __vue_staticRenderFns__$I = [];
-__vue_render__$I._withStripped = true;
+var __vue_staticRenderFns__$K = [];
+__vue_render__$K._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$I = undefined;
+const __vue_inject_styles__$K = undefined;
 /* scoped */
-const __vue_scope_id__$I = undefined;
+const __vue_scope_id__$K = undefined;
 /* module identifier */
-const __vue_module_identifier__$I = undefined;
+const __vue_module_identifier__$K = undefined;
 /* functional template */
-const __vue_is_functional_template__$I = false;
+const __vue_is_functional_template__$K = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$I = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$I,
-  staticRenderFns: __vue_staticRenderFns__$I
-}, __vue_inject_styles__$I, __vue_script__$I, __vue_scope_id__$I, __vue_is_functional_template__$I, __vue_module_identifier__$I, false, undefined, undefined, undefined);
+const __vue_component__$K = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$K,
+  staticRenderFns: __vue_staticRenderFns__$K
+}, __vue_inject_styles__$K, __vue_script__$K, __vue_scope_id__$K, __vue_is_functional_template__$K, __vue_module_identifier__$K, false, undefined, undefined, undefined);
 
 const iconVariants = cva('rq-icon', {
   variants: {
@@ -33323,7 +33143,7 @@ const iconVariants = cva('rq-icon', {
 //
 //
 
-var script$H = {
+var script$J = {
   name: 'Icon',
   inheritAttrs: false,
   props: {
@@ -33375,10 +33195,10 @@ var script$H = {
 };
 
 /* script */
-const __vue_script__$H = script$H;
+const __vue_script__$J = script$J;
 
 /* template */
-var __vue_render__$H = function () {
+var __vue_render__$J = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -33387,27 +33207,27 @@ var __vue_render__$H = function () {
     style: _vm.fontVariationStyle
   }, "span", _vm.mergedAttrs, false), _vm.$listeners), [_vm._v(_vm._s(_vm.name))]);
 };
-var __vue_staticRenderFns__$H = [];
-__vue_render__$H._withStripped = true;
+var __vue_staticRenderFns__$J = [];
+__vue_render__$J._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$H = undefined;
+const __vue_inject_styles__$J = undefined;
 /* scoped */
-const __vue_scope_id__$H = undefined;
+const __vue_scope_id__$J = undefined;
 /* module identifier */
-const __vue_module_identifier__$H = undefined;
+const __vue_module_identifier__$J = undefined;
 /* functional template */
-const __vue_is_functional_template__$H = false;
+const __vue_is_functional_template__$J = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$H = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$H,
-  staticRenderFns: __vue_staticRenderFns__$H
-}, __vue_inject_styles__$H, __vue_script__$H, __vue_scope_id__$H, __vue_is_functional_template__$H, __vue_module_identifier__$H, false, undefined, undefined, undefined);
+const __vue_component__$J = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$J,
+  staticRenderFns: __vue_staticRenderFns__$J
+}, __vue_inject_styles__$J, __vue_script__$J, __vue_scope_id__$J, __vue_is_functional_template__$J, __vue_module_identifier__$J, false, undefined, undefined, undefined);
 
 const skeletonVariants = cva('rq-skeleton');
 
@@ -33416,7 +33236,7 @@ const skeletonVariants = cva('rq-skeleton');
 //
 //
 
-var script$G = {
+var script$I = {
   name: 'Skeleton',
   props: {
     width: {
@@ -33436,10 +33256,10 @@ var script$G = {
 };
 
 /* script */
-const __vue_script__$G = script$G;
+const __vue_script__$I = script$I;
 
 /* template */
-var __vue_render__$G = function () {
+var __vue_render__$I = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -33451,27 +33271,27 @@ var __vue_render__$G = function () {
     }
   }, _vm.$listeners));
 };
-var __vue_staticRenderFns__$G = [];
-__vue_render__$G._withStripped = true;
+var __vue_staticRenderFns__$I = [];
+__vue_render__$I._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$G = undefined;
+const __vue_inject_styles__$I = undefined;
 /* scoped */
-const __vue_scope_id__$G = undefined;
+const __vue_scope_id__$I = undefined;
 /* module identifier */
-const __vue_module_identifier__$G = undefined;
+const __vue_module_identifier__$I = undefined;
 /* functional template */
-const __vue_is_functional_template__$G = false;
+const __vue_is_functional_template__$I = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$G = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$G,
-  staticRenderFns: __vue_staticRenderFns__$G
-}, __vue_inject_styles__$G, __vue_script__$G, __vue_scope_id__$G, __vue_is_functional_template__$G, __vue_module_identifier__$G, false, undefined, undefined, undefined);
+const __vue_component__$I = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$I,
+  staticRenderFns: __vue_staticRenderFns__$I
+}, __vue_inject_styles__$I, __vue_script__$I, __vue_scope_id__$I, __vue_is_functional_template__$I, __vue_module_identifier__$I, false, undefined, undefined, undefined);
 
 const selectVariants = cva('rq-select', {
   variants: {
@@ -33510,12 +33330,12 @@ const selectVariants = cva('rq-select', {
 //
 //
 
-let uid$6 = 0;
-var script$F = {
+let uid$7 = 0;
+var script$H = {
   name: 'Select',
   inheritAttrs: false,
   components: {
-    Icon: __vue_component__$H
+    Icon: __vue_component__$J
   },
   props: {
     value: {
@@ -33546,9 +33366,9 @@ var script$F = {
     }
   },
   data() {
-    uid$6 += 1;
+    uid$7 += 1;
     return {
-      generatedId: `rq-select-${uid$6}`
+      generatedId: `rq-select-${uid$7}`
     };
   },
   computed: {
@@ -33572,9 +33392,15 @@ var script$F = {
     },
     // El <select> trabaja con el índice de la opción para emitir el `value`
     // con su tipo original (número, string…) en vez del string del DOM.
+    // El `input` nativo no se reenvía: el del v-model lo emite el Select con
+    // el value de la opción, y si no, el padre recibía el Event antes.
     selectListeners() {
+      const listeners = {
+        ...this.$listeners
+      };
+      delete listeners.input;
       return {
-        ...this.$listeners,
+        ...listeners,
         change: e => {
           const option = this.options[e.target.value];
           const value = option ? option.value : '';
@@ -33590,10 +33416,10 @@ var script$F = {
 };
 
 /* script */
-const __vue_script__$F = script$F;
+const __vue_script__$H = script$H;
 
 /* template */
-var __vue_render__$F = function () {
+var __vue_render__$H = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -33633,27 +33459,27 @@ var __vue_render__$F = function () {
     }
   })], 1);
 };
-var __vue_staticRenderFns__$F = [];
-__vue_render__$F._withStripped = true;
+var __vue_staticRenderFns__$H = [];
+__vue_render__$H._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$F = undefined;
+const __vue_inject_styles__$H = undefined;
 /* scoped */
-const __vue_scope_id__$F = undefined;
+const __vue_scope_id__$H = undefined;
 /* module identifier */
-const __vue_module_identifier__$F = undefined;
+const __vue_module_identifier__$H = undefined;
 /* functional template */
-const __vue_is_functional_template__$F = false;
+const __vue_is_functional_template__$H = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$F = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$F,
-  staticRenderFns: __vue_staticRenderFns__$F
-}, __vue_inject_styles__$F, __vue_script__$F, __vue_scope_id__$F, __vue_is_functional_template__$F, __vue_module_identifier__$F, false, undefined, undefined, undefined);
+const __vue_component__$H = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$H,
+  staticRenderFns: __vue_staticRenderFns__$H
+}, __vue_inject_styles__$H, __vue_script__$H, __vue_scope_id__$H, __vue_is_functional_template__$H, __vue_module_identifier__$H, false, undefined, undefined, undefined);
 
 // Sin dimensiones CVA: Textarea tiene un solo tamaño (alto mínimo 96, crece con rows/resize).
 const textareaVariants = cva('rq-textarea');
@@ -33673,8 +33499,8 @@ const textareaVariants = cva('rq-textarea');
 //
 //
 
-let uid$5 = 0;
-var script$E = {
+let uid$6 = 0;
+var script$G = {
   name: 'Textarea',
   inheritAttrs: false,
   props: {
@@ -33700,9 +33526,9 @@ var script$E = {
     }
   },
   data() {
-    uid$5 += 1;
+    uid$6 += 1;
     return {
-      generatedId: `rq-textarea-${uid$5}`
+      generatedId: `rq-textarea-${uid$6}`
     };
   },
   computed: {
@@ -33724,10 +33550,10 @@ var script$E = {
 };
 
 /* script */
-const __vue_script__$E = script$E;
+const __vue_script__$G = script$G;
 
 /* template */
-var __vue_render__$E = function () {
+var __vue_render__$G = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -33745,27 +33571,27 @@ var __vue_render__$E = function () {
     }
   }, "textarea", _vm.$attrs, false), _vm.textareaListeners));
 };
-var __vue_staticRenderFns__$E = [];
-__vue_render__$E._withStripped = true;
+var __vue_staticRenderFns__$G = [];
+__vue_render__$G._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$E = undefined;
+const __vue_inject_styles__$G = undefined;
 /* scoped */
-const __vue_scope_id__$E = undefined;
+const __vue_scope_id__$G = undefined;
 /* module identifier */
-const __vue_module_identifier__$E = undefined;
+const __vue_module_identifier__$G = undefined;
 /* functional template */
-const __vue_is_functional_template__$E = false;
+const __vue_is_functional_template__$G = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$E = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$E,
-  staticRenderFns: __vue_staticRenderFns__$E
-}, __vue_inject_styles__$E, __vue_script__$E, __vue_scope_id__$E, __vue_is_functional_template__$E, __vue_module_identifier__$E, false, undefined, undefined, undefined);
+const __vue_component__$G = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$G,
+  staticRenderFns: __vue_staticRenderFns__$G
+}, __vue_inject_styles__$G, __vue_script__$G, __vue_scope_id__$G, __vue_is_functional_template__$G, __vue_module_identifier__$G, false, undefined, undefined, undefined);
 
 // Sin dimensiones CVA: un solo tamaño (16px, área de 20), igual que Checkbox.
 const radioVariants = cva('rq-radio');
@@ -33787,8 +33613,8 @@ const radioVariants = cva('rq-radio');
 //
 //
 
-let uid$4 = 0;
-var script$D = {
+let uid$5 = 0;
+var script$F = {
   name: 'Radio',
   inheritAttrs: false,
   // v-model del grupo: el radio se marca cuando modelValue === value.
@@ -33819,9 +33645,9 @@ var script$D = {
     }
   },
   data() {
-    uid$4 += 1;
+    uid$5 += 1;
     return {
-      generatedId: `rq-radio-${uid$4}`
+      generatedId: `rq-radio-${uid$5}`
     };
   },
   computed: {
@@ -33851,10 +33677,10 @@ var script$D = {
 };
 
 /* script */
-const __vue_script__$D = script$D;
+const __vue_script__$F = script$F;
 
 /* template */
-var __vue_render__$D = function () {
+var __vue_render__$F = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -33874,27 +33700,27 @@ var __vue_render__$D = function () {
     }
   }, "input", _vm.$attrs, false), _vm.radioListeners))]);
 };
-var __vue_staticRenderFns__$D = [];
-__vue_render__$D._withStripped = true;
+var __vue_staticRenderFns__$F = [];
+__vue_render__$F._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$D = undefined;
+const __vue_inject_styles__$F = undefined;
 /* scoped */
-const __vue_scope_id__$D = undefined;
+const __vue_scope_id__$F = undefined;
 /* module identifier */
-const __vue_module_identifier__$D = undefined;
+const __vue_module_identifier__$F = undefined;
 /* functional template */
-const __vue_is_functional_template__$D = false;
+const __vue_is_functional_template__$F = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$D = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$D,
-  staticRenderFns: __vue_staticRenderFns__$D
-}, __vue_inject_styles__$D, __vue_script__$D, __vue_scope_id__$D, __vue_is_functional_template__$D, __vue_module_identifier__$D, false, undefined, undefined, undefined);
+const __vue_component__$F = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$F,
+  staticRenderFns: __vue_staticRenderFns__$F
+}, __vue_inject_styles__$F, __vue_script__$F, __vue_scope_id__$F, __vue_is_functional_template__$F, __vue_module_identifier__$F, false, undefined, undefined, undefined);
 
 const avatarVariants = cva('rq-avatar', {
   variants: {
@@ -33924,7 +33750,7 @@ const avatarVariants = cva('rq-avatar', {
 //
 //
 
-var script$C = {
+var script$E = {
   name: 'Avatar',
   props: {
     initials: {
@@ -33953,10 +33779,10 @@ var script$C = {
 };
 
 /* script */
-const __vue_script__$C = script$C;
+const __vue_script__$E = script$E;
 
 /* template */
-var __vue_render__$C = function () {
+var __vue_render__$E = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -33964,27 +33790,27 @@ var __vue_render__$C = function () {
     class: _vm.classes
   }, _vm.$listeners), [_vm._v(_vm._s(_vm.initials))]);
 };
-var __vue_staticRenderFns__$C = [];
-__vue_render__$C._withStripped = true;
+var __vue_staticRenderFns__$E = [];
+__vue_render__$E._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$C = undefined;
+const __vue_inject_styles__$E = undefined;
 /* scoped */
-const __vue_scope_id__$C = undefined;
+const __vue_scope_id__$E = undefined;
 /* module identifier */
-const __vue_module_identifier__$C = undefined;
+const __vue_module_identifier__$E = undefined;
 /* functional template */
-const __vue_is_functional_template__$C = false;
+const __vue_is_functional_template__$E = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$C = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$C,
-  staticRenderFns: __vue_staticRenderFns__$C
-}, __vue_inject_styles__$C, __vue_script__$C, __vue_scope_id__$C, __vue_is_functional_template__$C, __vue_module_identifier__$C, false, undefined, undefined, undefined);
+const __vue_component__$E = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$E,
+  staticRenderFns: __vue_staticRenderFns__$E
+}, __vue_inject_styles__$E, __vue_script__$E, __vue_scope_id__$E, __vue_is_functional_template__$E, __vue_module_identifier__$E, false, undefined, undefined, undefined);
 
 const tooltipVariants = cva('rq-tooltip', {
   variants: {
@@ -34031,7 +33857,7 @@ const tooltipVariants = cva('rq-tooltip', {
 // Separación entre el trigger y la burbuja, en px. Igual al gap que antes
 // definía el CSS con calc(100% + 8px).
 const GAP$1 = 8;
-var script$B = {
+var script$D = {
   name: 'Tooltip',
   props: {
     side: {
@@ -34169,10 +33995,10 @@ var script$B = {
 };
 
 /* script */
-const __vue_script__$B = script$B;
+const __vue_script__$D = script$D;
 
 /* template */
-var __vue_render__$B = function () {
+var __vue_render__$D = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -34192,27 +34018,27 @@ var __vue_render__$B = function () {
     style: _vm.style
   }, [_vm._v("\n    " + _vm._s(_vm.text) + "\n  ")])], 2);
 };
-var __vue_staticRenderFns__$B = [];
-__vue_render__$B._withStripped = true;
+var __vue_staticRenderFns__$D = [];
+__vue_render__$D._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$B = undefined;
+const __vue_inject_styles__$D = undefined;
 /* scoped */
-const __vue_scope_id__$B = undefined;
+const __vue_scope_id__$D = undefined;
 /* module identifier */
-const __vue_module_identifier__$B = undefined;
+const __vue_module_identifier__$D = undefined;
 /* functional template */
-const __vue_is_functional_template__$B = false;
+const __vue_is_functional_template__$D = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$B = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$B,
-  staticRenderFns: __vue_staticRenderFns__$B
-}, __vue_inject_styles__$B, __vue_script__$B, __vue_scope_id__$B, __vue_is_functional_template__$B, __vue_module_identifier__$B, false, undefined, undefined, undefined);
+const __vue_component__$D = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$D,
+  staticRenderFns: __vue_staticRenderFns__$D
+}, __vue_inject_styles__$D, __vue_script__$D, __vue_scope_id__$D, __vue_is_functional_template__$D, __vue_module_identifier__$D, false, undefined, undefined, undefined);
 
 const richCheckboxGroupVariants = cva('rq-rich-checkbox-group');
 
@@ -34276,10 +34102,10 @@ const groupMixin = {
 //
 //
 
-var script$A = {
+var script$C = {
   name: 'RichCheckboxGroup',
   components: {
-    Checkbox: __vue_component__$L
+    Checkbox: __vue_component__$N
   },
   mixins: [groupMixin],
   props: {
@@ -34307,10 +34133,10 @@ var script$A = {
 };
 
 /* script */
-const __vue_script__$A = script$A;
+const __vue_script__$C = script$C;
 
 /* template */
-var __vue_render__$A = function () {
+var __vue_render__$C = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -34348,27 +34174,27 @@ var __vue_render__$A = function () {
     secondaryLabel: _vm.secondaryLabel
   })], 2)], 1);
 };
-var __vue_staticRenderFns__$A = [];
-__vue_render__$A._withStripped = true;
+var __vue_staticRenderFns__$C = [];
+__vue_render__$C._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$A = undefined;
+const __vue_inject_styles__$C = undefined;
 /* scoped */
-const __vue_scope_id__$A = undefined;
+const __vue_scope_id__$C = undefined;
 /* module identifier */
-const __vue_module_identifier__$A = undefined;
+const __vue_module_identifier__$C = undefined;
 /* functional template */
-const __vue_is_functional_template__$A = false;
+const __vue_is_functional_template__$C = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$A = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$A,
-  staticRenderFns: __vue_staticRenderFns__$A
-}, __vue_inject_styles__$A, __vue_script__$A, __vue_scope_id__$A, __vue_is_functional_template__$A, __vue_module_identifier__$A, false, undefined, undefined, undefined);
+const __vue_component__$C = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$C,
+  staticRenderFns: __vue_staticRenderFns__$C
+}, __vue_inject_styles__$C, __vue_script__$C, __vue_scope_id__$C, __vue_is_functional_template__$C, __vue_module_identifier__$C, false, undefined, undefined, undefined);
 
 const checkboxGroupVariants = cva('rq-checkbox-group', {
   variants: {
@@ -34395,10 +34221,10 @@ const checkboxGroupVariants = cva('rq-checkbox-group', {
 //
 //
 
-var script$z = {
+var script$B = {
   name: 'CheckboxGroup',
   components: {
-    Checkbox: __vue_component__$L
+    Checkbox: __vue_component__$N
   },
   mixins: [groupMixin],
   props: {
@@ -34420,10 +34246,10 @@ var script$z = {
 };
 
 /* script */
-const __vue_script__$z = script$z;
+const __vue_script__$B = script$B;
 
 /* template */
-var __vue_render__$z = function () {
+var __vue_render__$B = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -34452,27 +34278,27 @@ var __vue_render__$z = function () {
     staticClass: "rq-checkbox-group__label"
   }, [_vm._v(_vm._s(_vm.label))])], 1);
 };
-var __vue_staticRenderFns__$z = [];
-__vue_render__$z._withStripped = true;
+var __vue_staticRenderFns__$B = [];
+__vue_render__$B._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$z = undefined;
+const __vue_inject_styles__$B = undefined;
 /* scoped */
-const __vue_scope_id__$z = undefined;
+const __vue_scope_id__$B = undefined;
 /* module identifier */
-const __vue_module_identifier__$z = undefined;
+const __vue_module_identifier__$B = undefined;
 /* functional template */
-const __vue_is_functional_template__$z = false;
+const __vue_is_functional_template__$B = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$z = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$z,
-  staticRenderFns: __vue_staticRenderFns__$z
-}, __vue_inject_styles__$z, __vue_script__$z, __vue_scope_id__$z, __vue_is_functional_template__$z, __vue_module_identifier__$z, false, undefined, undefined, undefined);
+const __vue_component__$B = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$B,
+  staticRenderFns: __vue_staticRenderFns__$B
+}, __vue_inject_styles__$B, __vue_script__$B, __vue_scope_id__$B, __vue_is_functional_template__$B, __vue_module_identifier__$B, false, undefined, undefined, undefined);
 
 const switchGroupVariants = cva('rq-switch-group', {
   variants: {
@@ -34504,10 +34330,10 @@ const switchGroupVariants = cva('rq-switch-group', {
 //
 //
 
-var script$y = {
+var script$A = {
   name: 'SwitchGroup',
   components: {
-    RqSwitch: __vue_component__$K
+    RqSwitch: __vue_component__$M
   },
   mixins: [groupMixin],
   props: {
@@ -34535,10 +34361,10 @@ var script$y = {
 };
 
 /* script */
-const __vue_script__$y = script$y;
+const __vue_script__$A = script$A;
 
 /* template */
-var __vue_render__$y = function () {
+var __vue_render__$A = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -34567,27 +34393,27 @@ var __vue_render__$y = function () {
     staticClass: "rq-switch-group__label"
   }, [_vm._v(_vm._s(_vm.label))])], 1);
 };
-var __vue_staticRenderFns__$y = [];
-__vue_render__$y._withStripped = true;
+var __vue_staticRenderFns__$A = [];
+__vue_render__$A._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$y = undefined;
+const __vue_inject_styles__$A = undefined;
 /* scoped */
-const __vue_scope_id__$y = undefined;
+const __vue_scope_id__$A = undefined;
 /* module identifier */
-const __vue_module_identifier__$y = undefined;
+const __vue_module_identifier__$A = undefined;
 /* functional template */
-const __vue_is_functional_template__$y = false;
+const __vue_is_functional_template__$A = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$y = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$y,
-  staticRenderFns: __vue_staticRenderFns__$y
-}, __vue_inject_styles__$y, __vue_script__$y, __vue_scope_id__$y, __vue_is_functional_template__$y, __vue_module_identifier__$y, false, undefined, undefined, undefined);
+const __vue_component__$A = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$A,
+  staticRenderFns: __vue_staticRenderFns__$A
+}, __vue_inject_styles__$A, __vue_script__$A, __vue_scope_id__$A, __vue_is_functional_template__$A, __vue_module_identifier__$A, false, undefined, undefined, undefined);
 
 const richSwitchGroupVariants = cva('rq-rich-switch-group');
 
@@ -34609,10 +34435,10 @@ const richSwitchGroupVariants = cva('rq-rich-switch-group');
 //
 //
 
-var script$x = {
+var script$z = {
   name: 'RichSwitchGroup',
   components: {
-    RqSwitch: __vue_component__$K
+    RqSwitch: __vue_component__$M
   },
   mixins: [groupMixin],
   props: {
@@ -34640,10 +34466,10 @@ var script$x = {
 };
 
 /* script */
-const __vue_script__$x = script$x;
+const __vue_script__$z = script$z;
 
 /* template */
-var __vue_render__$x = function () {
+var __vue_render__$z = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -34678,27 +34504,27 @@ var __vue_render__$x = function () {
     staticClass: "rq-rich-switch-group__secondary-label"
   }, [_vm._v(_vm._s(_vm.secondaryLabel))]) : _vm._e()])]);
 };
-var __vue_staticRenderFns__$x = [];
-__vue_render__$x._withStripped = true;
+var __vue_staticRenderFns__$z = [];
+__vue_render__$z._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$x = undefined;
+const __vue_inject_styles__$z = undefined;
 /* scoped */
-const __vue_scope_id__$x = undefined;
+const __vue_scope_id__$z = undefined;
 /* module identifier */
-const __vue_module_identifier__$x = undefined;
+const __vue_module_identifier__$z = undefined;
 /* functional template */
-const __vue_is_functional_template__$x = false;
+const __vue_is_functional_template__$z = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$x = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$x,
-  staticRenderFns: __vue_staticRenderFns__$x
-}, __vue_inject_styles__$x, __vue_script__$x, __vue_scope_id__$x, __vue_is_functional_template__$x, __vue_module_identifier__$x, false, undefined, undefined, undefined);
+const __vue_component__$z = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$z,
+  staticRenderFns: __vue_staticRenderFns__$z
+}, __vue_inject_styles__$z, __vue_script__$z, __vue_scope_id__$z, __vue_is_functional_template__$z, __vue_module_identifier__$z, false, undefined, undefined, undefined);
 
 //
 //
@@ -34750,7 +34576,7 @@ const __vue_component__$x = /*#__PURE__*/normalizeComponent({
 //
 //
 
-var script$w = {
+var script$y = {
   name: 'Pagination',
   props: {
     page: {
@@ -34808,10 +34634,10 @@ var script$w = {
 };
 
 /* script */
-const __vue_script__$w = script$w;
+const __vue_script__$y = script$y;
 
 /* template */
-var __vue_render__$w = function () {
+var __vue_render__$y = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -34875,27 +34701,200 @@ var __vue_render__$w = function () {
     }
   }, [_vm._v("\n    " + _vm._s(_vm.nextLabel) + "\n  ")])], 2);
 };
-var __vue_staticRenderFns__$w = [];
-__vue_render__$w._withStripped = true;
+var __vue_staticRenderFns__$y = [];
+__vue_render__$y._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$w = undefined;
+const __vue_inject_styles__$y = undefined;
 /* scoped */
-const __vue_scope_id__$w = undefined;
+const __vue_scope_id__$y = undefined;
 /* module identifier */
-const __vue_module_identifier__$w = undefined;
+const __vue_module_identifier__$y = undefined;
 /* functional template */
-const __vue_is_functional_template__$w = false;
+const __vue_is_functional_template__$y = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$w = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$w,
-  staticRenderFns: __vue_staticRenderFns__$w
-}, __vue_inject_styles__$w, __vue_script__$w, __vue_scope_id__$w, __vue_is_functional_template__$w, __vue_module_identifier__$w, false, undefined, undefined, undefined);
+const __vue_component__$y = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$y,
+  staticRenderFns: __vue_staticRenderFns__$y
+}, __vue_inject_styles__$y, __vue_script__$y, __vue_scope_id__$y, __vue_is_functional_template__$y, __vue_module_identifier__$y, false, undefined, undefined, undefined);
+
+// Anchos fijos para que los tabs fantasma no se vean todos iguales.
+const SKELETON_WIDTH_PATTERN = [70, 90, 60];
+
+// Proporción del ancho visible que avanza cada click en las flechas.
+const SCROLL_PAGE_RATIO = 0.8;
+
+// Aire que queda entre el tab acercado y el borde del viewport.
+const SCROLL_EDGE_MARGIN = 8;
+
+// Los anchos de scroll son subpixel: sin tolerancia la flecha queda visible
+// al final del recorrido por diferencias de decimales.
+const SCROLL_EPSILON = 1;
+
+// Comportamiento común de los componentes de tabs (Tabs, LineTabs): v-model,
+// tabs deshabilitados, iconos, estado loading y scroll horizontal con flechas.
+// Cada componente pone su propio template, estilos y tamaños; el mixin solo
+// necesita el bloque BEM (`rq-tabs`, `rq-line-tabs`) para armar las clases
+// de los tabs y ubicar el tab activo dentro del viewport.
+//
+// Skeleton y Tooltip los registra cada componente en su `components`: el
+// template que los usa es el del componente, no el del mixin.
+function createTabsMixin(block) {
+  return {
+    props: {
+      value: {
+        type: [String, Number],
+        default: null
+      },
+      // [{ id, label?, icon?, counter?, disabled?, tooltipText?, tooltipSide? }]
+      tabs: {
+        type: Array,
+        default: () => []
+      },
+      // Estado de carga: reemplaza los tabs reales por tabs fantasma (skeleton)
+      loading: {
+        type: Boolean,
+        default: false
+      },
+      loadingTabs: {
+        type: Number,
+        default: 3
+      }
+    },
+    data() {
+      return {
+        canScrollPrev: false,
+        canScrollNext: false
+      };
+    },
+    computed: {
+      stateClasses() {
+        return {
+          [`${block}--loading`]: this.loading,
+          [`${block}--scroll-prev`]: this.canScrollPrev,
+          [`${block}--scroll-next`]: this.canScrollNext
+        };
+      },
+      chevronLeftIcon() {
+        return ChevronLeft;
+      },
+      chevronRightIcon() {
+        return ChevronRight;
+      },
+      processedTabs() {
+        return this.tabs.map(tab => ({
+          ...tab,
+          iconComponent: tab.icon ? LucideIcons[tab.icon] : null
+        }));
+      },
+      skeletonWidths() {
+        return Array.from({
+          length: this.loadingTabs
+        }, (_, i) => SKELETON_WIDTH_PATTERN[i % SKELETON_WIDTH_PATTERN.length]);
+      }
+    },
+    watch: {
+      tabs() {
+        this.$nextTick(this.updateScrollState);
+      },
+      loading() {
+        this.$nextTick(this.updateScrollState);
+      },
+      value() {
+        this.$nextTick(this.scrollActiveIntoView);
+      }
+    },
+    mounted() {
+      this.updateScrollState();
+      this.observeViewportResize();
+    },
+    beforeDestroy() {
+      if (this._resizeObserver) {
+        this._resizeObserver.disconnect();
+        this._resizeObserver = null;
+      }
+    },
+    methods: {
+      tabClasses(tab) {
+        return [`${block}__tab`, {
+          [`${block}__tab--active`]: tab.id === this.value
+        }, {
+          [`${block}__tab--disabled`]: !!tab.disabled
+        }];
+      },
+      selectTab(tab) {
+        if (!tab.disabled) this.$emit('input', tab.id);
+      },
+      // El ancho del viewport depende del contenedor padre, no de props: sin
+      // observarlo las flechas quedan desfasadas al redimensionar.
+      observeViewportResize() {
+        const viewport = this.$refs.viewport;
+        if (!viewport || typeof ResizeObserver === 'undefined') return;
+        this._resizeObserver = new ResizeObserver(() => this.updateScrollState());
+        this._resizeObserver.observe(viewport);
+      },
+      updateScrollState() {
+        const viewport = this.$refs.viewport;
+        if (!viewport || this.loading) {
+          this.canScrollPrev = false;
+          this.canScrollNext = false;
+          return;
+        }
+        const maxScroll = viewport.scrollWidth - viewport.clientWidth;
+        this.canScrollPrev = viewport.scrollLeft > SCROLL_EPSILON;
+        this.canScrollNext = viewport.scrollLeft < maxScroll - SCROLL_EPSILON;
+      },
+      scrollByPage(direction) {
+        const viewport = this.$refs.viewport;
+        if (!viewport) return;
+        const delta = direction * Math.round(viewport.clientWidth * SCROLL_PAGE_RATIO);
+        if (typeof viewport.scrollBy === 'function') {
+          viewport.scrollBy({
+            left: delta,
+            behavior: 'smooth'
+          });
+        } else {
+          viewport.scrollLeft += delta;
+        }
+      },
+      // Al cambiar de tab por fuera del click (teclado, v-model del consumidor)
+      // el activo puede quedar fuera de vista.
+      scrollActiveIntoView() {
+        const viewport = this.$refs.viewport;
+        if (!viewport) return;
+        const activeTab = viewport.querySelector(`.${block}__tab--active`);
+        if (!activeTab) return;
+        const active = activeTab.closest(`.${block}__tooltip`) || activeTab;
+        const start = active.offsetLeft;
+        const end = start + active.offsetWidth;
+        const viewStart = viewport.scrollLeft;
+        const viewEnd = viewStart + viewport.clientWidth;
+        if (start < viewStart) {
+          this.scrollToLeft(start - SCROLL_EDGE_MARGIN);
+        } else if (end > viewEnd) {
+          this.scrollToLeft(end - viewport.clientWidth + SCROLL_EDGE_MARGIN);
+        }
+      },
+      scrollToLeft(left) {
+        const viewport = this.$refs.viewport;
+        const target = Math.max(0, left);
+        if (typeof viewport.scrollTo === 'function') {
+          viewport.scrollTo({
+            left: target,
+            behavior: 'smooth'
+          });
+        } else {
+          viewport.scrollLeft = target;
+        }
+      }
+    }
+  };
+}
 
 const tabsVariants = cva('rq-tabs', {
   variants: {
@@ -34989,65 +34988,30 @@ const tabsVariants = cva('rq-tabs', {
 //
 //
 //
+//
+//
+//
+//
 
-
-// Anchos fijos para que los pills fantasma no se vean todos iguales.
-const SKELETON_WIDTH_PATTERN = [70, 90, 60];
-
-// Proporción del ancho visible que avanza cada click en las flechas.
-const SCROLL_PAGE_RATIO = 0.8;
-
-// Aire que queda entre el tab acercado y el borde del viewport.
-const SCROLL_EDGE_MARGIN = 8;
-
-// Los anchos de scroll son subpixel: sin tolerancia la flecha queda visible
-// al final del recorrido por diferencias de decimales.
-const SCROLL_EPSILON = 1;
-var script$v = {
+var script$x = {
   name: 'Tabs',
   components: {
-    Skeleton: __vue_component__$G,
-    Tooltip: __vue_component__$B
+    Skeleton: __vue_component__$I,
+    Tooltip: __vue_component__$D
   },
+  mixins: [createTabsMixin('rq-tabs')],
   props: {
-    value: {
-      type: [String, Number],
-      default: null
-    },
     size: {
       type: String,
       default: 'regular',
       validator: v => ['regular', 'large', 'small'].includes(v)
-    },
-    tabs: {
-      type: Array,
-      default: () => []
-    },
-    // Estado de carga: reemplaza los tabs reales por pills fantasma (skeleton)
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    loadingTabs: {
-      type: Number,
-      default: 3
     }
   },
-  data() {
-    return {
-      canScrollPrev: false,
-      canScrollNext: false
-    };
-  },
   computed: {
     classes() {
       return [tabsVariants({
         size: this.size
-      }), {
-        'rq-tabs--loading': this.loading,
-        'rq-tabs--scroll-prev': this.canScrollPrev,
-        'rq-tabs--scroll-next': this.canScrollNext
-      }];
+      }), this.stateClasses];
     },
     iconSize() {
       return this.size === 'small' ? 16 : 20;
@@ -35055,120 +35019,664 @@ var script$v = {
     scrollIconSize() {
       return this.size === 'small' ? 12 : 16;
     },
-    chevronLeftIcon() {
-      return ChevronLeft;
-    },
-    chevronRightIcon() {
-      return ChevronRight;
-    },
-    processedTabs() {
-      return this.tabs.map(tab => ({
-        ...tab,
-        iconComponent: tab.icon ? LucideIcons[tab.icon] : null
-      }));
-    },
-    skeletonWidths() {
-      return Array.from({
-        length: this.loadingTabs
-      }, (_, i) => SKELETON_WIDTH_PATTERN[i % SKELETON_WIDTH_PATTERN.length]);
-    },
     skeletonHeight() {
       return this.size === 'small' ? '12px' : '16px';
     }
-  },
-  watch: {
-    tabs() {
-      this.$nextTick(this.updateScrollState);
+  }
+};
+
+/* script */
+const __vue_script__$x = script$x;
+
+/* template */
+var __vue_render__$x = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", _vm._g({
+    class: _vm.classes
+  }, _vm.$listeners), [_vm.canScrollPrev ? _c("button", {
+    staticClass: "rq-tabs__scroll-btn rq-tabs__scroll-btn--prev",
+    attrs: {
+      type: "button",
+      "aria-label": "Desplazar tabs a la izquierda"
     },
-    loading() {
-      this.$nextTick(this.updateScrollState);
+    on: {
+      click: function ($event) {
+        return _vm.scrollByPage(-1);
+      }
+    }
+  }, [_c(_vm.chevronLeftIcon, {
+    tag: "component",
+    attrs: {
+      size: _vm.scrollIconSize
+    }
+  })], 1) : _vm._e(), _vm._v(" "), _c("div", {
+    ref: "viewport",
+    staticClass: "rq-tabs__viewport",
+    on: {
+      scroll: _vm.updateScrollState
+    }
+  }, [_vm.loading ? _vm._l(_vm.skeletonWidths, function (w, i) {
+    return _c("div", {
+      key: "skeleton-" + i,
+      staticClass: "rq-tabs__tab rq-tabs__tab--skeleton"
+    }, [_c("Skeleton", {
+      attrs: {
+        width: w + "px",
+        height: _vm.skeletonHeight
+      }
+    })], 1);
+  }) : _vm._l(_vm.processedTabs, function (tab) {
+    return [tab.tooltipText ? _c("Tooltip", {
+      key: tab.id,
+      staticClass: "rq-tabs__tooltip",
+      attrs: {
+        text: tab.tooltipText,
+        side: tab.tooltipSide || "top"
+      }
+    }, [_c("button", {
+      class: _vm.tabClasses(tab),
+      attrs: {
+        type: "button",
+        disabled: !!tab.disabled
+      },
+      on: {
+        click: function ($event) {
+          return _vm.selectTab(tab);
+        }
+      }
+    }, [tab.iconComponent ? _c(tab.iconComponent, {
+      tag: "component",
+      staticClass: "rq-tabs__tab-icon",
+      attrs: {
+        size: _vm.iconSize
+      }
+    }) : _vm._e(), _vm._v(" "), tab.label ? _c("span", {
+      staticClass: "rq-tabs__tab-label"
+    }, [_vm._v(_vm._s(tab.label))]) : _vm._e(), _vm._v(" "), tab.counter !== undefined ? _c("span", {
+      staticClass: "rq-tabs__tab-counter"
+    }, [_vm._v(_vm._s(tab.counter))]) : _vm._e()], 1)]) : _c("button", {
+      key: tab.id,
+      class: _vm.tabClasses(tab),
+      attrs: {
+        type: "button",
+        disabled: !!tab.disabled
+      },
+      on: {
+        click: function ($event) {
+          return _vm.selectTab(tab);
+        }
+      }
+    }, [tab.iconComponent ? _c(tab.iconComponent, {
+      tag: "component",
+      staticClass: "rq-tabs__tab-icon",
+      attrs: {
+        size: _vm.iconSize
+      }
+    }) : _vm._e(), _vm._v(" "), tab.label ? _c("span", {
+      staticClass: "rq-tabs__tab-label"
+    }, [_vm._v(_vm._s(tab.label))]) : _vm._e(), _vm._v(" "), tab.counter !== undefined ? _c("span", {
+      staticClass: "rq-tabs__tab-counter"
+    }, [_vm._v(_vm._s(tab.counter))]) : _vm._e()], 1)];
+  })], 2), _vm._v(" "), _vm.canScrollNext ? _c("button", {
+    staticClass: "rq-tabs__scroll-btn rq-tabs__scroll-btn--next",
+    attrs: {
+      type: "button",
+      "aria-label": "Desplazar tabs a la derecha"
+    },
+    on: {
+      click: function ($event) {
+        return _vm.scrollByPage(1);
+      }
+    }
+  }, [_c(_vm.chevronRightIcon, {
+    tag: "component",
+    attrs: {
+      size: _vm.scrollIconSize
+    }
+  })], 1) : _vm._e()]);
+};
+var __vue_staticRenderFns__$x = [];
+__vue_render__$x._withStripped = true;
+
+/* style */
+const __vue_inject_styles__$x = undefined;
+/* scoped */
+const __vue_scope_id__$x = undefined;
+/* module identifier */
+const __vue_module_identifier__$x = undefined;
+/* functional template */
+const __vue_is_functional_template__$x = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$x = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$x,
+  staticRenderFns: __vue_staticRenderFns__$x
+}, __vue_inject_styles__$x, __vue_script__$x, __vue_scope_id__$x, __vue_is_functional_template__$x, __vue_module_identifier__$x, false, undefined, undefined, undefined);
+
+const lineTabsVariants = cva('rq-line-tabs', {
+  variants: {
+    size: {
+      regular: 'rq-line-tabs--regular',
+      small: 'rq-line-tabs--small'
+    }
+  },
+  defaultVariants: {
+    size: 'regular'
+  }
+});
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+// Mismo comportamiento y API que Tabs (v-model, tabs[], loading, scroll con
+// flechas, tooltip por tab); cambia solo el estilo: subnavegación con línea
+// indicadora bajo el tab activo en vez de segmented control.
+var script$w = {
+  name: 'LineTabs',
+  components: {
+    Skeleton: __vue_component__$I,
+    Tooltip: __vue_component__$D
+  },
+  mixins: [createTabsMixin('rq-line-tabs')],
+  props: {
+    size: {
+      type: String,
+      default: 'regular',
+      validator: v => ['regular', 'small'].includes(v)
+    }
+  },
+  computed: {
+    classes() {
+      return [lineTabsVariants({
+        size: this.size
+      }), this.stateClasses];
+    },
+    iconSize() {
+      return this.size === 'small' ? 16 : 20;
+    },
+    scrollIconSize() {
+      return this.size === 'small' ? 12 : 16;
+    },
+    skeletonHeight() {
+      return this.size === 'small' ? '12px' : '16px';
+    }
+  }
+};
+
+/* script */
+const __vue_script__$w = script$w;
+
+/* template */
+var __vue_render__$w = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", _vm._g({
+    class: _vm.classes
+  }, _vm.$listeners), [_vm.canScrollPrev ? _c("button", {
+    staticClass: "rq-line-tabs__scroll-btn rq-line-tabs__scroll-btn--prev",
+    attrs: {
+      type: "button",
+      "aria-label": "Desplazar tabs a la izquierda"
+    },
+    on: {
+      click: function ($event) {
+        return _vm.scrollByPage(-1);
+      }
+    }
+  }, [_c(_vm.chevronLeftIcon, {
+    tag: "component",
+    attrs: {
+      size: _vm.scrollIconSize
+    }
+  })], 1) : _vm._e(), _vm._v(" "), _c("div", {
+    ref: "viewport",
+    staticClass: "rq-line-tabs__viewport",
+    on: {
+      scroll: _vm.updateScrollState
+    }
+  }, [_vm.loading ? _vm._l(_vm.skeletonWidths, function (w, i) {
+    return _c("div", {
+      key: "skeleton-" + i,
+      staticClass: "rq-line-tabs__tab rq-line-tabs__tab--skeleton"
+    }, [_c("Skeleton", {
+      attrs: {
+        width: w + "px",
+        height: _vm.skeletonHeight
+      }
+    })], 1);
+  }) : _vm._l(_vm.processedTabs, function (tab) {
+    return [tab.tooltipText ? _c("Tooltip", {
+      key: tab.id,
+      staticClass: "rq-line-tabs__tooltip",
+      attrs: {
+        text: tab.tooltipText,
+        side: tab.tooltipSide || "top"
+      }
+    }, [_c("button", {
+      class: _vm.tabClasses(tab),
+      attrs: {
+        type: "button",
+        disabled: !!tab.disabled
+      },
+      on: {
+        click: function ($event) {
+          return _vm.selectTab(tab);
+        }
+      }
+    }, [tab.iconComponent ? _c(tab.iconComponent, {
+      tag: "component",
+      staticClass: "rq-line-tabs__tab-icon",
+      attrs: {
+        size: _vm.iconSize
+      }
+    }) : _vm._e(), _vm._v(" "), tab.label ? _c("span", {
+      staticClass: "rq-line-tabs__tab-label"
+    }, [_vm._v(_vm._s(tab.label))]) : _vm._e(), _vm._v(" "), tab.counter !== undefined ? _c("span", {
+      staticClass: "rq-line-tabs__tab-counter"
+    }, [_vm._v(_vm._s(tab.counter))]) : _vm._e()], 1)]) : _c("button", {
+      key: tab.id,
+      class: _vm.tabClasses(tab),
+      attrs: {
+        type: "button",
+        disabled: !!tab.disabled
+      },
+      on: {
+        click: function ($event) {
+          return _vm.selectTab(tab);
+        }
+      }
+    }, [tab.iconComponent ? _c(tab.iconComponent, {
+      tag: "component",
+      staticClass: "rq-line-tabs__tab-icon",
+      attrs: {
+        size: _vm.iconSize
+      }
+    }) : _vm._e(), _vm._v(" "), tab.label ? _c("span", {
+      staticClass: "rq-line-tabs__tab-label"
+    }, [_vm._v(_vm._s(tab.label))]) : _vm._e(), _vm._v(" "), tab.counter !== undefined ? _c("span", {
+      staticClass: "rq-line-tabs__tab-counter"
+    }, [_vm._v(_vm._s(tab.counter))]) : _vm._e()], 1)];
+  })], 2), _vm._v(" "), _vm.canScrollNext ? _c("button", {
+    staticClass: "rq-line-tabs__scroll-btn rq-line-tabs__scroll-btn--next",
+    attrs: {
+      type: "button",
+      "aria-label": "Desplazar tabs a la derecha"
+    },
+    on: {
+      click: function ($event) {
+        return _vm.scrollByPage(1);
+      }
+    }
+  }, [_c(_vm.chevronRightIcon, {
+    tag: "component",
+    attrs: {
+      size: _vm.scrollIconSize
+    }
+  })], 1) : _vm._e()]);
+};
+var __vue_staticRenderFns__$w = [];
+__vue_render__$w._withStripped = true;
+
+/* style */
+const __vue_inject_styles__$w = undefined;
+/* scoped */
+const __vue_scope_id__$w = undefined;
+/* module identifier */
+const __vue_module_identifier__$w = undefined;
+/* functional template */
+const __vue_is_functional_template__$w = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$w = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$w,
+  staticRenderFns: __vue_staticRenderFns__$w
+}, __vue_inject_styles__$w, __vue_script__$w, __vue_scope_id__$w, __vue_is_functional_template__$w, __vue_module_identifier__$w, false, undefined, undefined, undefined);
+
+const progressVariants = cva('rq-progress', {
+  variants: {
+    variant: {
+      default: 'rq-progress--default',
+      success: 'rq-progress--success',
+      error: 'rq-progress--error'
+    }
+  },
+  defaultVariants: {
+    variant: 'default'
+  }
+});
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+const SEGMENT_COLORS = new Set(['default', 'success', 'error', 'warning']);
+const TOOLTIP_SIDES = new Set(['top', 'bottom', 'left', 'right']);
+
+// Margen para decidir si un tramo llega al final de la barra pese a los
+// decimales de la suma (33.3 + 33.3 + 33.4).
+const END_EPSILON = 0.001;
+let uid$4 = 0;
+function clamp(value) {
+  const number = Number.isFinite(value) ? value : 0;
+  return Math.min(100, Math.max(0, number));
+}
+var script$v = {
+  name: 'Progress',
+  components: {
+    Tooltip: __vue_component__$D
+  },
+  props: {
+    value: {
+      type: Number,
+      default: 0
+    },
+    variant: {
+      type: String,
+      default: 'default',
+      validator: v => ['default', 'success', 'error'].includes(v)
+    },
+    label: {
+      type: String,
+      default: null
+    },
+    showValue: {
+      type: Boolean,
+      default: true
+    },
+    // [{ value, color?, tooltipText?, tooltipSide?, ariaLabel? }]
+    segments: {
+      type: Array,
+      default: () => []
     },
-    value() {
-      this.$nextTick(this.scrollActiveIntoView);
+    // Con segments, cada tramo con valor > 0 se dibuja como <button> y emite
+    // segment-click. Sin segments no tiene efecto.
+    interactive: {
+      type: Boolean,
+      default: false
     }
   },
-  mounted() {
-    this.updateScrollState();
-    this.observeViewportResize();
+  data() {
+    uid$4 += 1;
+    return {
+      labelId: `rq-progress-label-${uid$4}`
+    };
   },
-  beforeDestroy() {
-    if (this._resizeObserver) {
-      this._resizeObserver.disconnect();
-      this._resizeObserver = null;
+  computed: {
+    // Algún tramo recibe foco: es interactivo o tiene tooltip. Si ninguno lo
+    // recibe, la barra se dibuja exactamente como siempre (aria-hidden).
+    focusable() {
+      return this.normalizedSegments.some(segment => segment.focusable);
+    },
+    classes() {
+      const base = progressVariants({
+        variant: this.variant
+      });
+      return this.focusable ? `${base} rq-progress--focusable` : base;
+    },
+    normalizedSegments() {
+      let used = 0;
+      const segments = this.segments.map((segment, index) => {
+        const width = Math.min(clamp(segment.value), 100 - used);
+        const start = used;
+        used += width;
+        const isVariant = !segment.color || SEGMENT_COLORS.has(segment.color);
+        const colorClass = `rq-progress__segment--${isVariant ? segment.color || 'default' : 'custom'}`;
+        const background = isVariant ? {} : {
+          background: segment.color
+        };
+        const visible = width > 0;
+        const tooltipText = visible && segment.tooltipText ? String(segment.tooltipText) : null;
+        const interactive = visible && this.interactive;
+        return {
+          index,
+          width,
+          start,
+          visible,
+          interactive,
+          tooltipText,
+          tooltipSide: TOOLTIP_SIDES.has(segment.tooltipSide) ? segment.tooltipSide : 'top',
+          ariaLabel: segment.ariaLabel || tooltipText || `Tramo ${index + 1}: ${Math.round(width)}%`,
+          focusable: interactive || !!tooltipText,
+          colorClass,
+          background
+        };
+      });
+      const context = {
+        anyFocusable: segments.some(segment => segment.focusable),
+        firstVisible: segments.find(segment => segment.visible)
+      };
+      return segments.map(segment => this.decorate(segment, context));
+    },
+    percent() {
+      if (this.segments.length) {
+        return Math.round(this.normalizedSegments.reduce((total, segment) => total + segment.width, 0));
+      }
+      return Math.round(clamp(this.value));
     }
   },
   methods: {
-    tabClasses(tab) {
-      return ['rq-tabs__tab', {
-        'rq-tabs__tab--active': tab.id === this.value
-      }, {
-        'rq-tabs__tab--disabled': !!tab.disabled
-      }];
-    },
-    selectTab(tab) {
-      if (!tab.disabled) this.$emit('input', tab.id);
-    },
-    // El ancho del viewport depende del contenedor padre, no de props: sin
-    // observarlo las flechas quedan desfasadas al redimensionar.
-    observeViewportResize() {
-      const viewport = this.$refs.viewport;
-      if (!viewport || typeof ResizeObserver === 'undefined') return;
-      this._resizeObserver = new ResizeObserver(() => this.updateScrollState());
-      this._resizeObserver.observe(viewport);
-    },
-    updateScrollState() {
-      const viewport = this.$refs.viewport;
-      if (!viewport || this.loading) {
-        this.canScrollPrev = false;
-        this.canScrollNext = false;
-        return;
-      }
-      const maxScroll = viewport.scrollWidth - viewport.clientWidth;
-      this.canScrollPrev = viewport.scrollLeft > SCROLL_EPSILON;
-      this.canScrollNext = viewport.scrollLeft < maxScroll - SCROLL_EPSILON;
-    },
-    scrollByPage(direction) {
-      const viewport = this.$refs.viewport;
-      if (!viewport) return;
-      const delta = direction * Math.round(viewport.clientWidth * SCROLL_PAGE_RATIO);
-      if (typeof viewport.scrollBy === 'function') {
-        viewport.scrollBy({
-          left: delta,
-          behavior: 'smooth'
-        });
-      } else {
-        viewport.scrollLeft += delta;
+    // Clases, estilos y atributos de cada tramo. Sin tramos con foco quedan
+    // las mismas clases y estilos de siempre.
+    decorate(segment, {
+      anyFocusable,
+      firstVisible
+    }) {
+      const classes = ['rq-progress__segment', segment.colorClass];
+      const style = {
+        width: `${segment.width}%`,
+        ...segment.background
+      };
+      if (!anyFocusable) return {
+        ...segment,
+        tag: 'span',
+        attrs: {},
+        classes,
+        style
+      };
+
+      // Con tramos con foco la barra deja de recortar (overflow visible) para
+      // que se vean el anillo de foco y el área táctil; las puntas redondeadas
+      // pasan a los tramos que tocan el inicio y el final de la barra.
+      if (segment.visible && firstVisible === segment) classes.push('rq-progress__segment--first');
+      if (segment.visible && segment.start + segment.width >= 100 - END_EPSILON) {
+        classes.push('rq-progress__segment--last');
       }
-    },
-    // Al cambiar de tab por fuera del click (teclado, v-model del consumidor)
-    // el activo puede quedar fuera de vista.
-    scrollActiveIntoView() {
-      const viewport = this.$refs.viewport;
-      if (!viewport) return;
-      const activeTab = viewport.querySelector('.rq-tabs__tab--active');
-      if (!activeTab) return;
-      const active = activeTab.closest('.rq-tabs__tooltip') || activeTab;
-      const start = active.offsetLeft;
-      const end = start + active.offsetWidth;
-      const viewStart = viewport.scrollLeft;
-      const viewEnd = viewStart + viewport.clientWidth;
-      if (start < viewStart) {
-        this.scrollToLeft(start - SCROLL_EDGE_MARGIN);
-      } else if (end > viewEnd) {
-        this.scrollToLeft(end - viewport.clientWidth + SCROLL_EDGE_MARGIN);
+      if (segment.focusable) classes.push('rq-progress__segment--focusable');
+      let tag = 'span';
+      let attrs = {};
+      if (segment.interactive) {
+        tag = 'button';
+        attrs = {
+          type: 'button',
+          'aria-label': segment.ariaLabel
+        };
+        classes.push('rq-progress__segment--interactive');
+      } else if (segment.tooltipText) {
+        // Solo tooltip: foco con teclado para abrirlo, como el Avatar de
+        // AvatarGroup.
+        attrs = {
+          tabindex: '0',
+          role: 'img',
+          'aria-label': segment.ariaLabel
+        };
       }
+      return {
+        ...segment,
+        tag,
+        attrs,
+        classes,
+        style,
+        // Dentro del Tooltip el ancho lo lleva el wrapper.
+        innerStyle: {
+          width: '100%',
+          ...segment.background
+        }
+      };
     },
-    scrollToLeft(left) {
-      const viewport = this.$refs.viewport;
-      const target = Math.max(0, left);
-      if (typeof viewport.scrollTo === 'function') {
-        viewport.scrollTo({
-          left: target,
-          behavior: 'smooth'
-        });
-      } else {
-        viewport.scrollLeft = target;
-      }
+    onSegmentClick(index) {
+      const segment = this.normalizedSegments[index];
+      if (!segment || !segment.interactive) return;
+      this.$emit('segment-click', {
+        index,
+        segment: this.segments[index]
+      });
     }
   }
 };
@@ -35182,108 +35690,79 @@ var __vue_render__$v = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c("div", _vm._g({
-    class: _vm.classes
-  }, _vm.$listeners), [_vm.canScrollPrev ? _c("button", {
-    staticClass: "rq-tabs__scroll-btn rq-tabs__scroll-btn--prev",
+    staticClass: "rq-progress-field"
+  }, _vm.$listeners), [_vm.label ? _c("div", {
+    staticClass: "rq-progress-field__header"
+  }, [_c("span", {
+    staticClass: "rq-progress-field__label",
     attrs: {
-      type: "button",
-      "aria-label": "Desplazar tabs a la izquierda"
-    },
-    on: {
-      click: function ($event) {
-        return _vm.scrollByPage(-1);
-      }
+      id: _vm.labelId
     }
-  }, [_c(_vm.chevronLeftIcon, {
-    tag: "component",
+  }, [_vm._v(_vm._s(_vm.label))]), _vm._v(" "), _vm.showValue ? _c("span", {
+    staticClass: "rq-progress-field__value"
+  }, [_vm._v(_vm._s(_vm.percent) + "%")]) : _vm._e()]) : _vm._e(), _vm._v(" "), _c("progress", {
+    staticClass: "rq-progress-field__native",
     attrs: {
-      size: _vm.scrollIconSize
+      max: "100",
+      "aria-labelledby": _vm.label ? _vm.labelId : null
+    },
+    domProps: {
+      value: _vm.percent
     }
-  })], 1) : _vm._e(), _vm._v(" "), _c("div", {
-    ref: "viewport",
-    staticClass: "rq-tabs__viewport",
-    on: {
-      scroll: _vm.updateScrollState
+  }, [_vm._v("\n    " + _vm._s(_vm.percent) + "%\n  ")]), _vm._v(" "), _vm.focusable ? _c("div", {
+    class: _vm.classes,
+    attrs: {
+      role: "group",
+      "aria-labelledby": _vm.label ? _vm.labelId : null
     }
-  }, [_vm.loading ? _vm._l(_vm.skeletonWidths, function (w, i) {
-    return _c("div", {
-      key: "skeleton-" + i,
-      staticClass: "rq-tabs__tab rq-tabs__tab--skeleton"
-    }, [_c("Skeleton", {
-      attrs: {
-        width: w + "px",
-        height: _vm.skeletonHeight
-      }
-    })], 1);
-  }) : _vm._l(_vm.processedTabs, function (tab) {
-    return [tab.tooltipText ? _c("Tooltip", {
-      key: tab.id,
-      staticClass: "rq-tabs__tooltip",
+  }, [_vm._l(_vm.normalizedSegments, function (segment, index) {
+    return [segment.tooltipText ? _c("Tooltip", {
+      key: index,
+      staticClass: "rq-progress__segment-tooltip",
+      style: {
+        width: segment.width + "%"
+      },
       attrs: {
-        text: tab.tooltipText,
-        side: tab.tooltipSide || "top"
+        text: segment.tooltipText,
+        side: segment.tooltipSide
       }
-    }, [_c("button", {
-      class: _vm.tabClasses(tab),
-      attrs: {
-        type: "button",
-        disabled: !!tab.disabled
-      },
+    }, [_c(segment.tag, _vm._b({
+      tag: "component",
+      class: segment.classes,
+      style: segment.innerStyle,
       on: {
         click: function ($event) {
-          return _vm.selectTab(tab);
+          return _vm.onSegmentClick(index);
         }
       }
-    }, [tab.iconComponent ? _c(tab.iconComponent, {
+    }, "component", segment.attrs, false))], 1) : _c(segment.tag, _vm._b({
+      key: index,
       tag: "component",
-      staticClass: "rq-tabs__tab-icon",
-      attrs: {
-        size: _vm.iconSize
-      }
-    }) : _vm._e(), _vm._v(" "), tab.label ? _c("span", {
-      staticClass: "rq-tabs__tab-label"
-    }, [_vm._v(_vm._s(tab.label))]) : _vm._e(), _vm._v(" "), tab.counter !== undefined ? _c("span", {
-      staticClass: "rq-tabs__tab-counter"
-    }, [_vm._v(_vm._s(tab.counter))]) : _vm._e()], 1)]) : _c("button", {
-      key: tab.id,
-      class: _vm.tabClasses(tab),
-      attrs: {
-        type: "button",
-        disabled: !!tab.disabled
-      },
+      class: segment.classes,
+      style: segment.style,
       on: {
         click: function ($event) {
-          return _vm.selectTab(tab);
+          return _vm.onSegmentClick(index);
         }
       }
-    }, [tab.iconComponent ? _c(tab.iconComponent, {
-      tag: "component",
-      staticClass: "rq-tabs__tab-icon",
-      attrs: {
-        size: _vm.iconSize
-      }
-    }) : _vm._e(), _vm._v(" "), tab.label ? _c("span", {
-      staticClass: "rq-tabs__tab-label"
-    }, [_vm._v(_vm._s(tab.label))]) : _vm._e(), _vm._v(" "), tab.counter !== undefined ? _c("span", {
-      staticClass: "rq-tabs__tab-counter"
-    }, [_vm._v(_vm._s(tab.counter))]) : _vm._e()], 1)];
-  })], 2), _vm._v(" "), _vm.canScrollNext ? _c("button", {
-    staticClass: "rq-tabs__scroll-btn rq-tabs__scroll-btn--next",
+    }, "component", segment.attrs, false))];
+  })], 2) : _c("div", {
+    class: _vm.classes,
     attrs: {
-      type: "button",
-      "aria-label": "Desplazar tabs a la derecha"
-    },
-    on: {
-      click: function ($event) {
-        return _vm.scrollByPage(1);
-      }
+      "aria-hidden": "true"
     }
-  }, [_c(_vm.chevronRightIcon, {
-    tag: "component",
-    attrs: {
-      size: _vm.scrollIconSize
+  }, [_vm.segments.length ? _vm._l(_vm.normalizedSegments, function (segment, index) {
+    return _c("span", {
+      key: index,
+      class: segment.classes,
+      style: segment.style
+    });
+  }) : _c("span", {
+    staticClass: "rq-progress__fill",
+    style: {
+      width: _vm.percent + "%"
     }
-  })], 1) : _vm._e()]);
+  })], 2)]);
 };
 var __vue_staticRenderFns__$v = [];
 __vue_render__$v._withStripped = true;
@@ -35916,8 +36395,8 @@ const searchInputVariants = cva('rq-search-input', {
 var script$s = {
   name: 'SearchInput',
   components: {
-    Input: __vue_component__$R,
-    Button: __vue_component__$Q,
+    Input: __vue_component__$S,
+    Button: __vue_component__$R,
     X
   },
   props: {
@@ -36169,7 +36648,7 @@ const selectionBarVariants = cva('rq-selection-bar', {
 var script$q = {
   name: 'SelectionBar',
   components: {
-    Button: __vue_component__$Q
+    Button: __vue_component__$R
   },
   props: {
     count: {
@@ -36329,7 +36808,7 @@ const DEFAULT_ICONS$1 = {
 var script$p = {
   name: 'Toast',
   components: {
-    Icon: __vue_component__$H
+    Icon: __vue_component__$J
   },
   props: {
     variant: {
@@ -36442,7 +36921,7 @@ const riskBadgesVariants = cva('rq-risk-badges', {
 var script$o = {
   name: 'RiskBadges',
   components: {
-    Badge: __vue_component__$I
+    Badge: __vue_component__$K
   },
   inheritAttrs: false,
   props: {
@@ -36904,7 +37383,7 @@ const DEFAULT_ICONS = {
 var script$l = {
   name: 'InfoAlert',
   components: {
-    Icon: __vue_component__$H
+    Icon: __vue_component__$J
   },
   props: {
     variant: {
@@ -37025,8 +37504,8 @@ const ICON_SIZE_BY_BUTTON_SIZE = {
 var script$k = {
   name: 'IconButton',
   components: {
-    Button: __vue_component__$Q,
-    Icon: __vue_component__$H
+    Button: __vue_component__$R,
+    Icon: __vue_component__$J
   },
   props: {
     // Ligadura Material Symbols del icono (ej: "add", "delete")
@@ -37184,7 +37663,7 @@ const formFieldVariants = cva('rq-form-field', {
 var script$j = {
   name: 'FormField',
   components: {
-    Icon: __vue_component__$H
+    Icon: __vue_component__$J
   },
   props: {
     label: {
@@ -37618,8 +38097,8 @@ const avatarGroupVariants = cva('rq-avatar-group', {
 var script$g = {
   name: 'AvatarGroup',
   components: {
-    Avatar: __vue_component__$C,
-    Tooltip: __vue_component__$B
+    Avatar: __vue_component__$E,
+    Tooltip: __vue_component__$D
   },
   props: {
     items: {
@@ -37895,7 +38374,7 @@ let uid$2 = 0;
 var script$e = {
   name: 'FileInput',
   components: {
-    Button: __vue_component__$Q
+    Button: __vue_component__$R
   },
   props: {
     label: {
@@ -38090,7 +38569,7 @@ var script$d = {
   name: 'FileList',
   components: {
     Card: __vue_component__$i,
-    Icon: __vue_component__$H,
+    Icon: __vue_component__$J,
     IconButton: __vue_component__$k
   },
   props: {
@@ -38247,7 +38726,7 @@ const kpiVariants = cva('rq-kpi', {
 var script$c = {
   name: 'Kpi',
   components: {
-    Icon: __vue_component__$H
+    Icon: __vue_component__$J
   },
   props: {
     label: {
@@ -38530,7 +39009,7 @@ var script$a = {
   name: 'RichRadioGroup',
   inheritAttrs: false,
   components: {
-    Radio: __vue_component__$D
+    Radio: __vue_component__$F
   },
   model: {
     prop: 'modelValue',
@@ -38766,8 +39245,8 @@ const entryType = item => {
 var script$9 = {
   name: 'Combobox',
   components: {
-    Icon: __vue_component__$H,
-    Checkbox: __vue_component__$L,
+    Icon: __vue_component__$J,
+    Checkbox: __vue_component__$N,
     Dropdown: __vue_component__$u
   },
   inheritAttrs: false,
@@ -39228,7 +39707,7 @@ const __vue_component__$9 = /*#__PURE__*/normalizeComponent({
 var script$8 = {
   name: 'DropdownItem',
   components: {
-    Icon: __vue_component__$H
+    Icon: __vue_component__$J
   },
   inject: {
     menu: {
@@ -42758,6 +43237,45 @@ function useTable(props, emit) {
   }
 
   // --- Handlers de selección de filas ---
+  const rowKey = row => String(row[props.rowId]);
+
+  // Selección controlada (opcional): si el padre pasa selectedRowIds, ese
+  // array inicializa y re-sincroniza la selección interna; los cambios del
+  // usuario se avisan con update:selected-row-ids (patrón .sync). Con null
+  // (default) la selección es interna, como siempre. deep: el padre puede
+  // reemplazar el array o mutarlo (push/splice).
+  const isSelectionControlled = () => props.selectedRowIds != null;
+  vue.watch(() => props.selectedRowIds, ids => {
+    if (ids == null) return;
+    const sel = {};
+    ids.forEach(id => {
+      sel[String(id)] = true;
+    });
+    rowSelection.value = sel;
+  }, {
+    immediate: true,
+    deep: true
+  });
+
+  // Ids seleccionados con su tipo original (no el String interno). En modo
+  // controlado conserva los ids que no están en las filas actuales (p. ej.
+  // otra página de una tabla paginada en el servidor): la tabla solo decide
+  // sobre las filas que muestra.
+  function selectedIdsFrom(sel) {
+    const ids = props.rows.filter(row => sel[rowKey(row)]).map(row => row[props.rowId]);
+    if (!isSelectionControlled()) return ids;
+    const visible = new Set(props.rows.map(rowKey));
+    const outside = props.selectedRowIds.filter(id => !visible.has(String(id)) && sel[String(id)]);
+    return [...outside, ...ids];
+  }
+
+  // update:selected-row-ids va ANTES que select: select sigue siendo el
+  // último evento de cada cambio, como antes de existir la selección controlada.
+  function commitSelection(sel, selectedRows) {
+    rowSelection.value = sel;
+    emit('update:selected-row-ids', selectedIdsFrom(sel));
+    emit('select', selectedRows);
+  }
   const allSelected = vue.computed(() => {
     if (!props.rows.length) return false;
     return props.rows.every(row => rowSelection.value[String(row[props.rowId])]);
@@ -42772,25 +43290,29 @@ function useTable(props, emit) {
     } else {
       sel[rowId] = true;
     }
-    rowSelection.value = sel;
-    emit('select', props.rows.filter(row => sel[String(row[props.rowId])]));
+    commitSelection(sel, props.rows.filter(row => sel[rowKey(row)]));
   }
+
+  // Seleccionar/deseleccionar todo actúa sobre las filas visibles. En modo
+  // controlado se conserva la selección de las filas que no están en `rows`.
   function toggleSelectAll() {
+    const sel = isSelectionControlled() ? {
+      ...rowSelection.value
+    } : {};
     if (allSelected.value) {
-      rowSelection.value = {};
-      emit('select', []);
+      props.rows.forEach(row => {
+        delete sel[rowKey(row)];
+      });
+      commitSelection(sel, []);
     } else {
-      const sel = {};
       props.rows.forEach(row => {
-        sel[String(row[props.rowId])] = true;
+        sel[rowKey(row)] = true;
       });
-      rowSelection.value = sel;
-      emit('select', [...props.rows]);
+      commitSelection(sel, [...props.rows]);
     }
   }
   function clearSelection() {
-    rowSelection.value = {};
-    emit('select', []);
+    commitSelection({}, []);
   }
 
   // --- Handlers de chevron ---
@@ -43063,14 +43585,29 @@ function useTable(props, emit) {
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 
+// Controles que se quedan con su propio click/teclado dentro de una fila
+// operable (rowsFocusable). [tabindex] cubre la celda de expandir y cualquier
+// widget propio del consumidor; los tabindex="-1" (p. ej. el botón interno
+// del chevron de expandir) también, porque siguen siendo parte de un control.
+const ROW_CONTROL_SELECTOR = ['a[href]', 'button', 'input', 'select', 'textarea', 'label', 'summary', '[contenteditable=""]', '[contenteditable="true"]', '[tabindex]', '[role="button"]', '[role="link"]', '[role="checkbox"]', '[role="switch"]', '[role="menuitem"]', '[role="option"]', '[role="tab"]'].join(',');
 var script$5 = {
   name: 'Table',
   components: {
-    Checkbox: __vue_component__$L,
-    Icon: __vue_component__$H,
-    Skeleton: __vue_component__$G,
-    Tooltip: __vue_component__$B
+    Checkbox: __vue_component__$N,
+    Icon: __vue_component__$J,
+    Skeleton: __vue_component__$I,
+    Tooltip: __vue_component__$D
   },
   props: {
     rows: {
@@ -43103,10 +43640,36 @@ var script$5 = {
       type: Boolean,
       default: false
     },
+    // Selección controlada (opcional): ids de las filas seleccionadas. Con
+    // null (default) la selección es interna; con un array, lo inicializa y
+    // re-sincroniza, y cada cambio emite update:selected-row-ids → usar
+    // :selected-row-ids.sync. Puede incluir ids que no están en `rows` (otras
+    // páginas): se conservan al seleccionar/deseleccionar las visibles.
+    selectedRowIds: {
+      type: Array,
+      default: null
+    },
     rowId: {
       type: String,
       default: 'id'
     },
+    // Filas operables con teclado, para cuando la fila es una acción (abre un
+    // detalle, filtra otra vista): cada fila entra al orden de tabulación y
+    // Enter / Espacio emiten row-click, igual que el click. Los clicks y
+    // teclas que nacen en un control propio de la fila (checkbox, botón o
+    // enlace en una celda, columna de expandir) no disparan row-click.
+    rowsFocusable: {
+      type: Boolean,
+      default: false
+    },
+    // Ids de las filas marcadas como activas (p. ej. la fila elegida como
+    // filtro). Se marcan con aria-current="true" y la clase
+    // rq-table__tr--active. Es independiente de la selección con checkbox
+    // (selectedRowIds). null (default) = ninguna.
+    activeRowIds: {
+      type: Array,
+      default: null
+    },
     maxHeight: {
       type: Number,
       default: 460
@@ -43209,6 +43772,11 @@ var script$5 = {
         subtitle: this.emptyState?.subtitle || ''
       };
     },
+    // Ids activos normalizados a string, igual que getRowId de useTable, para
+    // que un id numérico encuentre su fila aunque venga como string o número
+    activeRowIdSet() {
+      return this.activeRowIds ? new Set(this.activeRowIds.map(String)) : null;
+    },
     // Offset sticky de la columna de selección: se corre a la derecha
     // del ancho de la columna de expandir, cuando ambas están activas
     selectColOffset() {
@@ -43216,6 +43784,40 @@ var script$5 = {
     }
   },
   methods: {
+    isRowActive(row) {
+      return !!this.activeRowIdSet && this.activeRowIdSet.has(row.id);
+    },
+    // Sin rowsFocusable se emite como siempre (el click que sube desde un
+    // botón de una celda también dispara row-click). Con rowsFocusable la
+    // fila es una acción y sus controles internos son otras acciones: un
+    // Enter sobre un botón de la celda genera su propio click nativo, y si
+    // ese click subiera a la fila dispararía las dos cosas.
+    onRowClick(row, event) {
+      if (this.rowsFocusable && this.isFromRowControl(event)) return;
+      this.$emit('row-click', row.original);
+    },
+    // Enter y Espacio sobre la fila misma (no sobre un control de adentro,
+    // que se queda con su teclado). La tecla mantenida no repite la acción
+    // y Espacio no scrollea la página. Con modificadores no hace nada, para
+    // no pisar atajos del navegador o del lector de pantalla.
+    onRowKeydown(row, event) {
+      if (!this.rowsFocusable || event.target !== event.currentTarget) return;
+      if (event.key !== 'Enter' && event.key !== ' ') return;
+      if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) return;
+      event.preventDefault();
+      if (event.repeat) return;
+      this.$emit('row-click', row.original);
+    },
+    // ¿El evento nace en un control interactivo propio dentro de la fila?
+    // Se busca desde el target hacia arriba y solo cuenta si el control está
+    // dentro de la fila (closest podría encontrar uno que la envuelve).
+    isFromRowControl(event) {
+      const rowEl = event.currentTarget;
+      const target = event.target;
+      if (!rowEl || !target || target === rowEl || typeof target.closest !== 'function') return false;
+      const control = target.closest(ROW_CONTROL_SELECTOR);
+      return !!control && control !== rowEl && rowEl.contains(control);
+    },
     getColumnDef(columnKey) {
       return this.columns.find(c => c.key === columnKey) || {};
     },
@@ -43607,11 +44209,20 @@ var __vue_render__$5 = function () {
       key: row.id,
       staticClass: "rq-table__tr rq-table__tr--body",
       class: {
-        "rq-table__tr--selected": !!_vm.rowSelection[row.id]
+        "rq-table__tr--selected": !!_vm.rowSelection[row.id],
+        "rq-table__tr--focusable": _vm.rowsFocusable,
+        "rq-table__tr--active": _vm.isRowActive(row)
+      },
+      attrs: {
+        tabindex: _vm.rowsFocusable ? 0 : null,
+        "aria-current": _vm.isRowActive(row) ? "true" : null
       },
       on: {
         click: function ($event) {
-          return _vm.$emit("row-click", row.original);
+          return _vm.onRowClick(row, $event);
+        },
+        keydown: function ($event) {
+          return _vm.onRowKeydown(row, $event);
         }
       }
     }, [_vm.expandable ? _c("td", {
@@ -43924,6 +44535,10 @@ const dataTableVariants = cva('rq-data-table', {
 //
 //
 //
+//
+//
+//
+//
 
 var script$4 = {
   name: 'DataTable',
@@ -43932,7 +44547,7 @@ var script$4 = {
     SearchInput: __vue_component__$s,
     PageSizeSelect: __vue_component__$r,
     SelectionBar: __vue_component__$q,
-    Pagination: __vue_component__$w
+    Pagination: __vue_component__$y
   },
   props: {
     rows: {
@@ -43979,10 +44594,27 @@ var script$4 = {
       type: Boolean,
       default: false
     },
+    // Se reenvía a Table (ver Table.selectedRowIds). Con selectedRowIds el
+    // contador de SelectionBar cuenta esos ids (incluye los de otras páginas).
+    selectedRowIds: {
+      type: Array,
+      default: null
+    },
     rowId: {
       type: String,
       default: 'id'
     },
+    // Se reenvían a Table: filas operables con teclado (Enter / Espacio
+    // emiten row-click) y filas marcadas como activas con aria-current
+    // (ver Table.rowsFocusable y Table.activeRowIds).
+    rowsFocusable: {
+      type: Boolean,
+      default: false
+    },
+    activeRowIds: {
+      type: Array,
+      default: null
+    },
     maxHeight: {
       type: Number,
       default: 460
@@ -44044,7 +44676,11 @@ var script$4 = {
   },
   data() {
     return {
-      selectedRows: []
+      selectedRows: [],
+      // Copia de selectedRowIds que también sigue los cambios del usuario
+      // (update:selected-row-ids de Table). Así el contador refleja la
+      // selección aunque el padre no use .sync, igual que la tabla.
+      selectedIds: []
     };
   },
   computed: {
@@ -44060,8 +44696,16 @@ var script$4 = {
     toRecord() {
       return Math.min(this.page * this.pageSize, this.total);
     },
+    // Filas seleccionadas de la página actual. Con selectedRowIds se derivan
+    // de los ids (así ya están desde el primer render, sin esperar un
+    // select); sin él, son las que emitió Table en el último select.
+    visibleSelectedRows() {
+      if (!this.selectedRowIds) return this.selectedRows;
+      const ids = new Set(this.selectedIds.map(String));
+      return this.rows.filter(row => ids.has(String(row[this.rowId])));
+    },
     selectedCount() {
-      return this.selectedRows.length;
+      return this.selectedRowIds ? this.selectedIds.length : this.selectedRows.length;
     },
     mergedTexts() {
       return {
@@ -44084,11 +44728,24 @@ var script$4 = {
       return this.mergedTexts.showingRecords.replace('{from}', this.fromRecord).replace('{to}', this.toRecord).replace('{total}', this.total);
     }
   },
+  watch: {
+    selectedRowIds: {
+      handler(ids) {
+        if (ids) this.selectedIds = [...ids];
+      },
+      immediate: true,
+      deep: true
+    }
+  },
   methods: {
     onSelect(rows) {
       this.selectedRows = rows;
       this.$emit('select', rows);
     },
+    onSelectedRowIds(ids) {
+      this.selectedIds = ids;
+      this.$emit('update:selected-row-ids', ids);
+    },
     onClearSelection() {
       this.$refs.table.clearSelection();
     }
@@ -44139,14 +44796,14 @@ var __vue_render__$4 = function () {
     on: {
       clear: _vm.onClearSelection,
       delete: function ($event) {
-        return _vm.$emit("delete-selected", _vm.selectedRows);
+        return _vm.$emit("delete-selected", _vm.visibleSelectedRows);
       }
     },
     scopedSlots: _vm._u([_vm.$scopedSlots["selection-actions"] ? {
       key: "actions",
       fn: function () {
         return [_vm._t("selection-actions", null, {
-          rows: _vm.selectedRows
+          rows: _vm.visibleSelectedRows
         })];
       },
       proxy: true
@@ -44159,7 +44816,10 @@ var __vue_render__$4 = function () {
       "column-order": _vm.columnOrder,
       "pinned-columns": _vm.pinnedColumns,
       selectable: _vm.selectable,
+      "selected-row-ids": _vm.selectedRowIds,
       "row-id": _vm.rowId,
+      "rows-focusable": _vm.rowsFocusable,
+      "active-row-ids": _vm.activeRowIds,
       "max-height": _vm.maxHeight,
       expandable: _vm.expandable,
       "row-expandable": _vm.rowExpandable,
@@ -44178,6 +44838,7 @@ var __vue_render__$4 = function () {
         return _vm.$emit("row-click", $event);
       },
       select: _vm.onSelect,
+      "update:selected-row-ids": _vm.onSelectedRowIds,
       "update:column-order": function ($event) {
         return _vm.$emit("update:column-order", $event);
       },
@@ -44338,6 +44999,8 @@ const datePickerVariants = cva('rq-datepicker', {
 //
 //
 //
+//
+//
 
 const pad = n => String(n).padStart(2, '0');
 const formatDate = date => `${pad(date.getDate())}/${pad(date.getMonth() + 1)}/${date.getFullYear()}`;
@@ -44349,8 +45012,8 @@ var script$3 = {
   name: 'DatePicker',
   components: {
     DateRangePicker,
-    Button: __vue_component__$Q,
-    Icon: __vue_component__$H
+    Button: __vue_component__$R,
+    Icon: __vue_component__$J
   },
   props: {
     startDate: {
@@ -44433,6 +45096,16 @@ var script$3 = {
     applyLabel: {
       type: String,
       default: null
+    },
+    // null = no controlado (abre y cierra con su propio botón, como siempre).
+    // true/false = controlado por el consumidor con :open.sync.
+    open: {
+      type: Boolean,
+      default: null
+    },
+    hideTrigger: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
@@ -44442,6 +45115,9 @@ var script$3 = {
     };
   },
   computed: {
+    controlContainerClass() {
+      return this.hideTrigger ? 'rq-datepicker__anchor' : 'rq-datepicker__trigger';
+    },
     classes() {
       return datePickerVariants({
         open: this.isOpen,
@@ -44476,11 +45152,37 @@ var script$3 = {
       return this.presetRanges ? this.texts.applyRange : this.texts.apply;
     }
   },
+  watch: {
+    open(value) {
+      if (value !== null) this.syncOpen(value);
+    }
+  },
+  mounted() {
+    if (this.open) this.syncOpen(true);
+  },
+  beforeDestroy() {
+    clearTimeout(this.openTimer);
+  },
   methods: {
     applyDayClasses,
     onToggle(open) {
       if (open) this.now = new Date();
       this.isOpen = open;
+      if (open !== this.open) this.$emit('update:open', open);
+    },
+    // Abre o cierra desde la prop open. La apertura espera al siguiente ciclo:
+    // si viene del clic de un control externo, ese mismo clic llegaría al body
+    // y la librería lo tomaría como un clic afuera, cerrando el popover.
+    syncOpen(value) {
+      clearTimeout(this.openTimer);
+      if (!value) {
+        if (this.$refs.picker) this.$refs.picker.clickAway();
+        return;
+      }
+      this.openTimer = setTimeout(() => {
+        const picker = this.$refs.picker;
+        if (picker && !picker.open) picker.togglePicker(true, true);
+      });
     },
     pickerLocale() {
       const locale = {
@@ -44536,7 +45238,7 @@ var __vue_render__$3 = function () {
       "locale-data": _vm.pickerLocale(),
       opens: _vm.opens,
       "date-format": _vm.applyDayClasses,
-      "control-container-class": "rq-datepicker__trigger"
+      "control-container-class": _vm.controlContainerClass
     },
     on: {
       toggle: _vm.onToggle,
@@ -44549,7 +45251,11 @@ var __vue_render__$3 = function () {
       fn: function (ref) {
         var start = ref.startDate;
         var end = ref.endDate;
-        return [_c("button", {
+        return [_vm.hideTrigger ? _c("span", {
+          attrs: {
+            "aria-hidden": "true"
+          }
+        }) : _c("button", {
           staticClass: "rq-datepicker__control",
           attrs: {
             type: "button",
@@ -44675,7 +45381,7 @@ const dialogVariants = cva('rq-dialog', {
 var script$2 = {
   name: 'Dialog',
   components: {
-    Button: __vue_component__$Q
+    Button: __vue_component__$R
   },
   props: {
     title: {
@@ -44725,8 +45431,10 @@ var script$2 = {
     document.removeEventListener('keydown', this.handleKeydown);
   },
   methods: {
+    // Un Escape que ya atendió un control de adentro (p. ej. Combobox o
+    // Dropdown al cerrar su panel, que hacen preventDefault) no cancela.
     handleKeydown(e) {
-      if (e.key === 'Escape' && this.open) this.$emit('cancel');
+      if (e.key === 'Escape' && this.open && !e.defaultPrevented) this.$emit('cancel');
     },
     emitConfirm() {
       this.$emit('confirm');
@@ -44980,8 +45688,11 @@ var script$1 = {
       this.locked = shouldLock;
       if (shouldLock) lockScroll(this.scrollTargets);else unlockScroll(this.scrollTargets);
     },
+    // Un Escape que ya atendió un control de adentro (p. ej. Combobox o
+    // Dropdown al cerrar su panel, que hacen preventDefault) no cierra el
+    // drawer: solo cierra la lista.
     handleKeydown(e) {
-      if (e.key === 'Escape' && this.open) {
+      if (e.key === 'Escape' && this.open && !e.defaultPrevented) {
         this.$emit('close');
       }
     }
@@ -45129,7 +45840,7 @@ const sidebarVariants = cva('rq-sidebar', {
 var script = {
   name: 'Sidebar',
   components: {
-    Icon: __vue_component__$H
+    Icon: __vue_component__$J
   },
   model: {
     prop: 'value',
@@ -45302,16 +46013,16 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__
 }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
-exports.Avatar = __vue_component__$C;
+exports.Avatar = __vue_component__$E;
 exports.AvatarGroup = __vue_component__$g;
-exports.Badge = __vue_component__$I;
+exports.Badge = __vue_component__$K;
 exports.Breadcrumb = __vue_component__$n;
-exports.Button = __vue_component__$Q;
+exports.Button = __vue_component__$R;
 exports.Calendar = __vue_component__$6;
 exports.Card = __vue_component__$i;
-exports.Checkbox = __vue_component__$L;
-exports.CheckboxGroup = __vue_component__$z;
-exports.Chip = __vue_component__$J;
+exports.Checkbox = __vue_component__$N;
+exports.CheckboxGroup = __vue_component__$B;
+exports.Chip = __vue_component__$L;
 exports.ChipTabs = __vue_component__$b;
 exports.Combobox = __vue_component__$9;
 exports.DataTable = __vue_component__$4;
@@ -45324,37 +46035,38 @@ exports.DropdownItem = __vue_component__$8;
 exports.FileInput = __vue_component__$e;
 exports.FileList = __vue_component__$d;
 exports.FormField = __vue_component__$j;
-exports.Icon = __vue_component__$H;
+exports.Icon = __vue_component__$J;
 exports.IconButton = __vue_component__$k;
 exports.InfoAlert = __vue_component__$l;
-exports.Input = __vue_component__$R;
+exports.Input = __vue_component__$S;
 exports.Kpi = __vue_component__$c;
-exports.Link = __vue_component__$O;
+exports.LineTabs = __vue_component__$w;
+exports.Link = __vue_component__$P;
 exports.PageSizeSelect = __vue_component__$r;
-exports.Pagination = __vue_component__$w;
-exports.Progress = __vue_component__$N;
-exports.Radio = __vue_component__$D;
-exports.RichCheckboxGroup = __vue_component__$A;
+exports.Pagination = __vue_component__$y;
+exports.Progress = __vue_component__$v;
+exports.Radio = __vue_component__$F;
+exports.RichCheckboxGroup = __vue_component__$C;
 exports.RichRadioGroup = __vue_component__$a;
-exports.RichSwitchGroup = __vue_component__$x;
+exports.RichSwitchGroup = __vue_component__$z;
 exports.RiskBadges = __vue_component__$o;
-exports.RqButton = __vue_component__$T;
-exports.RqInput = __vue_component__$S;
+exports.RqButton = __vue_component__$U;
+exports.RqInput = __vue_component__$T;
 exports.SearchInput = __vue_component__$s;
-exports.Select = __vue_component__$F;
+exports.Select = __vue_component__$H;
 exports.SelectionBar = __vue_component__$q;
 exports.Sidebar = __vue_component__;
-exports.Skeleton = __vue_component__$G;
-exports.Spinner = __vue_component__$M;
+exports.Skeleton = __vue_component__$I;
+exports.Spinner = __vue_component__$O;
 exports.Stepper = __vue_component__$f;
-exports.Switch = __vue_component__$K;
-exports.SwitchGroup = __vue_component__$y;
+exports.Switch = __vue_component__$M;
+exports.SwitchGroup = __vue_component__$A;
 exports.Table = __vue_component__$5;
-exports.Tabs = __vue_component__$v;
-exports.Textarea = __vue_component__$E;
+exports.Tabs = __vue_component__$x;
+exports.Textarea = __vue_component__$G;
 exports.Timeline = __vue_component__$h;
 exports.Toast = __vue_component__$p;
 exports.ToastContainer = __vue_component__$m;
-exports.Tooltip = __vue_component__$B;
+exports.Tooltip = __vue_component__$D;
 exports.Topbar = __vue_component__$t;
-exports.Typography = __vue_component__$P;
+exports.Typography = __vue_component__$Q;