@regcheq/ui-vue-2 1.3.0 → 1.4.0-beta.1

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { ref, watch, computed, onUnmounted } from 'vue';
+import { ref, watch, computed } from 'vue';
 
 /**
  * @license lucide-vue v0.517.0 - ISC
@@ -31459,7 +31459,7 @@ const buttonVariants$1 = cva('rq-button-legacy', {
 //
 //
 
-var script$k = {
+var script$o = {
   name: 'RqButton',
   props: {
     variant: {
@@ -31593,10 +31593,10 @@ function normalizeComponent(template, style, script, scopeId, isFunctionalTempla
 }
 
 /* script */
-const __vue_script__$k = script$k;
+const __vue_script__$o = script$o;
 
 /* template */
-var __vue_render__$k = function () {
+var __vue_render__$o = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -31622,27 +31622,27 @@ var __vue_render__$k = function () {
     }
   }) : _vm._e()], 2);
 };
-var __vue_staticRenderFns__$k = [];
-__vue_render__$k._withStripped = true;
+var __vue_staticRenderFns__$o = [];
+__vue_render__$o._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$k = undefined;
+const __vue_inject_styles__$o = undefined;
 /* scoped */
-const __vue_scope_id__$k = undefined;
+const __vue_scope_id__$o = undefined;
 /* module identifier */
-const __vue_module_identifier__$k = undefined;
+const __vue_module_identifier__$o = undefined;
 /* functional template */
-const __vue_is_functional_template__$k = false;
+const __vue_is_functional_template__$o = 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 __vue_component__$o = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$o,
+  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 inputVariants$1 = cva('rq-input', {
   variants: {
@@ -31695,7 +31695,7 @@ const inputVariants$1 = cva('rq-input', {
 //
 
 let uid = 0;
-var script$j = {
+var script$n = {
   name: 'RqInput',
   inheritAttrs: false,
   props: {
@@ -31789,10 +31789,10 @@ var script$j = {
 };
 
 /* script */
-const __vue_script__$j = script$j;
+const __vue_script__$n = script$n;
 
 /* template */
-var __vue_render__$j = function () {
+var __vue_render__$n = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -31847,27 +31847,27 @@ var __vue_render__$j = 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__$j = [];
-__vue_render__$j._withStripped = true;
+var __vue_staticRenderFns__$n = [];
+__vue_render__$n._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$j = undefined;
+const __vue_inject_styles__$n = undefined;
 /* scoped */
-const __vue_scope_id__$j = undefined;
+const __vue_scope_id__$n = undefined;
 /* module identifier */
-const __vue_module_identifier__$j = undefined;
+const __vue_module_identifier__$n = undefined;
 /* functional template */
-const __vue_is_functional_template__$j = false;
+const __vue_is_functional_template__$n = 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 __vue_component__$n = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$n,
+  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 inputVariants = cva('rq-field', {
   variants: {
@@ -31919,7 +31919,7 @@ const inputVariants = cva('rq-field', {
 //
 //
 
-var script$i = {
+var script$m = {
   name: 'Input',
   inheritAttrs: false,
   props: {
@@ -31992,10 +31992,10 @@ var script$i = {
 };
 
 /* script */
-const __vue_script__$i = script$i;
+const __vue_script__$m = script$m;
 
 /* template */
-var __vue_render__$i = function () {
+var __vue_render__$m = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -32031,27 +32031,27 @@ var __vue_render__$i = function () {
     }
   }) : _vm._e()], 1);
 };
-var __vue_staticRenderFns__$i = [];
-__vue_render__$i._withStripped = true;
+var __vue_staticRenderFns__$m = [];
+__vue_render__$m._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$i = undefined;
+const __vue_inject_styles__$m = undefined;
 /* scoped */
-const __vue_scope_id__$i = undefined;
+const __vue_scope_id__$m = undefined;
 /* module identifier */
-const __vue_module_identifier__$i = undefined;
+const __vue_module_identifier__$m = undefined;
 /* functional template */
-const __vue_is_functional_template__$i = false;
+const __vue_is_functional_template__$m = 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__$m = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$m,
+  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 buttonVariants = cva('rq-button', {
   variants: {
@@ -32094,7 +32094,7 @@ const buttonVariants = cva('rq-button', {
 //
 //
 
-var script$h = {
+var script$l = {
   name: 'Button',
   props: {
     variant: {
@@ -32160,10 +32160,10 @@ var script$h = {
 };
 
 /* script */
-const __vue_script__$h = script$h;
+const __vue_script__$l = script$l;
 
 /* template */
-var __vue_render__$h = function () {
+var __vue_render__$l = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -32190,27 +32190,27 @@ var __vue_render__$h = function () {
     }
   }) : _vm._e()], 2);
 };
-var __vue_staticRenderFns__$h = [];
-__vue_render__$h._withStripped = true;
+var __vue_staticRenderFns__$l = [];
+__vue_render__$l._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$h = undefined;
+const __vue_inject_styles__$l = undefined;
 /* scoped */
-const __vue_scope_id__$h = undefined;
+const __vue_scope_id__$l = undefined;
 /* module identifier */
-const __vue_module_identifier__$h = undefined;
+const __vue_module_identifier__$l = undefined;
 /* functional template */
-const __vue_is_functional_template__$h = false;
+const __vue_is_functional_template__$l = 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__$l = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$l,
+  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);
 
 //
 //
@@ -32284,7 +32284,7 @@ const WEIGHT_MAP = {
   semibold: 600,
   bold: 700
 };
-var script$g = {
+var script$k = {
   name: 'Typography',
   props: {
     variant: {
@@ -32318,10 +32318,10 @@ var script$g = {
 };
 
 /* script */
-const __vue_script__$g = script$g;
+const __vue_script__$k = script$k;
 
 /* template */
-var __vue_render__$g = function () {
+var __vue_render__$k = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -32331,27 +32331,27 @@ var __vue_render__$g = function () {
     style: _vm.weightStyle
   }, _vm.$listeners), [_vm._t("default")], 2);
 };
-var __vue_staticRenderFns__$g = [];
-__vue_render__$g._withStripped = true;
+var __vue_staticRenderFns__$k = [];
+__vue_render__$k._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$g = undefined;
+const __vue_inject_styles__$k = undefined;
 /* scoped */
-const __vue_scope_id__$g = undefined;
+const __vue_scope_id__$k = undefined;
 /* module identifier */
-const __vue_module_identifier__$g = undefined;
+const __vue_module_identifier__$k = undefined;
 /* functional template */
-const __vue_is_functional_template__$g = false;
+const __vue_is_functional_template__$k = 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__$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 checkboxVariants = cva('rq-checkbox');
 
@@ -32382,7 +32382,7 @@ const checkboxVariants = cva('rq-checkbox');
 //
 //
 
-var script$f = {
+var script$j = {
   name: 'Checkbox',
   model: {
     prop: 'checked',
@@ -32432,10 +32432,10 @@ var script$f = {
 };
 
 /* script */
-const __vue_script__$f = script$f;
+const __vue_script__$j = script$j;
 
 /* template */
-var __vue_render__$f = function () {
+var __vue_render__$j = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -32471,27 +32471,27 @@ var __vue_render__$f = function () {
     }
   }) : _vm._e()], 1);
 };
-var __vue_staticRenderFns__$f = [];
-__vue_render__$f._withStripped = true;
+var __vue_staticRenderFns__$j = [];
+__vue_render__$j._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$f = undefined;
+const __vue_inject_styles__$j = undefined;
 /* scoped */
-const __vue_scope_id__$f = undefined;
+const __vue_scope_id__$j = undefined;
 /* module identifier */
-const __vue_module_identifier__$f = undefined;
+const __vue_module_identifier__$j = undefined;
 /* functional template */
-const __vue_is_functional_template__$f = false;
+const __vue_is_functional_template__$j = 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__$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 switchVariants = cva('rq-switch');
 
@@ -32511,7 +32511,7 @@ const switchVariants = cva('rq-switch');
 //
 //
 
-var script$e = {
+var script$i = {
   name: 'RqSwitch',
   model: {
     prop: 'checked',
@@ -32538,10 +32538,10 @@ var script$e = {
 };
 
 /* script */
-const __vue_script__$e = script$e;
+const __vue_script__$i = script$i;
 
 /* template */
-var __vue_render__$e = function () {
+var __vue_render__$i = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -32569,27 +32569,27 @@ var __vue_render__$e = function () {
     staticClass: "rq-switch__thumb"
   })]);
 };
-var __vue_staticRenderFns__$e = [];
-__vue_render__$e._withStripped = true;
+var __vue_staticRenderFns__$i = [];
+__vue_render__$i._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$e = undefined;
+const __vue_inject_styles__$i = undefined;
 /* scoped */
-const __vue_scope_id__$e = undefined;
+const __vue_scope_id__$i = undefined;
 /* module identifier */
-const __vue_module_identifier__$e = undefined;
+const __vue_module_identifier__$i = undefined;
 /* functional template */
-const __vue_is_functional_template__$e = false;
+const __vue_is_functional_template__$i = 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__$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 chipVariants = cva('rq-chip', {
   variants: {},
@@ -32612,7 +32612,7 @@ const chipVariants = cva('rq-chip', {
 //
 //
 
-var script$d = {
+var script$h = {
   name: 'Chip',
   props: {
     label: {
@@ -32641,10 +32641,10 @@ var script$d = {
 };
 
 /* script */
-const __vue_script__$d = script$d;
+const __vue_script__$h = script$h;
 
 /* template */
-var __vue_render__$d = function () {
+var __vue_render__$h = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -32669,27 +32669,27 @@ var __vue_render__$d = function () {
     }
   })], 1) : _vm._e()]);
 };
-var __vue_staticRenderFns__$d = [];
-__vue_render__$d._withStripped = true;
+var __vue_staticRenderFns__$h = [];
+__vue_render__$h._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$d = undefined;
+const __vue_inject_styles__$h = undefined;
 /* scoped */
-const __vue_scope_id__$d = undefined;
+const __vue_scope_id__$h = undefined;
 /* module identifier */
-const __vue_module_identifier__$d = undefined;
+const __vue_module_identifier__$h = undefined;
 /* functional template */
-const __vue_is_functional_template__$d = false;
+const __vue_is_functional_template__$h = 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__$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 badgeVariants = cva('rq-badge', {
   variants: {
@@ -32720,7 +32720,7 @@ const badgeVariants = cva('rq-badge', {
 //
 //
 
-var script$c = {
+var script$g = {
   name: 'Badge',
   inheritAttrs: false,
   props: {
@@ -32746,10 +32746,10 @@ var script$c = {
 };
 
 /* script */
-const __vue_script__$c = script$c;
+const __vue_script__$g = script$g;
 
 /* template */
-var __vue_render__$c = function () {
+var __vue_render__$g = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -32757,27 +32757,27 @@ var __vue_render__$c = function () {
     class: _vm.classes
   }, "span", _vm.$attrs, false), _vm.$listeners), [_vm._t("left"), _vm._v(" "), _vm._t("default"), _vm._v(" "), _vm._t("right")], 2);
 };
-var __vue_staticRenderFns__$c = [];
-__vue_render__$c._withStripped = true;
+var __vue_staticRenderFns__$g = [];
+__vue_render__$g._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$c = undefined;
+const __vue_inject_styles__$g = undefined;
 /* scoped */
-const __vue_scope_id__$c = undefined;
+const __vue_scope_id__$g = undefined;
 /* module identifier */
-const __vue_module_identifier__$c = undefined;
+const __vue_module_identifier__$g = undefined;
 /* functional template */
-const __vue_is_functional_template__$c = false;
+const __vue_is_functional_template__$g = 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__$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 tooltipVariants = cva('rq-tooltip', {
   variants: {
@@ -32807,7 +32807,7 @@ const tooltipVariants = cva('rq-tooltip', {
 //
 //
 
-var script$b = {
+var script$f = {
   name: 'Tooltip',
   props: {
     side: {
@@ -32836,10 +32836,10 @@ var script$b = {
 };
 
 /* script */
-const __vue_script__$b = script$b;
+const __vue_script__$f = script$f;
 
 /* template */
-var __vue_render__$b = function () {
+var __vue_render__$f = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -32849,27 +32849,27 @@ var __vue_render__$b = function () {
     class: _vm.classes
   }, [_vm._v(_vm._s(_vm.text))])], 2);
 };
-var __vue_staticRenderFns__$b = [];
-__vue_render__$b._withStripped = true;
+var __vue_staticRenderFns__$f = [];
+__vue_render__$f._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$b = undefined;
+const __vue_inject_styles__$f = undefined;
 /* scoped */
-const __vue_scope_id__$b = undefined;
+const __vue_scope_id__$f = undefined;
 /* module identifier */
-const __vue_module_identifier__$b = undefined;
+const __vue_module_identifier__$f = undefined;
 /* functional template */
-const __vue_is_functional_template__$b = false;
+const __vue_is_functional_template__$f = 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__$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 richCheckboxGroupVariants = cva('rq-rich-checkbox-group');
 
@@ -32915,10 +32915,10 @@ const groupMixin = {
 //
 //
 
-var script$a = {
+var script$e = {
   name: 'RichCheckboxGroup',
   components: {
-    Checkbox: __vue_component__$f
+    Checkbox: __vue_component__$j
   },
   mixins: [groupMixin],
   props: {
@@ -32946,10 +32946,10 @@ var script$a = {
 };
 
 /* script */
-const __vue_script__$a = script$a;
+const __vue_script__$e = script$e;
 
 /* template */
-var __vue_render__$a = function () {
+var __vue_render__$e = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -32982,27 +32982,27 @@ var __vue_render__$a = function () {
     staticClass: "rq-rich-checkbox-group__secondary-label"
   }, [_vm._v(_vm._s(_vm.secondaryLabel))]) : _vm._e()])], 1);
 };
-var __vue_staticRenderFns__$a = [];
-__vue_render__$a._withStripped = true;
+var __vue_staticRenderFns__$e = [];
+__vue_render__$e._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$a = undefined;
+const __vue_inject_styles__$e = undefined;
 /* scoped */
-const __vue_scope_id__$a = undefined;
+const __vue_scope_id__$e = undefined;
 /* module identifier */
-const __vue_module_identifier__$a = undefined;
+const __vue_module_identifier__$e = undefined;
 /* functional template */
-const __vue_is_functional_template__$a = false;
+const __vue_is_functional_template__$e = 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__$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 checkboxGroupVariants = cva('rq-checkbox-group', {
   variants: {
@@ -33029,10 +33029,10 @@ const checkboxGroupVariants = cva('rq-checkbox-group', {
 //
 //
 
-var script$9 = {
+var script$d = {
   name: 'CheckboxGroup',
   components: {
-    Checkbox: __vue_component__$f
+    Checkbox: __vue_component__$j
   },
   mixins: [groupMixin],
   props: {
@@ -33054,10 +33054,10 @@ var script$9 = {
 };
 
 /* script */
-const __vue_script__$9 = script$9;
+const __vue_script__$d = script$d;
 
 /* template */
-var __vue_render__$9 = function () {
+var __vue_render__$d = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -33086,27 +33086,27 @@ var __vue_render__$9 = function () {
     staticClass: "rq-checkbox-group__label"
   }, [_vm._v(_vm._s(_vm.label))])], 1);
 };
-var __vue_staticRenderFns__$9 = [];
-__vue_render__$9._withStripped = true;
+var __vue_staticRenderFns__$d = [];
+__vue_render__$d._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$9 = undefined;
+const __vue_inject_styles__$d = undefined;
 /* scoped */
-const __vue_scope_id__$9 = undefined;
+const __vue_scope_id__$d = undefined;
 /* module identifier */
-const __vue_module_identifier__$9 = undefined;
+const __vue_module_identifier__$d = undefined;
 /* functional template */
-const __vue_is_functional_template__$9 = false;
+const __vue_is_functional_template__$d = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$9 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$9,
-  staticRenderFns: __vue_staticRenderFns__$9
-}, __vue_inject_styles__$9, __vue_script__$9, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, 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 switchGroupVariants = cva('rq-switch-group', {
   variants: {
@@ -33138,10 +33138,10 @@ const switchGroupVariants = cva('rq-switch-group', {
 //
 //
 
-var script$8 = {
+var script$c = {
   name: 'SwitchGroup',
   components: {
-    RqSwitch: __vue_component__$e
+    RqSwitch: __vue_component__$i
   },
   mixins: [groupMixin],
   props: {
@@ -33169,10 +33169,10 @@ var script$8 = {
 };
 
 /* script */
-const __vue_script__$8 = script$8;
+const __vue_script__$c = script$c;
 
 /* template */
-var __vue_render__$8 = function () {
+var __vue_render__$c = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -33201,27 +33201,27 @@ var __vue_render__$8 = function () {
     staticClass: "rq-switch-group__label"
   }, [_vm._v(_vm._s(_vm.label))])], 1);
 };
-var __vue_staticRenderFns__$8 = [];
-__vue_render__$8._withStripped = true;
+var __vue_staticRenderFns__$c = [];
+__vue_render__$c._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$8 = undefined;
+const __vue_inject_styles__$c = undefined;
 /* scoped */
-const __vue_scope_id__$8 = undefined;
+const __vue_scope_id__$c = undefined;
 /* module identifier */
-const __vue_module_identifier__$8 = undefined;
+const __vue_module_identifier__$c = undefined;
 /* functional template */
-const __vue_is_functional_template__$8 = false;
+const __vue_is_functional_template__$c = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$8 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$8,
-  staticRenderFns: __vue_staticRenderFns__$8
-}, __vue_inject_styles__$8, __vue_script__$8, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, 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 richSwitchGroupVariants = cva('rq-rich-switch-group');
 
@@ -33243,10 +33243,10 @@ const richSwitchGroupVariants = cva('rq-rich-switch-group');
 //
 //
 
-var script$7 = {
+var script$b = {
   name: 'RichSwitchGroup',
   components: {
-    RqSwitch: __vue_component__$e
+    RqSwitch: __vue_component__$i
   },
   mixins: [groupMixin],
   props: {
@@ -33274,10 +33274,10 @@ var script$7 = {
 };
 
 /* script */
-const __vue_script__$7 = script$7;
+const __vue_script__$b = script$b;
 
 /* template */
-var __vue_render__$7 = function () {
+var __vue_render__$b = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -33312,27 +33312,27 @@ var __vue_render__$7 = function () {
     staticClass: "rq-rich-switch-group__secondary-label"
   }, [_vm._v(_vm._s(_vm.secondaryLabel))]) : _vm._e()])]);
 };
-var __vue_staticRenderFns__$7 = [];
-__vue_render__$7._withStripped = true;
+var __vue_staticRenderFns__$b = [];
+__vue_render__$b._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$7 = undefined;
+const __vue_inject_styles__$b = undefined;
 /* scoped */
-const __vue_scope_id__$7 = undefined;
+const __vue_scope_id__$b = undefined;
 /* module identifier */
-const __vue_module_identifier__$7 = undefined;
+const __vue_module_identifier__$b = undefined;
 /* functional template */
-const __vue_is_functional_template__$7 = false;
+const __vue_is_functional_template__$b = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$7 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$7,
-  staticRenderFns: __vue_staticRenderFns__$7
-}, __vue_inject_styles__$7, __vue_script__$7, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, 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);
 
 //
 //
@@ -33384,7 +33384,7 @@ const __vue_component__$7 = /*#__PURE__*/normalizeComponent({
 //
 //
 
-var script$6 = {
+var script$a = {
   name: 'Pagination',
   props: {
     page: {
@@ -33434,10 +33434,10 @@ var script$6 = {
 };
 
 /* script */
-const __vue_script__$6 = script$6;
+const __vue_script__$a = script$a;
 
 /* template */
-var __vue_render__$6 = function () {
+var __vue_render__$a = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -33501,27 +33501,27 @@ var __vue_render__$6 = function () {
     }
   }, [_vm._v("\n    Siguiente\n  ")])], 2);
 };
-var __vue_staticRenderFns__$6 = [];
-__vue_render__$6._withStripped = true;
+var __vue_staticRenderFns__$a = [];
+__vue_render__$a._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$6 = undefined;
+const __vue_inject_styles__$a = undefined;
 /* scoped */
-const __vue_scope_id__$6 = undefined;
+const __vue_scope_id__$a = undefined;
 /* module identifier */
-const __vue_module_identifier__$6 = undefined;
+const __vue_module_identifier__$a = undefined;
 /* functional template */
-const __vue_is_functional_template__$6 = false;
+const __vue_is_functional_template__$a = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$6 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$6,
-  staticRenderFns: __vue_staticRenderFns__$6
-}, __vue_inject_styles__$6, __vue_script__$6, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, 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 tabsVariants = cva('rq-tabs', {
   variants: {
@@ -33559,7 +33559,7 @@ const tabsVariants = cva('rq-tabs', {
 //
 //
 
-var script$5 = {
+var script$9 = {
   name: 'Tabs',
   props: {
     value: {
@@ -33607,10 +33607,10 @@ var script$5 = {
 };
 
 /* script */
-const __vue_script__$5 = script$5;
+const __vue_script__$9 = script$9;
 
 /* template */
-var __vue_render__$5 = function () {
+var __vue_render__$9 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -33642,27 +33642,27 @@ var __vue_render__$5 = function () {
     }, [_vm._v(_vm._s(tab.counter))]) : _vm._e()], 1);
   }), 0);
 };
-var __vue_staticRenderFns__$5 = [];
-__vue_render__$5._withStripped = true;
+var __vue_staticRenderFns__$9 = [];
+__vue_render__$9._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$5 = undefined;
+const __vue_inject_styles__$9 = undefined;
 /* scoped */
-const __vue_scope_id__$5 = undefined;
+const __vue_scope_id__$9 = undefined;
 /* module identifier */
-const __vue_module_identifier__$5 = undefined;
+const __vue_module_identifier__$9 = undefined;
 /* functional template */
-const __vue_is_functional_template__$5 = false;
+const __vue_is_functional_template__$9 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$5 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$5,
-  staticRenderFns: __vue_staticRenderFns__$5
-}, __vue_inject_styles__$5, __vue_script__$5, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, false, undefined, undefined, undefined);
+const __vue_component__$9 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$9,
+  staticRenderFns: __vue_staticRenderFns__$9
+}, __vue_inject_styles__$9, __vue_script__$9, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, undefined, undefined, undefined);
 
 //
 //
@@ -33749,7 +33749,7 @@ const DEFAULT_ITEMS = [{
   icon: 'LogOut',
   section: 'bottom'
 }];
-var script$4 = {
+var script$8 = {
   name: 'Topbar',
   props: {
     userName: {
@@ -33819,10 +33819,10 @@ var script$4 = {
 };
 
 /* script */
-const __vue_script__$4 = script$4;
+const __vue_script__$8 = script$8;
 
 /* template */
-var __vue_render__$4 = function () {
+var __vue_render__$8 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -33905,29 +33905,351 @@ var __vue_render__$4 = function () {
     }, [_vm._v(_vm._s(item.label))])], 1);
   })] : _vm._e()], 2)]) : _vm._e()]);
 };
-var __vue_staticRenderFns__$4 = [];
-__vue_render__$4._withStripped = true;
+var __vue_staticRenderFns__$8 = [];
+__vue_render__$8._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$4 = undefined;
+const __vue_inject_styles__$8 = undefined;
 /* scoped */
-const __vue_scope_id__$4 = undefined;
+const __vue_scope_id__$8 = undefined;
 /* module identifier */
-const __vue_module_identifier__$4 = undefined;
+const __vue_module_identifier__$8 = undefined;
 /* functional template */
-const __vue_is_functional_template__$4 = false;
+const __vue_is_functional_template__$8 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$4 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$4,
-  staticRenderFns: __vue_staticRenderFns__$4
-}, __vue_inject_styles__$4, __vue_script__$4, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, false, undefined, undefined, undefined);
+const __vue_component__$8 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$8,
+  staticRenderFns: __vue_staticRenderFns__$8
+}, __vue_inject_styles__$8, __vue_script__$8, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, undefined, undefined, undefined);
 
-const dataTableVariants = cva('rq-data-table', {
+const searchInputVariants = cva('rq-search-input', {
+  variants: {},
+  defaultVariants: {}
+});
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+var script$7 = {
+  name: 'SearchInput',
+  components: {
+    Input: __vue_component__$m,
+    Button: __vue_component__$l
+  },
+  props: {
+    value: {
+      type: String,
+      default: ''
+    },
+    placeholder: {
+      type: String,
+      default: 'Buscar...'
+    }
+  },
+  computed: {
+    classes() {
+      return searchInputVariants();
+    },
+    inputId() {
+      return `rq-search-input-${this._uid}`;
+    }
+  },
+  methods: {
+    onKeydown(event) {
+      if (event.key === 'Enter') this.$emit('search', this.value);
+    }
+  }
+};
+
+/* script */
+const __vue_script__$7 = script$7;
+
+/* template */
+var __vue_render__$7 = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
+    class: _vm.classes
+  }, [_c("label", {
+    staticClass: "rq-search-input__visually-hidden",
+    attrs: {
+      for: _vm.inputId
+    }
+  }, [_vm._v(_vm._s(_vm.placeholder))]), _vm._v(" "), _c("Input", {
+    attrs: {
+      id: _vm.inputId,
+      value: _vm.value,
+      "icon-left": "Search",
+      placeholder: _vm.placeholder
+    },
+    on: {
+      input: function ($event) {
+        return _vm.$emit("input", $event);
+      },
+      keydown: _vm.onKeydown
+    }
+  }), _vm._v(" "), _c("Button", {
+    attrs: {
+      variant: "primary",
+      "icon-left": "Search"
+    },
+    on: {
+      click: function ($event) {
+        return _vm.$emit("search", _vm.value);
+      }
+    }
+  })], 1);
+};
+var __vue_staticRenderFns__$7 = [];
+__vue_render__$7._withStripped = true;
+
+/* style */
+const __vue_inject_styles__$7 = undefined;
+/* scoped */
+const __vue_scope_id__$7 = undefined;
+/* module identifier */
+const __vue_module_identifier__$7 = undefined;
+/* functional template */
+const __vue_is_functional_template__$7 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$7 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$7,
+  staticRenderFns: __vue_staticRenderFns__$7
+}, __vue_inject_styles__$7, __vue_script__$7, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, undefined, undefined, undefined);
+
+const pageSizeSelectVariants = cva('rq-page-size-select', {
+  variants: {},
+  defaultVariants: {}
+});
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+var script$6 = {
+  name: 'PageSizeSelect',
+  props: {
+    pageSize: {
+      type: Number,
+      default: 10
+    },
+    options: {
+      type: Array,
+      default: () => [10, 25, 50, 100]
+    },
+    label: {
+      type: String,
+      default: 'Filas por página'
+    }
+  },
+  computed: {
+    classes() {
+      return pageSizeSelectVariants();
+    },
+    selectId() {
+      return `rq-page-size-select-${this._uid}`;
+    }
+  }
+};
+
+/* script */
+const __vue_script__$6 = script$6;
+
+/* template */
+var __vue_render__$6 = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
+    class: _vm.classes
+  }, [_c("label", {
+    staticClass: "rq-page-size-select__label",
+    attrs: {
+      for: _vm.selectId
+    }
+  }, [_vm._v(_vm._s(_vm.label))]), _vm._v(" "), _c("select", {
+    staticClass: "rq-page-size-select__select",
+    attrs: {
+      id: _vm.selectId
+    },
+    domProps: {
+      value: _vm.pageSize
+    },
+    on: {
+      change: function ($event) {
+        _vm.$emit("update:page-size", Number($event.target.value));
+      }
+    }
+  }, _vm._l(_vm.options, function (opt) {
+    return _c("option", {
+      key: opt,
+      domProps: {
+        value: opt
+      }
+    }, [_vm._v(_vm._s(opt))]);
+  }), 0)]);
+};
+var __vue_staticRenderFns__$6 = [];
+__vue_render__$6._withStripped = true;
+
+/* style */
+const __vue_inject_styles__$6 = undefined;
+/* scoped */
+const __vue_scope_id__$6 = undefined;
+/* module identifier */
+const __vue_module_identifier__$6 = undefined;
+/* functional template */
+const __vue_is_functional_template__$6 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$6 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$6,
+  staticRenderFns: __vue_staticRenderFns__$6
+}, __vue_inject_styles__$6, __vue_script__$6, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, false, undefined, undefined, undefined);
+
+const selectionBarVariants = cva('rq-selection-bar', {
+  variants: {},
+  defaultVariants: {}
+});
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+var script$5 = {
+  name: 'SelectionBar',
+  components: {
+    Button: __vue_component__$l
+  },
+  props: {
+    count: {
+      type: Number,
+      default: 0
+    },
+    deleteLabel: {
+      type: String,
+      default: 'Eliminar'
+    }
+  },
+  computed: {
+    classes() {
+      return selectionBarVariants();
+    }
+  }
+};
+
+/* script */
+const __vue_script__$5 = script$5;
+
+/* template */
+var __vue_render__$5 = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
+    class: _vm.classes
+  }, [_c("div", {
+    staticClass: "rq-selection-bar__info"
+  }, [_c("span", {
+    staticClass: "rq-selection-bar__dot"
+  }), _vm._v(" "), _c("span", [_vm._v(_vm._s(_vm.count) + " registros seleccionados")]), _vm._v(" "), _c("button", {
+    staticClass: "rq-selection-bar__clear",
+    attrs: {
+      type: "button"
+    },
+    on: {
+      click: function ($event) {
+        return _vm.$emit("clear");
+      }
+    }
+  }, [_vm._v("\n      Limpiar selección\n    ")])]), _vm._v(" "), _c("Button", {
+    attrs: {
+      variant: "primary",
+      size: "md",
+      "icon-right": "Trash2"
+    },
+    on: {
+      click: function ($event) {
+        return _vm.$emit("delete");
+      }
+    }
+  }, [_vm._v("\n    " + _vm._s(_vm.deleteLabel) + "\n  ")])], 1);
+};
+var __vue_staticRenderFns__$5 = [];
+__vue_render__$5._withStripped = true;
+
+/* style */
+const __vue_inject_styles__$5 = undefined;
+/* scoped */
+const __vue_scope_id__$5 = undefined;
+/* module identifier */
+const __vue_module_identifier__$5 = undefined;
+/* functional template */
+const __vue_is_functional_template__$5 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$5 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$5,
+  staticRenderFns: __vue_staticRenderFns__$5
+}, __vue_inject_styles__$5, __vue_script__$5, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, false, undefined, undefined, undefined);
+
+// src/components/organisms/Table/Table.variants.js
+const tableVariants = cva('rq-table', {
   variants: {},
   defaultVariants: {}
 });
@@ -36872,8 +37194,7 @@ function getCoreRowModel() {
   }, getMemoOptions(table.options, 'debugTable', 'getRowModel', () => table._autoResetPageIndex()));
 }
 
-// src/components/organisms/DataTable/useDataTable.js
-function useDataTable(props, emit) {
+function useTable(props, emit) {
   // --- Estado Vue ---
   const columnOrder = ref([]);
   const columnPinning = ref({
@@ -37050,6 +37371,10 @@ function useDataTable(props, emit) {
       emit('select', [...props.rows]);
     }
   }
+  function clearSelection() {
+    rowSelection.value = {};
+    emit('select', []);
+  }
 
   // --- Handlers de chevron ---
   function toggleChevron(columnKey) {
@@ -37058,14 +37383,6 @@ function useDataTable(props, emit) {
   function closeChevron() {
     activeChevronKey.value = null;
   }
-
-  // --- Debounce del buscador ---
-  let searchTimer = null;
-  function onSearchInput(value) {
-    clearTimeout(searchTimer);
-    searchTimer = setTimeout(() => emit('update:search', value), 300);
-  }
-  onUnmounted(() => clearTimeout(searchTimer));
   return {
     headerGroups,
     tableRows,
@@ -37079,9 +37396,9 @@ function useDataTable(props, emit) {
     togglePin,
     toggleRow,
     toggleSelectAll,
+    clearSelection,
     toggleChevron,
     closeChevron,
-    onSearchInput,
     activeChevronKey,
     allSelected,
     someSelected,
@@ -37225,59 +37542,17 @@ function useDataTable(props, emit) {
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
-var script$3 = {
-  name: 'DataTable',
+var script$4 = {
+  name: 'Table',
   components: {
-    Pagination: __vue_component__$6,
-    Checkbox: __vue_component__$f
+    Checkbox: __vue_component__$j
   },
   props: {
     rows: {
       type: Array,
       default: () => []
     },
-    total: {
-      type: Number,
-      default: 0
-    },
     columns: {
       type: Array,
       required: true
@@ -37290,26 +37565,6 @@ var script$3 = {
       type: Array,
       default: () => []
     },
-    page: {
-      type: Number,
-      default: 1
-    },
-    pageSize: {
-      type: Number,
-      default: 10
-    },
-    pageSizeOptions: {
-      type: Array,
-      default: () => [10, 25, 50, 100]
-    },
-    searchText: {
-      type: String,
-      default: ''
-    },
-    showSearch: {
-      type: Boolean,
-      default: true
-    },
     selectable: {
       type: Boolean,
       default: false
@@ -37327,7 +37582,7 @@ var script$3 = {
     emit
   }) {
     return {
-      ...useDataTable(props, emit)
+      ...useTable(props, emit)
     };
   },
   data() {
@@ -37346,22 +37601,13 @@ var script$3 = {
   },
   computed: {
     classes() {
-      return dataTableVariants();
+      return tableVariants();
     },
     ChevronDownIcon() {
       return ChevronDown;
     },
     PinIcon() {
       return Pin;
-    },
-    totalPages() {
-      return Math.max(1, Math.ceil(this.total / this.pageSize));
-    },
-    fromRecord() {
-      return this.total === 0 ? 0 : (this.page - 1) * this.pageSize + 1;
-    },
-    toRecord() {
-      return Math.min(this.page * this.pageSize, this.total);
     }
   },
   methods: {
@@ -37453,10 +37699,10 @@ var script$3 = {
 };
 
 /* script */
-const __vue_script__$3 = script$3;
+const __vue_script__$4 = script$4;
 
 /* template */
-var __vue_render__$3 = function () {
+var __vue_render__$4 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -37465,58 +37711,21 @@ var __vue_render__$3 = function () {
     on: {
       click: _vm.closeAll
     }
-  }, _vm.$listeners), [_vm.showSearch ? _c("div", {
-    staticClass: "rq-data-table__search-bar"
-  }, [_c("input", {
-    staticClass: "rq-data-table__search-input",
-    attrs: {
-      type: "text",
-      placeholder: "Buscar..."
-    },
-    domProps: {
-      value: _vm.searchText
-    },
-    on: {
-      input: function ($event) {
-        return _vm.onSearchInput($event.target.value);
-      }
-    }
-  })]) : _vm._e(), _vm._v(" "), _c("div", {
-    staticClass: "rq-data-table__toolbar"
-  }, [_c("span", {
-    staticClass: "rq-data-table__toolbar-label"
-  }, [_vm._v("Filas por página")]), _vm._v(" "), _c("select", {
-    staticClass: "rq-data-table__toolbar-select",
-    domProps: {
-      value: _vm.pageSize
-    },
-    on: {
-      change: function ($event) {
-        _vm.$emit("update:page-size", Number($event.target.value));
-      }
-    }
-  }, _vm._l(_vm.pageSizeOptions, function (opt) {
-    return _c("option", {
-      key: opt,
-      domProps: {
-        value: opt
-      }
-    }, [_vm._v(_vm._s(opt))]);
-  }), 0)]), _vm._v(" "), _c("div", {
-    staticClass: "rq-data-table__scroll",
+  }, _vm.$listeners), [_c("div", {
+    staticClass: "rq-table__scroll",
     style: _vm.maxHeight ? {
       maxHeight: _vm.maxHeight + "px"
     } : {}
   }, [_c("table", {
-    staticClass: "rq-data-table__table"
+    staticClass: "rq-table__table"
   }, [_c("thead", {
-    staticClass: "rq-data-table__thead"
+    staticClass: "rq-table__thead"
   }, _vm._l(_vm.headerGroups, function (headerGroup) {
     return _c("tr", {
       key: headerGroup.id,
-      staticClass: "rq-data-table__tr rq-data-table__tr--head"
+      staticClass: "rq-table__tr rq-table__tr--head"
     }, [_vm.selectable ? _c("th", {
-      staticClass: "rq-data-table__th rq-data-table__th--select",
+      staticClass: "rq-table__th rq-table__th--select",
       style: {
         position: "sticky",
         left: 0,
@@ -37533,11 +37742,11 @@ var __vue_render__$3 = function () {
     })], 1) : _vm._e(), _vm._v(" "), _vm._l(headerGroup.headers, function (header) {
       return _c("th", {
         key: header.id,
-        staticClass: "rq-data-table__th",
+        staticClass: "rq-table__th",
         class: {
-          "rq-data-table__th--pinned": header.id in _vm.pinnedLeftWidths,
-          "rq-data-table__th--dragging": _vm.draggingKey === header.id,
-          "rq-data-table__th--drag-over": _vm.dragOverKey === header.id
+          "rq-table__th--pinned": header.id in _vm.pinnedLeftWidths,
+          "rq-table__th--dragging": _vm.draggingKey === header.id,
+          "rq-table__th--drag-over": _vm.dragOverKey === header.id
         },
         style: _vm.getColStyle(header, true),
         attrs: {
@@ -37559,13 +37768,13 @@ var __vue_render__$3 = function () {
           }
         }
       }, [_c("div", {
-        staticClass: "rq-data-table__th-content"
+        staticClass: "rq-table__th-content"
       }, [_c("span", {
-        staticClass: "rq-data-table__th-label"
+        staticClass: "rq-table__th-label"
       }, [_vm._v(_vm._s(header.column.columnDef.header))]), _vm._v(" "), _vm.getColumnDef(header.id).hasChevron ? _c("button", {
-        staticClass: "rq-data-table__chevron-btn",
+        staticClass: "rq-table__chevron-btn",
         class: {
-          "rq-data-table__chevron-btn--active": _vm.activeChevronKey === header.id
+          "rq-table__chevron-btn--active": _vm.activeChevronKey === header.id
         },
         attrs: {
           type: "button"
@@ -37584,9 +37793,9 @@ var __vue_render__$3 = function () {
       })], 1) : _vm._e()])]);
     })], 2);
   }), 0), _vm._v(" "), _c("tbody", [!_vm.tableRows.length ? _c("tr", {
-    staticClass: "rq-data-table__tr rq-data-table__tr--empty"
+    staticClass: "rq-table__tr rq-table__tr--empty"
   }, [_c("td", {
-    staticClass: "rq-data-table__td rq-data-table__td--empty",
+    staticClass: "rq-table__td rq-table__td--empty",
     attrs: {
       colspan: _vm.columns.length + (_vm.selectable ? 1 : 0)
     }
@@ -37595,14 +37804,14 @@ var __vue_render__$3 = function () {
   })], 2)]) : _vm._e(), _vm._v(" "), _vm._l(_vm.tableRows, function (row) {
     return _c("tr", {
       key: row.id,
-      staticClass: "rq-data-table__tr rq-data-table__tr--body",
+      staticClass: "rq-table__tr rq-table__tr--body",
       on: {
         click: function ($event) {
           return _vm.$emit("row-click", row.original);
         }
       }
     }, [_vm.selectable ? _c("td", {
-      staticClass: "rq-data-table__td rq-data-table__td--select",
+      staticClass: "rq-table__td rq-table__td--select",
       style: {
         position: "sticky",
         left: 0,
@@ -37625,34 +37834,20 @@ var __vue_render__$3 = function () {
     })], 1) : _vm._e(), _vm._v(" "), _vm._l(_vm.headerGroups[0] ? _vm.headerGroups[0].headers : [], function (header) {
       return _c("td", {
         key: header.id,
-        staticClass: "rq-data-table__td",
+        staticClass: "rq-table__td",
         class: {
-          "rq-data-table__td--pinned": header.id in _vm.pinnedLeftWidths
+          "rq-table__td--pinned": header.id in _vm.pinnedLeftWidths
         },
         style: _vm.getColStyle(header)
       }, [_vm._t("cell-" + header.id, function () {
-        return [_vm._v("\n                " + _vm._s(row.getValue(header.id)) + "\n              ")];
+        return [_vm._v("\n              " + _vm._s(row.getValue(header.id)) + "\n            ")];
       }, {
         row: row.original,
         value: row.getValue(header.id)
       })], 2);
     })], 2);
-  })], 2)])]), _vm._v(" "), _c("div", {
-    staticClass: "rq-data-table__pagination"
-  }, [_c("span", {
-    staticClass: "rq-data-table__pagination-info"
-  }, [_vm.total === 0 ? [_vm._v("Mostrando 0 registros")] : [_vm._v("Mostrando " + _vm._s(_vm.fromRecord) + " – " + _vm._s(_vm.toRecord) + " de " + _vm._s(_vm.total) + " registros")]], 2), _vm._v(" "), _vm.total > 0 ? _c("Pagination", {
-    attrs: {
-      page: _vm.page,
-      total: _vm.totalPages
-    },
-    on: {
-      "update:page": function ($event) {
-        return _vm.$emit("update:page", $event);
-      }
-    }
-  }) : _vm._e()], 1), _vm._v(" "), _vm.contextMenu.visible ? _c("div", {
-    staticClass: "rq-data-table__context-menu",
+  })], 2)])]), _vm._v(" "), _vm.contextMenu.visible ? _c("div", {
+    staticClass: "rq-table__context-menu",
     style: {
       top: _vm.contextMenu.y + "px",
       left: _vm.contextMenu.x + "px"
@@ -37663,7 +37858,7 @@ var __vue_render__$3 = function () {
       }
     }
   }, [_c("button", {
-    staticClass: "rq-data-table__context-menu-item",
+    staticClass: "rq-table__context-menu-item",
     attrs: {
       type: "button"
     },
@@ -37675,8 +37870,8 @@ var __vue_render__$3 = function () {
     attrs: {
       size: 14
     }
-  }), _vm._v("\n        " + _vm._s(_vm.contextMenu.colKey in _vm.pinnedLeftWidths ? "Desfijar columna" : "Fijar columna") + "\n      ")], 1)]) : _vm._e(), _vm._v(" "), _vm.activeChevronKey ? _c("div", {
-    staticClass: "rq-data-table__chevron-popover",
+  }), _vm._v("\n      " + _vm._s(_vm.contextMenu.colKey in _vm.pinnedLeftWidths ? "Desfijar columna" : "Fijar columna") + "\n    ")], 1)]) : _vm._e(), _vm._v(" "), _vm.activeChevronKey ? _c("div", {
+    staticClass: "rq-table__chevron-popover",
     style: {
       top: _vm.chevronPopoverPos.top + "px",
       left: _vm.chevronPopoverPos.left + "px"
@@ -37694,6 +37889,305 @@ var __vue_render__$3 = function () {
     })];
   })], 2) : _vm._e()]);
 };
+var __vue_staticRenderFns__$4 = [];
+__vue_render__$4._withStripped = true;
+
+/* style */
+const __vue_inject_styles__$4 = undefined;
+/* scoped */
+const __vue_scope_id__$4 = undefined;
+/* module identifier */
+const __vue_module_identifier__$4 = undefined;
+/* functional template */
+const __vue_is_functional_template__$4 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$4 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$4,
+  staticRenderFns: __vue_staticRenderFns__$4
+}, __vue_inject_styles__$4, __vue_script__$4, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, false, undefined, undefined, undefined);
+
+const dataTableVariants = cva('rq-data-table', {
+  variants: {},
+  defaultVariants: {}
+});
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+var script$3 = {
+  name: 'DataTable',
+  components: {
+    Table: __vue_component__$4,
+    SearchInput: __vue_component__$7,
+    PageSizeSelect: __vue_component__$6,
+    SelectionBar: __vue_component__$5,
+    Pagination: __vue_component__$a
+  },
+  props: {
+    rows: {
+      type: Array,
+      default: () => []
+    },
+    total: {
+      type: Number,
+      default: 0
+    },
+    columns: {
+      type: Array,
+      required: true
+    },
+    columnOrder: {
+      type: Array,
+      default: null
+    },
+    pinnedColumns: {
+      type: Array,
+      default: () => []
+    },
+    page: {
+      type: Number,
+      default: 1
+    },
+    pageSize: {
+      type: Number,
+      default: 10
+    },
+    pageSizeOptions: {
+      type: Array,
+      default: () => [10, 25, 50, 100]
+    },
+    searchText: {
+      type: String,
+      default: ''
+    },
+    showSearch: {
+      type: Boolean,
+      default: true
+    },
+    selectable: {
+      type: Boolean,
+      default: false
+    },
+    rowId: {
+      type: String,
+      default: 'id'
+    },
+    maxHeight: {
+      type: Number,
+      default: null
+    },
+    deleteLabel: {
+      type: String,
+      default: 'Eliminar'
+    }
+  },
+  data() {
+    return {
+      selectedRows: []
+    };
+  },
+  computed: {
+    classes() {
+      return dataTableVariants();
+    },
+    totalPages() {
+      return Math.max(1, Math.ceil(this.total / this.pageSize));
+    },
+    fromRecord() {
+      return this.total === 0 ? 0 : (this.page - 1) * this.pageSize + 1;
+    },
+    toRecord() {
+      return Math.min(this.page * this.pageSize, this.total);
+    },
+    selectedCount() {
+      return this.selectedRows.length;
+    }
+  },
+  methods: {
+    onSelect(rows) {
+      this.selectedRows = rows;
+      this.$emit('select', rows);
+    },
+    onClearSelection() {
+      this.$refs.table.clearSelection();
+    }
+  }
+};
+
+/* script */
+const __vue_script__$3 = script$3;
+
+/* template */
+var __vue_render__$3 = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
+    class: _vm.classes
+  }, [_vm.showSearch ? _c("SearchInput", {
+    staticClass: "rq-data-table__search-bar",
+    attrs: {
+      value: _vm.searchText
+    },
+    on: {
+      input: function ($event) {
+        return _vm.$emit("update:search-text", $event);
+      },
+      search: function ($event) {
+        return _vm.$emit("update:search", $event);
+      }
+    }
+  }) : _vm._e(), _vm._v(" "), _vm.selectable && _vm.selectedCount > 0 ? _c("SelectionBar", {
+    attrs: {
+      count: _vm.selectedCount,
+      "delete-label": _vm.deleteLabel
+    },
+    on: {
+      clear: _vm.onClearSelection,
+      delete: function ($event) {
+        return _vm.$emit("delete-selected", _vm.selectedRows);
+      }
+    }
+  }) : _vm._e(), _vm._v(" "), _c("Table", {
+    ref: "table",
+    attrs: {
+      columns: _vm.columns,
+      rows: _vm.rows,
+      "column-order": _vm.columnOrder,
+      "pinned-columns": _vm.pinnedColumns,
+      selectable: _vm.selectable,
+      "row-id": _vm.rowId,
+      "max-height": _vm.maxHeight
+    },
+    on: {
+      "row-click": function ($event) {
+        return _vm.$emit("row-click", $event);
+      },
+      select: _vm.onSelect,
+      "update:column-order": function ($event) {
+        return _vm.$emit("update:column-order", $event);
+      },
+      "update:pinned-columns": function ($event) {
+        return _vm.$emit("update:pinned-columns", $event);
+      }
+    },
+    scopedSlots: _vm._u([_vm._l(_vm.columns, function (col) {
+      return {
+        key: "cell-" + col.key,
+        fn: function (slotProps) {
+          return [_vm._t("cell-" + col.key, null, null, slotProps)];
+        }
+      };
+    }), _vm._l(_vm.columns, function (col) {
+      return {
+        key: "chevron-" + col.key,
+        fn: function () {
+          return [_vm._t("chevron-" + col.key)];
+        },
+        proxy: true
+      };
+    }), {
+      key: "empty",
+      fn: function () {
+        return [_vm._t("empty")];
+      },
+      proxy: true
+    }], null, true)
+  }), _vm._v(" "), _c("div", {
+    staticClass: "rq-data-table__pagination"
+  }, [_c("span", {
+    staticClass: "rq-data-table__pagination-info"
+  }, [_vm.total === 0 ? [_vm._v("Mostrando 0 registros")] : [_vm._v("Mostrando " + _vm._s(_vm.fromRecord) + " – " + _vm._s(_vm.toRecord) + " de " + _vm._s(_vm.total) + " registros")]], 2), _vm._v(" "), _c("div", {
+    staticClass: "rq-data-table__pagination-controls"
+  }, [_c("PageSizeSelect", {
+    attrs: {
+      "page-size": _vm.pageSize,
+      options: _vm.pageSizeOptions
+    },
+    on: {
+      "update:page-size": function ($event) {
+        return _vm.$emit("update:page-size", $event);
+      }
+    }
+  }), _vm._v(" "), _vm.total > 0 ? _c("Pagination", {
+    attrs: {
+      page: _vm.page,
+      total: _vm.totalPages
+    },
+    on: {
+      "update:page": function ($event) {
+        return _vm.$emit("update:page", $event);
+      }
+    }
+  }) : _vm._e()], 1)])], 1);
+};
 var __vue_staticRenderFns__$3 = [];
 __vue_render__$3._withStripped = true;
 
@@ -37964,6 +38458,23 @@ const dialogVariants = cva('rq-dialog', {
   defaultVariants: {}
 });
 
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -37979,7 +38490,7 @@ const dialogVariants = cva('rq-dialog', {
 var script$1 = {
   name: 'Dialog',
   components: {
-    Button: __vue_component__$h
+    Button: __vue_component__$l
   },
   props: {
     title: {
@@ -37997,12 +38508,41 @@ var script$1 = {
     cancelLabel: {
       type: String,
       default: 'Cancelar'
+    },
+    // Envuelve el diálogo en un backdrop centrado sobre el viewport.
+    overlay: {
+      type: Boolean,
+      default: false
+    },
+    // Visibilidad del overlay (solo aplica cuando overlay = true).
+    open: {
+      type: Boolean,
+      default: false
+    },
+    showConfirm: {
+      type: Boolean,
+      default: true
+    },
+    showCancel: {
+      type: Boolean,
+      default: true
     }
   },
   computed: {
     classes() {
       return dialogVariants();
     }
+  },
+  mounted() {
+    if (this.overlay) document.addEventListener('keydown', this.handleKeydown);
+  },
+  beforeDestroy() {
+    document.removeEventListener('keydown', this.handleKeydown);
+  },
+  methods: {
+    handleKeydown(e) {
+      if (e.key === 'Escape' && this.open) this.$emit('cancel');
+    }
   }
 };
 
@@ -38014,7 +38554,46 @@ var __vue_render__$1 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", _vm._g({
+  return _vm.overlay ? _c("div", {
+    class: ["rq-dialog-overlay", {
+      "rq-dialog-overlay--open": _vm.open
+    }]
+  }, [_c("div", {
+    staticClass: "rq-dialog-overlay__backdrop",
+    on: {
+      click: function ($event) {
+        return _vm.$emit("cancel");
+      }
+    }
+  }), _vm._v(" "), _c("div", {
+    class: _vm.classes
+  }, [_c("p", {
+    staticClass: "rq-dialog__title"
+  }, [_vm._v(_vm._s(_vm.title))]), _vm._v(" "), _c("p", {
+    staticClass: "rq-dialog__description"
+  }, [_vm._v(_vm._s(_vm.description))]), _vm._v(" "), _c("div", {
+    staticClass: "rq-dialog__actions"
+  }, [_vm.showCancel ? _c("Button", {
+    attrs: {
+      variant: "outline",
+      size: "md"
+    },
+    on: {
+      click: function ($event) {
+        return _vm.$emit("cancel");
+      }
+    }
+  }, [_vm._v(_vm._s(_vm.cancelLabel))]) : _vm._e(), _vm._v(" "), _vm.showConfirm ? _c("Button", {
+    attrs: {
+      variant: "primary",
+      size: "md"
+    },
+    on: {
+      click: function ($event) {
+        return _vm.$emit("confirm");
+      }
+    }
+  }, [_vm._v(_vm._s(_vm.confirmLabel))]) : _vm._e()], 1)])]) : _c("div", _vm._g({
     class: _vm.classes
   }, _vm.$listeners), [_c("p", {
     staticClass: "rq-dialog__title"
@@ -38022,7 +38601,7 @@ var __vue_render__$1 = function () {
     staticClass: "rq-dialog__description"
   }, [_vm._v(_vm._s(_vm.description))]), _vm._v(" "), _c("div", {
     staticClass: "rq-dialog__actions"
-  }, [_c("Button", {
+  }, [_vm.showCancel ? _c("Button", {
     attrs: {
       variant: "outline",
       size: "md"
@@ -38032,7 +38611,7 @@ var __vue_render__$1 = function () {
         return _vm.$emit("cancel");
       }
     }
-  }, [_vm._v(_vm._s(_vm.cancelLabel))]), _vm._v(" "), _c("Button", {
+  }, [_vm._v(_vm._s(_vm.cancelLabel))]) : _vm._e(), _vm._v(" "), _vm.showConfirm ? _c("Button", {
     attrs: {
       variant: "primary",
       size: "md"
@@ -38042,7 +38621,7 @@ var __vue_render__$1 = function () {
         return _vm.$emit("confirm");
       }
     }
-  }, [_vm._v(_vm._s(_vm.confirmLabel))])], 1)]);
+  }, [_vm._v(_vm._s(_vm.confirmLabel))]) : _vm._e()], 1)]);
 };
 var __vue_staticRenderFns__$1 = [];
 __vue_render__$1._withStripped = true;
@@ -38183,4 +38762,4 @@ 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);
 
-export { __vue_component__$c as Badge, __vue_component__$h as Button, __vue_component__$f as Checkbox, __vue_component__$9 as CheckboxGroup, __vue_component__$d as Chip, __vue_component__$3 as DataTable, __vue_component__$1 as Dialog, __vue_component__ as Drawer, __vue_component__$i as Input, __vue_component__$6 as Pagination, __vue_component__$a as RichCheckboxGroup, __vue_component__$7 as RichSwitchGroup, __vue_component__$k as RqButton, __vue_component__$j as RqInput, __vue_component__$2 as Sidebar, __vue_component__$e as Switch, __vue_component__$8 as SwitchGroup, __vue_component__$5 as Tabs, __vue_component__$b as Tooltip, __vue_component__$4 as Topbar, __vue_component__$g as Typography };
+export { __vue_component__$g as Badge, __vue_component__$l as Button, __vue_component__$j as Checkbox, __vue_component__$d as CheckboxGroup, __vue_component__$h as Chip, __vue_component__$3 as DataTable, __vue_component__$1 as Dialog, __vue_component__ as Drawer, __vue_component__$m as Input, __vue_component__$6 as PageSizeSelect, __vue_component__$a as Pagination, __vue_component__$e as RichCheckboxGroup, __vue_component__$b as RichSwitchGroup, __vue_component__$o as RqButton, __vue_component__$n as RqInput, __vue_component__$7 as SearchInput, __vue_component__$5 as SelectionBar, __vue_component__$2 as Sidebar, __vue_component__$i as Switch, __vue_component__$c as SwitchGroup, __vue_component__$4 as Table, __vue_component__$9 as Tabs, __vue_component__$f as Tooltip, __vue_component__$8 as Topbar, __vue_component__$k as Typography };