cleek 2.10.74 → 2.10.76

package/dist/main.es.js

@@ -3,14 +3,14 @@ var Pt = (e, o, t) => o in e ? St(e, o, { enumerable: !0, configurable: !0, writ
 var ke = (e, o, t) => (Pt(e, typeof o != "symbol" ? o + "" : o, t), t);
 import Mt from "floating-vue";
 import { library as Qe } from "@fortawesome/fontawesome-svg-core";
-import { fas as It } from "@fortawesome/free-solid-svg-icons";
-import { far as xt } from "@fortawesome/free-regular-svg-icons";
+import { fas as xt } from "@fortawesome/free-solid-svg-icons";
+import { far as It } from "@fortawesome/free-regular-svg-icons";
 import { fab as At } from "@fortawesome/free-brands-svg-icons";
-import { ref as P, computed as c, watch as ue, defineComponent as z, resolveDirective as dt, openBlock as v, createElementBlock as y, toDisplayString as I, createTextVNode as G, createCommentVNode as w, withDirectives as re, Fragment as Z, unref as $e, createElementVNode as $, onMounted as be, renderSlot as O, createBlock as S, Teleport as Pe, normalizeClass as M, normalizeStyle as E, resolveComponent as j, nextTick as pt, onBeforeUnmount as vt, mergeModels as ee, useModel as ge, withCtx as q, vModelDynamic as zt, createVNode as U, renderList as ce, vModelText as We, mergeProps as Ne, withKeys as we, withModifiers as se, watchEffect as je, resolveDynamicComponent as Rt, vShow as Ve, pushScopeId as Ot, popScopeId as Wt, inject as Nt, provide as Et, onUpdated as Ft, vModelRadio as qt, vModelSelect as Ht, vModelCheckbox as jt, createApp as Ue } from "vue";
+import { ref as M, computed as c, watch as ce, defineComponent as O, resolveDirective as pt, openBlock as v, createElementBlock as y, toDisplayString as I, createTextVNode as Z, createCommentVNode as C, withDirectives as ue, Fragment as Y, unref as $e, createElementVNode as w, onMounted as be, withKeys as _e, renderSlot as W, createBlock as S, Teleport as Pe, normalizeClass as x, normalizeStyle as E, resolveComponent as U, nextTick as vt, onBeforeUnmount as Xe, mergeModels as ee, useModel as ge, withCtx as H, vModelDynamic as zt, createVNode as G, renderList as de, vModelText as We, mergeProps as Ne, withModifiers as re, watchEffect as je, resolveDynamicComponent as Rt, vShow as Ve, pushScopeId as Ot, popScopeId as Wt, inject as Nt, provide as Et, onUpdated as Ft, vModelRadio as qt, vModelSelect as Ht, vModelCheckbox as jt, createApp as Ue } from "vue";
 import { defineStore as Ut, storeToRefs as le } from "pinia";
 import { qmDate as ye, qmStr as ze, qmObj as Gt } from "quantic-methods";
 import { FontAwesomeIcon as Zt } from "@fortawesome/vue-fontawesome";
-import { isValid as de, startOfDecade as Yt, endOfDecade as Kt, eachYearOfInterval as Jt, getYear as ve, getDecade as xe, isBefore as Le, isAfter as Se, subYears as ft, addYears as mt, startOfYear as Qt, endOfYear as Xt, format as Re, eachMonthOfInterval as eo, isSameMonth as Ke, isSameYear as ot, startOfMonth as gt, endOfMonth as ht, startOfWeek as to, endOfWeek as oo, setDay as lo, eachDayOfInterval as no, isSameDay as Ge, isWithinInterval as ao, subMonths as io, addMonths as so, set as lt, isSameHour as ro, isSameMinute as uo, parse as nt, startOfDay as co, endOfDay as po, max as vo, min as fo } from "date-fns";
+import { isValid as pe, startOfDecade as Yt, endOfDecade as Kt, eachYearOfInterval as Jt, getYear as fe, getDecade as Ie, isBefore as Le, isAfter as Se, subYears as ft, addYears as mt, startOfYear as Qt, endOfYear as Xt, format as Re, eachMonthOfInterval as eo, isSameMonth as Ke, isSameYear as lt, startOfMonth as gt, endOfMonth as ht, startOfWeek as to, endOfWeek as oo, setDay as lo, eachDayOfInterval as no, isSameDay as Ge, isWithinInterval as ao, subMonths as io, addMonths as so, set as nt, isSameHour as ro, isSameMinute as uo, parse as at, startOfDay as co, endOfDay as po, max as vo, min as fo } from "date-fns";
 const mo = {
   themes: {
     tooltip: {
@@ -39,55 +39,55 @@ var kt = { exports: {} };
   (function(t, l) {
     e.exports = l();
   })(ko, function() {
-    var t = "__v-click-outside", l = typeof window < "u", n = typeof navigator < "u", a = l && ("ontouchstart" in window || n && navigator.msMaxTouchPoints > 0) ? ["touchstart"] : ["click"], i = function(u) {
-      var f = u.event, r = u.handler;
-      (0, u.middleware)(f) && r(f);
-    }, d = function(u, f) {
-      var r = function(V) {
-        var W = typeof V == "function";
-        if (!W && typeof V != "object")
+    var t = "__v-click-outside", l = typeof window < "u", n = typeof navigator < "u", a = l && ("ontouchstart" in window || n && navigator.msMaxTouchPoints > 0) ? ["touchstart"] : ["click"], i = function(r) {
+      var f = r.event, s = r.handler;
+      (0, r.middleware)(f) && s(f);
+    }, d = function(r, f) {
+      var s = function(V) {
+        var R = typeof V == "function";
+        if (!R && typeof V != "object")
           throw new Error("v-click-outside: Binding value must be a function or an object");
-        return { handler: W ? V : V.handler, middleware: V.middleware || function(_) {
-          return _;
+        return { handler: R ? V : V.handler, middleware: V.middleware || function(D) {
+          return D;
         }, events: V.events || a, isActive: V.isActive !== !1, detectIframe: V.detectIframe !== !1, capture: !!V.capture };
-      }(f.value), h = r.handler, m = r.middleware, g = r.detectIframe, b = r.capture;
-      if (r.isActive) {
-        if (u[t] = r.events.map(function(V) {
-          return { event: V, srcTarget: document.documentElement, handler: function(W) {
-            return function(_) {
-              var D = _.el, R = _.event, K = _.handler, J = _.middleware, fe = R.path || R.composedPath && R.composedPath();
-              (fe ? fe.indexOf(D) < 0 : !D.contains(R.target)) && i({ event: R, handler: K, middleware: J });
-            }({ el: u, event: W, handler: h, middleware: m });
-          }, capture: b };
+      }(f.value), k = s.handler, m = s.middleware, g = s.detectIframe, _ = s.capture;
+      if (s.isActive) {
+        if (r[t] = s.events.map(function(V) {
+          return { event: V, srcTarget: document.documentElement, handler: function(R) {
+            return function(D) {
+              var B = D.el, P = D.event, F = D.handler, X = D.middleware, ne = P.path || P.composedPath && P.composedPath();
+              (ne ? ne.indexOf(B) < 0 : !B.contains(P.target)) && i({ event: P, handler: F, middleware: X });
+            }({ el: r, event: R, handler: k, middleware: m });
+          }, capture: _ };
         }), g) {
-          var k = { event: "blur", srcTarget: window, handler: function(V) {
-            return function(W) {
-              var _ = W.el, D = W.event, R = W.handler, K = W.middleware;
+          var h = { event: "blur", srcTarget: window, handler: function(V) {
+            return function(R) {
+              var D = R.el, B = R.event, P = R.handler, F = R.middleware;
               setTimeout(function() {
-                var J = document.activeElement;
-                J && J.tagName === "IFRAME" && !_.contains(J) && i({ event: D, handler: R, middleware: K });
+                var X = document.activeElement;
+                X && X.tagName === "IFRAME" && !D.contains(X) && i({ event: B, handler: P, middleware: F });
               }, 0);
-            }({ el: u, event: V, handler: h, middleware: m });
-          }, capture: b };
-          u[t] = [].concat(u[t], [k]);
+            }({ el: r, event: V, handler: k, middleware: m });
+          }, capture: _ };
+          r[t] = [].concat(r[t], [h]);
         }
-        u[t].forEach(function(V) {
-          var W = V.event, _ = V.srcTarget, D = V.handler;
+        r[t].forEach(function(V) {
+          var R = V.event, D = V.srcTarget, B = V.handler;
           return setTimeout(function() {
-            u[t] && _.addEventListener(W, D, b);
+            r[t] && D.addEventListener(R, B, _);
           }, 0);
         });
       }
-    }, s = function(u) {
-      (u[t] || []).forEach(function(f) {
+    }, u = function(r) {
+      (r[t] || []).forEach(function(f) {
         return f.srcTarget.removeEventListener(f.event, f.handler, f.capture);
-      }), delete u[t];
-    }, p = l ? { beforeMount: d, updated: function(u, f) {
-      var r = f.value, h = f.oldValue;
-      JSON.stringify(r) !== JSON.stringify(h) && (s(u), d(u, { value: r }));
-    }, unmounted: s } : {};
-    return { install: function(u) {
-      u.directive("click-outside", p);
+      }), delete r[t];
+    }, p = l ? { beforeMount: d, updated: function(r, f) {
+      var s = f.value, k = f.oldValue;
+      JSON.stringify(s) !== JSON.stringify(k) && (u(r), d(r, { value: s }));
+    }, unmounted: u } : {};
+    return { install: function(r) {
+      r.directive("click-outside", p);
     }, directive: p };
   });
 })(kt);
@@ -163,8 +163,8 @@ function wo(e) {
   }
 }
 const te = Ut("cleek-options", () => {
-  const e = P(yt), o = c(() => e.value.colors), t = c(() => e.value.styles), l = c(() => e.value.button), n = c(() => e.value.chip), a = c(() => e.value.div), i = c(() => e.value.img), d = c(() => e.value.popup), s = c(() => e.value.select), p = c(() => e.value.table);
-  return ue(o, (u) => wo(u), { deep: !0, immediate: !0 }), {
+  const e = M(yt), o = c(() => e.value.colors), t = c(() => e.value.styles), l = c(() => e.value.button), n = c(() => e.value.chip), a = c(() => e.value.div), i = c(() => e.value.img), d = c(() => e.value.popup), u = c(() => e.value.select), p = c(() => e.value.table);
+  return ce(o, (r) => wo(r), { deep: !0, immediate: !0 }), {
     cleekOptions: e,
     colorsOptions: o,
     stylesOptions: t,
@@ -173,7 +173,7 @@ const te = Ut("cleek-options", () => {
     divOptions: a,
     imgOptions: i,
     popupOptions: d,
-    selectOptions: s,
+    selectOptions: u,
     tableOptions: p
   };
 }), $o = {
@@ -182,7 +182,7 @@ const te = Ut("cleek-options", () => {
 }, Bo = {
   key: 0,
   class: "pl-1"
-}, To = /* @__PURE__ */ z({
+}, To = /* @__PURE__ */ O({
   __name: "ck-datetime-shower",
   props: {
     datetime: {},
@@ -194,42 +194,42 @@ const te = Ut("cleek-options", () => {
   },
   emits: ["click"],
   setup(e, { emit: o }) {
-    const t = e, l = o, n = c(() => t.time ? t.timeInMinutes ? ye.minToHour(+t.time) : ye.minToHour(+t.time) : typeof t.datetime == "string" ? ye.presentTime(t.datetime) : d(t.datetime)), a = c(() => t.date ? typeof t.date == "string" ? ye.presentDate(t.date) : i(t.date) : typeof t.datetime == "string" ? ye.presentDate(t.datetime) : i(t.datetime));
-    function i(s) {
-      const p = String(s.getDate()).padStart(2, "0"), u = String(s.getMonth() + 1).padStart(2, "0"), f = String(s.getFullYear()).slice(-2);
-      return `${p}/${u}/${f}`;
+    const t = e, l = o, n = c(() => t.time ? t.timeInMinutes ? ye.minToHour(+t.time) : ye.minToHour(+t.time) : t.datetime ? typeof t.datetime == "string" ? ye.presentTime(t.datetime) : d(t.datetime) : ""), a = c(() => t.date ? typeof t.date == "string" ? ye.presentDate(t.date) : i(t.date) : typeof t.datetime == "string" ? ye.presentDate(t.datetime) : i(t.datetime));
+    function i(u) {
+      const p = String(u.getDate()).padStart(2, "0"), r = String(u.getMonth() + 1).padStart(2, "0"), f = String(u.getFullYear()).slice(-2);
+      return `${p}/${r}/${f}`;
     }
-    function d(s) {
-      const p = String(s.getHours()).padStart(2, "0"), u = String(s.getMinutes()).padStart(2, "0");
-      return `${p}:${u}`;
+    function d(u) {
+      const p = String(u.getHours()).padStart(2, "0"), r = String(u.getMinutes()).padStart(2, "0");
+      return `${p}:${r}`;
     }
-    return (s, p) => {
-      const u = dt("tooltip");
-      return a.value ? s.split || s.date ? (v(), y("div", {
+    return (u, p) => {
+      const r = pt("tooltip");
+      return a.value ? u.split || u.date ? (v(), y("div", {
         key: 1,
         class: "ck-datetime-shower--split",
         onClick: p[0] || (p[0] = (f) => l("click", f))
       }, [
-        G(I(a.value) + " ", 1),
-        n.value ? (v(), y("span", Bo, " | " + I(n.value), 1)) : w("", !0)
-      ])) : re((v(), y("div", {
+        Z(I(a.value) + " ", 1),
+        n.value ? (v(), y("span", Bo, " | " + I(n.value), 1)) : C("", !0)
+      ])) : ue((v(), y("div", {
         key: 2,
         class: "ck-datetime-shower",
         onClick: p[1] || (p[1] = (f) => l("click", f))
       }, [
-        G(I(a.value), 1)
+        Z(I(a.value), 1)
       ])), [
-        [u, n.value]
-      ]) : (v(), y("span", $o, I(s.noDateMsg), 1));
+        [r, n.value]
+      ]) : (v(), y("span", $o, I(u.noDateMsg), 1));
     };
   }
 });
-const H = (e, o) => {
+const j = (e, o) => {
   const t = e.__vccOpts || e;
   for (const [l, n] of o)
     t[l] = n;
   return t;
-}, Vo = /* @__PURE__ */ H(To, [["__scopeId", "data-v-8ee1a589"]]), Do = { class: "ck-time-shower" }, Lo = /* @__PURE__ */ z({
+}, Vo = /* @__PURE__ */ j(To, [["__scopeId", "data-v-49af3639"]]), Do = { class: "ck-time-shower" }, Lo = /* @__PURE__ */ O({
   __name: "ck-time-shower",
   props: {
     time: {},
@@ -237,16 +237,16 @@ const H = (e, o) => {
   },
   setup(e) {
     return (o, t) => (v(), y("span", Do, [
-      o.minutes ? (v(), y(Z, { key: 0 }, [
-        G(I($e(ye).minToHour(o.minutes)), 1)
-      ], 64)) : (v(), y(Z, { key: 1 }, [
-        G(I($e(ye).presentTime(o.time)), 1)
+      o.minutes ? (v(), y(Y, { key: 0 }, [
+        Z(I($e(ye).minToHour(o.minutes)), 1)
+      ], 64)) : (v(), y(Y, { key: 1 }, [
+        Z(I($e(ye).presentTime(o.time)), 1)
       ], 64)),
-      t[0] || (t[0] = $("span", { class: "hs-text" }, " hs ", -1))
+      t[0] || (t[0] = w("span", { class: "hs-text" }, " hs ", -1))
     ]));
   }
 });
-const So = /* @__PURE__ */ H(Lo, [["__scopeId", "data-v-dc82897f"]]), Po = /* @__PURE__ */ z({
+const So = /* @__PURE__ */ j(Lo, [["__scopeId", "data-v-dc82897f"]]), Po = /* @__PURE__ */ O({
   __name: "ck-dropdown",
   props: {
     align: {},
@@ -258,21 +258,21 @@ const So = /* @__PURE__ */ H(Lo, [["__scopeId", "data-v-dc82897f"]]), Po = /* @_
     o({
       close: p
     });
-    const { cleekOptions: l } = le(te()), n = P(!1), a = P(), i = P(), d = P(), s = c(() => {
-      const u = [];
-      t.dark && u.push("ck-dropdown--content__dark");
+    const { cleekOptions: l } = le(te()), n = M(!1), a = M(), i = M(), d = M(), u = c(() => {
+      const r = [];
+      t.dark && r.push("ck-dropdown--content__dark");
       const f = t.layout || l.value.styles.layout;
-      return f && u.push(`ck-dropdown--content__${f}`), u;
+      return f && r.push(`ck-dropdown--content__${f}`), r;
     });
-    ue(() => n.value, (u) => {
-      if (u) {
-        const f = document.documentElement.clientHeight, r = document.documentElement.clientWidth, h = a.value.getBoundingClientRect(), m = {};
-        h.top < f / 2 ? (m.top = `${h.bottom}px`, m["margin-top"] = "0.5rem") : (m.bottom = `${f - h.top}px`, m["margin-bottom"] = "0.5rem"), t.align === "left" ? m.left = `${h.left}px` : t.align === "right" && (m.right = `${r - h.right}px`), d.value = m;
+    ce(() => n.value, (r) => {
+      if (r) {
+        const f = document.documentElement.clientHeight, s = document.documentElement.clientWidth, k = a.value.getBoundingClientRect(), m = {};
+        k.top < f / 2 ? (m.top = `${k.bottom}px`, m["margin-top"] = "0.5rem") : (m.bottom = `${f - k.top}px`, m["margin-bottom"] = "0.5rem"), t.align === "left" ? m.left = `${k.left}px` : t.align === "right" && (m.right = `${s - k.right}px`), d.value = m;
       }
-    }), ue(() => i.value, (u) => {
-      if (u && t.align !== "left" && t.align !== "right") {
+    }), ce(() => i.value, (r) => {
+      if (r && t.align !== "left" && t.align !== "right") {
         const f = a.value.getBoundingClientRect();
-        d.value.left = `${f.left + f.width / 2 - u.getBoundingClientRect().width / 2}px`;
+        d.value.left = `${f.left + f.width / 2 - r.getBoundingClientRect().width / 2}px`;
       }
     });
     function p() {
@@ -280,37 +280,39 @@ const So = /* @__PURE__ */ H(Lo, [["__scopeId", "data-v-dc82897f"]]), Po = /* @_
     }
     return be(() => {
       window.addEventListener("scroll", () => n.value = !1);
-    }), (u, f) => {
-      const r = dt("click-outside");
+    }), (r, f) => {
+      const s = pt("click-outside");
       return v(), y("div", {
         ref_key: "dropdownRef",
         ref: a,
-        class: "ck-dropdown"
+        class: "ck-dropdown",
+        tabindex: "0",
+        onKeyup: f[1] || (f[1] = _e((k) => n.value = !0, ["enter"]))
       }, [
-        $("div", {
+        w("div", {
           class: "ck-dropdown--trigger",
-          onClick: f[0] || (f[0] = (h) => n.value = !0)
+          onClick: f[0] || (f[0] = (k) => n.value = !0)
         }, [
-          O(u.$slots, "trigger", {}, void 0, !0)
+          W(r.$slots, "trigger", {}, void 0, !0)
         ]),
         (v(), S(Pe, { to: "body" }, [
-          n.value ? re((v(), y("div", {
+          n.value ? ue((v(), y("div", {
             key: 0,
             ref_key: "contentRef",
             ref: i,
-            class: M(["ck-dropdown--content", s.value]),
+            class: x(["ck-dropdown--content", u.value]),
             style: E(d.value)
           }, [
-            O(u.$slots, "content", {}, void 0, !0)
+            W(r.$slots, "content", {}, void 0, !0)
           ], 6)), [
-            [r, () => n.value = !1]
-          ]) : w("", !0)
+            [s, () => n.value = !1]
+          ]) : C("", !0)
         ]))
-      ], 512);
+      ], 544);
     };
   }
 });
-const Mo = /* @__PURE__ */ H(Po, [["__scopeId", "data-v-8bbb38d3"]]), Io = "fixed", xo = /* @__PURE__ */ z({
+const Mo = /* @__PURE__ */ j(Po, [["__scopeId", "data-v-ee86f04f"]]), xo = "fixed", Io = /* @__PURE__ */ O({
   __name: "ck-navbar",
   props: {
     backgroundColor: {},
@@ -324,7 +326,7 @@ const Mo = /* @__PURE__ */ H(Po, [["__scopeId", "data-v-8bbb38d3"]]), Io = "fixe
     }), n = c(() => {
       const i = [];
       o.padding && i.push({ padding: o.padding });
-      const d = o.position || Io;
+      const d = o.position || xo;
       return d && i.push({ position: d }), i;
     }), a = c(() => {
       const i = [];
@@ -335,23 +337,23 @@ const Mo = /* @__PURE__ */ H(Po, [["__scopeId", "data-v-8bbb38d3"]]), Io = "fixe
       class: "ck-navbar",
       style: E(n.value)
     }, [
-      $("div", {
-        class: M(["ck-navbar__content", l.value]),
+      w("div", {
+        class: x(["ck-navbar__content", l.value]),
         style: E(a.value)
       }, [
-        O(i.$slots, "default", {}, void 0, !0)
+        W(i.$slots, "default", {}, void 0, !0)
       ], 6)
     ], 4));
   }
 });
-const Ao = /* @__PURE__ */ H(xo, [["__scopeId", "data-v-3a574311"]]);
+const Ao = /* @__PURE__ */ j(Io, [["__scopeId", "data-v-3a574311"]]);
 const zo = {}, Ro = { class: "ck-tr" };
 function Oo(e, o) {
   return v(), y("tr", Ro, [
-    O(e.$slots, "default", {}, void 0, !0)
+    W(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const _t = /* @__PURE__ */ H(zo, [["render", Oo], ["__scopeId", "data-v-53984b6f"]]), L = {
+const _t = /* @__PURE__ */ j(zo, [["render", Oo], ["__scopeId", "data-v-53984b6f"]]), L = {
   getGroupClass({
     group: e,
     groupVertical: o,
@@ -391,7 +393,7 @@ const _t = /* @__PURE__ */ H(zo, [["render", Oo], ["__scopeId", "data-v-53984b6f
   isColumnDisplayed(e) {
     return e.neverDisplay || e.isDisplayed === !1 ? !1 : e.unchangeable ? e.isDisplayed === !0 : !0;
   }
-}, Wo = /* @__PURE__ */ z({
+}, Wo = /* @__PURE__ */ O({
   __name: "ck-td",
   props: {
     col: {},
@@ -408,44 +410,44 @@ const _t = /* @__PURE__ */ H(zo, [["render", Oo], ["__scopeId", "data-v-53984b6f
   },
   setup(e) {
     const o = e, t = c(() => {
-      var s, p, u;
+      var u, p, r;
       const i = [];
-      (o.autoWidth || (s = o.col) != null && s.autoWidth) && i.push("auto-width"), (o.overflowAuto || (p = o.col) != null && p.overflowAuto) && i.push("overflow-auto");
-      const d = o.verticalAlign || ((u = o.col) == null ? void 0 : u.verticalAlign);
+      (o.autoWidth || (u = o.col) != null && u.autoWidth) && i.push("auto-width"), (o.overflowAuto || (p = o.col) != null && p.overflowAuto) && i.push("overflow-auto");
+      const d = o.verticalAlign || ((r = o.col) == null ? void 0 : r.verticalAlign);
       return d && i.push(`vertical-align--${d}`), i;
     }), l = c(() => {
-      var s, p, u;
-      const i = [], d = o.align || ((s = o.col) == null ? void 0 : s.align);
-      return d && (d === "center" && i.push("align-center"), d === "right" && i.push("align-right")), (o.block || (p = o.col) != null && p.block) && i.push("block"), (o.nowrap || (u = o.col) != null && u.nowrap) && i.push("no-wrap-text"), i;
+      var u, p, r;
+      const i = [], d = o.align || ((u = o.col) == null ? void 0 : u.align);
+      return d && (d === "center" && i.push("align-center"), d === "right" && i.push("align-right")), (o.block || (p = o.col) != null && p.block) && i.push("block"), (o.nowrap || (r = o.col) != null && r.nowrap) && i.push("no-wrap-text"), i;
     }), n = c(() => {
-      var p, u, f, r, h, m, g, b, k;
+      var p, r, f, s, k, m, g, _, h;
       const i = {};
       let d;
-      (o.minWidth || (p = o.col) != null && p.minWidth) && (d = o.minWidth || ((u = o.col) == null ? void 0 : u.minWidth)), (o.fixedWidth || (f = o.col) != null && f.fixedWidth) && (d = o.fixedWidth || ((r = o.col) == null ? void 0 : r.fixedWidth)), d && (i.minWidth = d);
-      let s;
-      return (o.maxWidth || (h = o.col) != null && h.maxWidth) && (s = o.maxWidth || ((m = o.col) == null ? void 0 : m.maxWidth)), (o.fixedWidth || (g = o.col) != null && g.fixedWidth) && (s = o.fixedWidth || ((b = o.col) == null ? void 0 : b.fixedWidth)), s && (i.maxWidth = s), (o.maxHeight || (k = o.col) != null && k.maxHeight) && (i.maxHeight = o.maxHeight), i;
+      (o.minWidth || (p = o.col) != null && p.minWidth) && (d = o.minWidth || ((r = o.col) == null ? void 0 : r.minWidth)), (o.fixedWidth || (f = o.col) != null && f.fixedWidth) && (d = o.fixedWidth || ((s = o.col) == null ? void 0 : s.fixedWidth)), d && (i.minWidth = d);
+      let u;
+      return (o.maxWidth || (k = o.col) != null && k.maxWidth) && (u = o.maxWidth || ((m = o.col) == null ? void 0 : m.maxWidth)), (o.fixedWidth || (g = o.col) != null && g.fixedWidth) && (u = o.fixedWidth || ((_ = o.col) == null ? void 0 : _.fixedWidth)), u && (i.maxWidth = u), (o.maxHeight || (h = o.col) != null && h.maxHeight) && (i.maxHeight = o.maxHeight), i;
     }), a = c(() => o.col ? L.isColumnDisplayed(o.col) : !0);
     return (i, d) => a.value ? (v(), y("td", {
       key: 0,
-      class: M([t.value, "ck-td"])
+      class: x([t.value, "ck-td"])
     }, [
-      $("span", {
-        class: M(l.value),
+      w("span", {
+        class: x(l.value),
         style: E(n.value)
       }, [
-        O(i.$slots, "default", {}, void 0, !0)
+        W(i.$slots, "default", {}, void 0, !0)
       ], 6)
-    ], 2)) : w("", !0);
+    ], 2)) : C("", !0);
   }
 });
-const bt = /* @__PURE__ */ H(Wo, [["__scopeId", "data-v-8832ff61"]]), No = /* @__PURE__ */ z({
+const bt = /* @__PURE__ */ j(Wo, [["__scopeId", "data-v-8832ff61"]]), No = /* @__PURE__ */ O({
   __name: "ck-table__columns-manager-btn",
   props: {
     layout: {}
   },
   setup(e) {
     return (o, t) => {
-      const l = j("ck-button");
+      const l = U("ck-button");
       return v(), S(l, {
         size: "s",
         color: "dark",
@@ -459,7 +461,7 @@ const bt = /* @__PURE__ */ H(Wo, [["__scopeId", "data-v-8832ff61"]]), No = /* @_
 }), Eo = {
   key: 0,
   class: "ck-table__items-per-page"
-}, Fo = /* @__PURE__ */ z({
+}, Fo = /* @__PURE__ */ O({
   __name: "ck-table__items-per-page",
   props: {
     currentPage: {},
@@ -472,10 +474,10 @@ const bt = /* @__PURE__ */ H(Wo, [["__scopeId", "data-v-8832ff61"]]), No = /* @_
       const a = o.currentPage * o.itemsPerPage;
       return !o.itemsPerPage || a > o.listLength ? o.listLength : a;
     }), n = c(() => !o.hideItemsPerPage && o.listLength && o.currentPage);
-    return (a, i) => n.value ? (v(), y("div", Eo, I(t.value) + " - " + I(l.value) + " de " + I(a.listLength), 1)) : w("", !0);
+    return (a, i) => n.value ? (v(), y("div", Eo, I(t.value) + " - " + I(l.value) + " de " + I(a.listLength), 1)) : C("", !0);
   }
 });
-const qo = /* @__PURE__ */ H(Fo, [["__scopeId", "data-v-c3b27c6d"]]), Ho = /* @__PURE__ */ z({
+const qo = /* @__PURE__ */ j(Fo, [["__scopeId", "data-v-c3b27c6d"]]), Ho = /* @__PURE__ */ O({
   __name: "ck-icon",
   props: {
     icon: {},
@@ -491,63 +493,63 @@ const qo = /* @__PURE__ */ H(Fo, [["__scopeId", "data-v-c3b27c6d"]]), Ho = /* @_
   emits: ["click"],
   setup(e, { emit: o }) {
     const t = e, l = o, n = c(() => {
-      const u = "font-awesome";
-      return t.iconPack && (t.iconPack === "cleek" || t.iconPack === "feather") ? t.iconPack : u;
+      const r = "font-awesome";
+      return t.iconPack && (t.iconPack === "cleek" || t.iconPack === "feather") ? t.iconPack : r;
     }), a = c(() => {
-      const u = [];
-      return t.color && L.isColorTemplateVariable(t.color) && u.push(`ck-component__color--${t.color}`), t.size && u.push(`ck-icon__size-${t.size}`), u;
+      const r = [];
+      return t.color && L.isColorTemplateVariable(t.color) && r.push(`ck-component__color--${t.color}`), t.size && r.push(`ck-icon__size-${t.size}`), r;
     }), i = c(() => {
-      const u = [];
-      return t.color && !L.isColorTemplateVariable(t.color) && u.push({ color: t.color }), u;
+      const r = [];
+      return t.color && !L.isColorTemplateVariable(t.color) && r.push({ color: t.color }), r;
     });
-    function d(u) {
-      l("click", u);
+    function d(r) {
+      l("click", r);
     }
-    const s = c(() => {
-      const u = `/src/assets/icons/${t.icon}.svg`;
-      return `mask: url(${u}) no-repeat center; -webkit-mask: url(${u}) no-repeat center;`;
+    const u = c(() => {
+      const r = `/src/assets/icons/${t.icon}.svg`;
+      return `mask: url(${r}) no-repeat center; -webkit-mask: url(${r}) no-repeat center;`;
     }), p = c(() => {
-      const u = [];
-      return t.color ? t.color && L.isColorTemplateVariable(t.color) && u.push(`ck-component__color-background--${t.color}`) : u.push("ck-component__color--primary"), t.size && u.push("ck-icon__cleek-small"), t.size === "m" && u.push("ck-icon__cleek-medium"), t.size === "l" && u.push("ck-icon__cleek-large"), u;
+      const r = [];
+      return t.color ? t.color && L.isColorTemplateVariable(t.color) && r.push(`ck-component__color-background--${t.color}`) : r.push("ck-component__color--primary"), t.size && r.push("ck-icon__cleek-small"), t.size === "m" && r.push("ck-icon__cleek-medium"), t.size === "l" && r.push("ck-icon__cleek-large"), r;
     });
-    return (u, f) => (v(), y("div", {
-      class: M(["ck-icon", a.value]),
+    return (r, f) => (v(), y("div", {
+      class: x(["ck-icon", a.value]),
       style: E(i.value),
-      onClick: f[0] || (f[0] = (r) => d(r))
+      onClick: f[0] || (f[0] = (s) => d(s))
     }, [
       n.value === "font-awesome" ? (v(), S($e(Zt), {
         key: 0,
-        icon: u.icon,
-        rotation: u.rotation,
-        flip: u.flip,
-        spin: u.spin,
-        pulse: u.pulse,
-        fixedWidth: u.fixedWidth
+        icon: r.icon,
+        rotation: r.rotation,
+        flip: r.flip,
+        spin: r.spin,
+        pulse: r.pulse,
+        fixedWidth: r.fixedWidth
       }, null, 8, ["icon", "rotation", "flip", "spin", "pulse", "fixedWidth"])) : n.value === "cleek" ? (v(), y("div", {
         key: 1,
-        style: E(s.value),
-        class: M([p.value, "ck-icon__cleek"])
-      }, null, 6)) : w("", !0)
+        style: E(u.value),
+        class: x([p.value, "ck-icon__cleek"])
+      }, null, 6)) : C("", !0)
     ], 6));
   }
 });
-const ae = /* @__PURE__ */ H(Ho, [["__scopeId", "data-v-4bc5aa54"]]);
+const ie = /* @__PURE__ */ j(Ho, [["__scopeId", "data-v-4bc5aa54"]]);
 function he() {
-  const e = P(0);
+  const e = M(0);
   function o(t) {
     e.value = t.currentTarget.innerWidth || 0;
   }
   return be(() => {
-    pt(() => {
+    vt(() => {
       window.addEventListener("resize", o);
     }), e.value = window.innerWidth;
-  }), vt(() => {
+  }), Xe(() => {
     window.removeEventListener("resize", o);
   }), {
     windowWidth: e
   };
 }
-const jo = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent", Uo = "outlined", at = "primary", Go = "left", Zo = /* @__PURE__ */ z({
+const jo = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent", Uo = "outlined", it = "primary", Go = "left", Zo = /* @__PURE__ */ O({
   __name: "ck-button",
   props: {
     title: {},
@@ -573,58 +575,58 @@ const jo = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
   },
   emits: ["click"],
   setup(e, { emit: o }) {
-    const t = e, l = o, { cleekOptions: n } = le(te()), { windowWidth: a } = he(), i = c(() => t.type ? t.type : n.value ? n.value.button.type : Uo), d = c(() => t.backgroundColor ? t.backgroundColor : n.value && !t.type ? n.value.button.backgroundColor : Ze), s = c(() => t.textColor ? t.textColor : n.value && !t.type ? n.value.button.textColor : ""), p = c(() => {
-      const r = [];
-      r.push(L.getGroupClass(t, a.value)), (t.color || at) !== at && (i.value === "filled" ? r.push(`ck-component__bg-color--${t.color}`) : r.push(`ck-component__border-color--${t.color}`)), d.value !== Ze && L.isColorTemplateVariable(d.value) && r.push(`ck-component__bg-color--${d.value}`), s.value && L.isColorTemplateVariable(s.value) && r.push(`ck-component__color--${s.value}`);
+    const t = e, l = o, { cleekOptions: n } = le(te()), { windowWidth: a } = he(), i = c(() => t.type ? t.type : n.value ? n.value.button.type : Uo), d = c(() => t.backgroundColor ? t.backgroundColor : n.value && !t.type ? n.value.button.backgroundColor : Ze), u = c(() => t.textColor ? t.textColor : n.value && !t.type ? n.value.button.textColor : ""), p = c(() => {
+      const s = [];
+      s.push(L.getGroupClass(t, a.value)), (t.color || it) !== it && (i.value === "filled" ? s.push(`ck-component__bg-color--${t.color}`) : s.push(`ck-component__border-color--${t.color}`)), d.value !== Ze && L.isColorTemplateVariable(d.value) && s.push(`ck-component__bg-color--${d.value}`), u.value && L.isColorTemplateVariable(u.value) && s.push(`ck-component__color--${u.value}`);
       const m = t.align || Go;
-      (m === "center" || m === "right") && r.push(`ck-button__align--${t.align}`);
+      (m === "center" || m === "right") && s.push(`ck-button__align--${t.align}`);
       const g = t.layout || n.value.styles.layout;
-      return g && r.push(g), r.push(`type-${i.value}`), t.size && r.push(`ck-button-size__${t.size}`), t.isLoading && r.push("is-loading-btn"), r;
-    }), u = c(() => {
-      const r = [];
-      let h = !1;
+      return g && s.push(g), s.push(`type-${i.value}`), t.size && s.push(`ck-button-size__${t.size}`), t.isLoading && s.push("is-loading-btn"), s;
+    }), r = c(() => {
+      const s = [];
+      let k = !1;
       if (t.widthBreaks) {
         const m = L.getWidthByWidthBreaks(t.widthBreaks, a.value);
-        m && (h = !0, r.push({ width: m }));
+        m && (k = !0, s.push({ width: m }));
       }
-      return s.value && !L.isColorTemplateVariable(s.value) && r.push({ color: `${s.value} !important` }), t.width && !h && r.push({ width: t.width }), d.value !== Ze && !L.isColorTemplateVariable(d.value) && r.push({ "background-color": d.value }), t.color && !L.isColorTemplateVariable(t.color) && (i.value === "outlined" ? (r.push({ "border-color": t.color }), r.push({ color: t.color })) : i.value === "filled" ? (r.push({ color: "white" }), r.push({ "border-color": t.color }), r.push({ "background-color": t.color })) : i.value === "flat" && r.push({ color: t.color })), r;
+      return u.value && !L.isColorTemplateVariable(u.value) && s.push({ color: `${u.value} !important` }), t.width && !k && s.push({ width: t.width }), d.value !== Ze && !L.isColorTemplateVariable(d.value) && s.push({ "background-color": d.value }), t.color && !L.isColorTemplateVariable(t.color) && (i.value === "outlined" ? (s.push({ "border-color": t.color }), s.push({ color: t.color })) : i.value === "filled" ? (s.push({ color: "white" }), s.push({ "border-color": t.color }), s.push({ "background-color": t.color })) : i.value === "flat" && s.push({ color: t.color })), s;
     });
-    function f(r) {
-      t.isLoading || l("click", r);
+    function f(s) {
+      t.isLoading || l("click", s);
     }
-    return (r, h) => (v(), y("button", {
+    return (s, k) => (v(), y("button", {
       type: "button",
-      class: M(p.value),
-      title: r.title,
-      "aria-label": r.title,
-      disabled: r.disabled,
-      tabindex: r.tabindex,
-      style: E(u.value),
-      onClick: h[0] || (h[0] = (m) => f(m))
+      class: x(p.value),
+      title: s.title,
+      "aria-label": s.title,
+      disabled: s.disabled,
+      tabindex: s.tabindex,
+      style: E(r.value),
+      onClick: k[0] || (k[0] = (m) => f(m))
     }, [
-      r.isLoading ? (v(), S(ae, {
+      s.isLoading ? (v(), S(ie, {
         key: 0,
         icon: "spinner",
         spin: ""
-      })) : (v(), y(Z, { key: 1 }, [
-        r.icon ? (v(), S(ae, {
+      })) : (v(), y(Y, { key: 1 }, [
+        s.icon ? (v(), S(ie, {
           key: 0,
-          class: M(["ck-button__icon-left", { "just-icon": !r.$slots.default }]),
-          icon: r.icon,
-          "icon-pack": r.iconPack
-        }, null, 8, ["icon", "icon-pack", "class"])) : w("", !0),
-        O(r.$slots, "default", {}, void 0, !0),
-        r.iconRight ? (v(), S(ae, {
+          class: x(["ck-button__icon-left", { "just-icon": !s.$slots.default }]),
+          icon: s.icon,
+          "icon-pack": s.iconPack
+        }, null, 8, ["icon", "icon-pack", "class"])) : C("", !0),
+        W(s.$slots, "default", {}, void 0, !0),
+        s.iconRight ? (v(), S(ie, {
           key: 1,
-          class: M(["ck-button__icon-right", { "just-icon": !r.$slots.default }]),
-          icon: r.iconRight,
-          "icon-pack": r.iconPack
-        }, null, 8, ["icon", "icon-pack", "class"])) : w("", !0)
+          class: x(["ck-button__icon-right", { "just-icon": !s.$slots.default }]),
+          icon: s.iconRight,
+          "icon-pack": s.iconPack
+        }, null, 8, ["icon", "icon-pack", "class"])) : C("", !0)
       ], 64))
     ], 14, jo));
   }
 });
-const Oe = /* @__PURE__ */ H(Zo, [["__scopeId", "data-v-bce5585d"]]), Yo = ["for"], Ko = "m", Jo = /* @__PURE__ */ z({
+const Oe = /* @__PURE__ */ j(Zo, [["__scopeId", "data-v-bce5585d"]]), Yo = ["for"], Ko = "m", Jo = /* @__PURE__ */ O({
   __name: "ck-label",
   props: {
     for: {},
@@ -642,18 +644,18 @@ const Oe = /* @__PURE__ */ H(Zo, [["__scopeId", "data-v-bce5585d"]]), Yo = ["for
       return t.value.darkMode && (i = t.value.darkModeColorText), i && (L.isColorTemplateVariable(i) ? a.push(`ck-component__color--${i}`) : a.push({ color: i })), a;
     });
     return (a, i) => (v(), y("label", {
-      class: M(["ck-label", l.value]),
+      class: x(["ck-label", l.value]),
       for: o.for,
       style: E(n.value)
     }, [
-      O(a.$slots, "default", {}, void 0, !0)
+      W(a.$slots, "default", {}, void 0, !0)
     ], 14, Yo));
   }
 });
-const Me = /* @__PURE__ */ H(Jo, [["__scopeId", "data-v-f242d7f6"]]), Qo = {
+const Me = /* @__PURE__ */ j(Jo, [["__scopeId", "data-v-f242d7f6"]]), Qo = {
   key: 0,
   class: "ck-input__optional-label"
-}, Xo = { class: "ck-input__content" }, el = ["type", "autocomplete", "placeholder", "disabled"], tl = "120px", it = "center", ol = /* @__PURE__ */ z({
+}, Xo = { class: "ck-input__content" }, el = ["type", "autocomplete", "placeholder", "disabled"], tl = "120px", st = "center", ol = /* @__PURE__ */ O({
   __name: "ck-input",
   props: /* @__PURE__ */ ee({
     type: { default: "text" },
@@ -694,181 +696,181 @@ const Me = /* @__PURE__ */ H(Jo, [["__scopeId", "data-v-f242d7f6"]]), Qo = {
   emits: /* @__PURE__ */ ee(["click", "focus", "blur", "input", "inputDelayed", "change", "changeDelayed"], ["update:modelValue"]),
   setup(e, { expose: o, emit: t }) {
     const l = ge(e, "modelValue"), n = e, a = t;
-    o({ focus: k, select: V });
-    const { cleekOptions: i } = le(te()), { windowWidth: d } = he(), s = P(), p = P(""), u = P(!1), f = c(() => u.value ? "text" : n.plusMinusButtons ? "number" : n.type), r = c(() => n.justInteger || n.plusMinusButtons), h = c(() => n.labelAlign ? n.labelAlign : n.align ? n.align : n.plusMinusButtons ? it : "left"), m = c(() => {
-      const B = [];
-      let x = "";
-      if (n.width && (x = n.width), n.plusMinusButtons && (x = tl), x && B.push({ width: x }), n.widthBreaks) {
-        const X = L.getWidthByWidthBreaks(n.widthBreaks, d.value);
-        X && B.push({ width: X });
+    o({ focus: h, select: V });
+    const { cleekOptions: i } = le(te()), { windowWidth: d } = he(), u = M(), p = M(""), r = M(!1), f = c(() => r.value ? "text" : n.plusMinusButtons ? "number" : n.type), s = c(() => n.justInteger || n.plusMinusButtons), k = c(() => n.labelAlign ? n.labelAlign : n.align ? n.align : n.plusMinusButtons ? st : "left"), m = c(() => {
+      const $ = [];
+      let A = "";
+      if (n.width && (A = n.width), n.plusMinusButtons && (A = tl), A && $.push({ width: A }), n.widthBreaks) {
+        const Q = L.getWidthByWidthBreaks(n.widthBreaks, d.value);
+        Q && $.push({ width: Q });
       }
-      return B;
+      return $;
     }), g = c(() => {
-      const B = [];
-      B.push(L.getGroupClass(n, d.value)), n.icon && B.push("has-icon-left"), n.iconRight && B.push("has-icon-right");
-      let x = n.align;
-      n.plusMinusButtons && (x = it), x && B.push(`align--${x}`), n.hideBorder && B.push("no-border");
-      const X = n.layout || i.value.styles.layout;
-      X && B.push(X), n.size && B.push(`ck-input-size__${n.size}`);
+      const $ = [];
+      $.push(L.getGroupClass(n, d.value)), n.icon && $.push("has-icon-left"), n.iconRight && $.push("has-icon-right");
+      let A = n.align;
+      n.plusMinusButtons && (A = st), A && $.push(`align--${A}`), n.hideBorder && $.push("no-border");
+      const Q = n.layout || i.value.styles.layout;
+      Q && $.push(Q), n.size && $.push(`ck-input-size__${n.size}`);
       const oe = n.borderColor || i.value.styles.borderColor;
-      return oe && L.isColorTemplateVariable(oe) && B.push(`ck-component__border-color--${oe}`), B;
-    }), b = c(() => {
-      const B = [];
-      n.fontSize && B.push({ "font-size": n.fontSize }), n.textColor && B.push({ color: n.textColor });
-      const x = n.borderColor || i.value.styles.borderColor;
-      x && !L.isColorTemplateVariable(x) && B.push({ "border-color": x });
-      let X = "";
-      i.value.darkMode && (X = i.value.darkModeColorItems), X && !L.isColorTemplateVariable(X) && B.push({ backgroundColor: X });
+      return oe && L.isColorTemplateVariable(oe) && $.push(`ck-component__border-color--${oe}`), $;
+    }), _ = c(() => {
+      const $ = [];
+      n.fontSize && $.push({ "font-size": n.fontSize }), n.textColor && $.push({ color: n.textColor });
+      const A = n.borderColor || i.value.styles.borderColor;
+      A && !L.isColorTemplateVariable(A) && $.push({ "border-color": A });
+      let Q = "";
+      i.value.darkMode && (Q = i.value.darkModeColorItems), Q && !L.isColorTemplateVariable(Q) && $.push({ backgroundColor: Q });
       let oe = n.textColor || i.value.popup.textColor;
-      return i.value.darkMode && (oe = i.value.darkModeColorText), oe && !L.isColorTemplateVariable(oe) && (B.push(`ck-component__color--${oe}`), B.push({ color: oe })), B;
+      return i.value.darkMode && (oe = i.value.darkModeColorText), oe && !L.isColorTemplateVariable(oe) && ($.push(`ck-component__color--${oe}`), $.push({ color: oe })), $;
     });
-    ue(
+    ce(
       () => l.value,
-      (B) => ie(B),
+      ($) => se($),
       { immediate: !0 }
     );
-    function k() {
-      var B;
-      (B = s.value) == null || B.focus();
+    function h() {
+      var $;
+      ($ = u.value) == null || $.focus();
     }
     function V() {
-      var B;
-      (B = s.value) == null || B.select();
+      var $;
+      ($ = u.value) == null || $.select();
     }
-    function W(B) {
-      a("input", B), setTimeout(() => {
-        l.value === B && a("inputDelayed", B);
+    function R($) {
+      a("input", $), setTimeout(() => {
+        l.value === $ && a("inputDelayed", $);
       }, n.delayChangeTime);
     }
-    function _(B) {
-      a("change", B), setTimeout(() => {
-        l.value === B && a("changeDelayed", B);
+    function D($) {
+      a("change", $), setTimeout(() => {
+        l.value === $ && a("changeDelayed", $);
       }, n.delayChangeTime);
     }
-    function D(B) {
-      var x;
-      a("click", B), n.autoSelect && ((x = s.value) == null || x.select());
+    function B($) {
+      var A;
+      a("click", $), n.autoSelect && ((A = u.value) == null || A.select());
     }
-    function R() {
-      const B = ie(p.value);
-      W(B);
+    function P() {
+      const $ = se(p.value);
+      R($);
     }
-    function K() {
-      _(l.value);
+    function F() {
+      D(l.value);
     }
-    function J(B) {
-      a("focus", B), f.value === "number" && !p.value && (p.value = "");
+    function X($) {
+      a("focus", $), f.value === "number" && !p.value && (p.value = "");
     }
-    function fe(B) {
-      a("blur", B), f.value === "number" && !p.value && (p.value = l.value);
+    function ne($) {
+      a("blur", $), f.value === "number" && !p.value && (p.value = l.value);
     }
-    function Ce() {
-      const B = ie(+p.value - 1);
-      W(B), _(B);
+    function we() {
+      const $ = se(+p.value - 1);
+      R($), D($);
     }
     function T() {
-      const B = ie(+p.value + 1);
-      W(B), _(B);
+      const $ = se(+p.value + 1);
+      R($), D($);
     }
-    function F(B) {
-      let x = B;
-      return n.capitalize && (x = ze.capitalize(`${x}`)), n.toUpperCase && (x = `${x}`.toUpperCase()), r.value && (x = parseInt(`${+x}`)), typeof n.min < "u" && +x < +n.min && (x = +n.min), typeof n.max < "u" && +x > +n.max && (x = +n.max), x;
+    function q($) {
+      let A = $;
+      return n.capitalize && (A = ze.capitalize(`${A}`)), n.toUpperCase && (A = `${A}`.toUpperCase()), s.value && (A = parseInt(`${+A}`)), typeof n.min < "u" && +A < +n.min && (A = +n.min), typeof n.max < "u" && +A > +n.max && (A = +n.max), A;
     }
-    function ie(B) {
-      const x = F(B);
-      return l.value = x, p.value = x, x;
+    function se($) {
+      const A = q($);
+      return l.value = A, p.value = A, A;
     }
     return be(() => {
-      n.autofocus && (k(), D(null));
-    }), (B, x) => {
+      n.autofocus && (h(), B(null));
+    }), ($, A) => {
       var oe;
-      const X = j("ck-button");
+      const Q = U("ck-button");
       return v(), y("div", {
         class: "ck-input",
         style: E(m.value)
       }, [
-        B.label ? (v(), S(Me, {
+        $.label ? (v(), S(Me, {
           key: 0,
           for: "ck-input",
-          size: B.size,
-          align: h.value
+          size: $.size,
+          align: k.value
         }, {
-          default: q(() => [
-            G(I(B.label) + " ", 1),
-            B.optional ? (v(), y("span", Qo, "opcional")) : w("", !0)
+          default: H(() => [
+            Z(I($.label) + " ", 1),
+            $.optional ? (v(), y("span", Qo, "opcional")) : C("", !0)
           ]),
           _: 1
-        }, 8, ["size", "align"])) : w("", !0),
-        $("div", Xo, [
-          B.plusMinusButtons ? (v(), S(X, {
+        }, 8, ["size", "align"])) : C("", !0),
+        w("div", Xo, [
+          $.plusMinusButtons ? (v(), S(Q, {
             key: 0,
             size: "s",
             icon: "minus",
             group: "left",
             type: "filled",
             class: "ck-input-plus-minus-buttons",
-            onClick: x[0] || (x[0] = (ne) => Ce())
-          })) : w("", !0),
-          B.icon ? (v(), S(ae, {
+            onClick: A[0] || (A[0] = (ae) => we())
+          })) : C("", !0),
+          $.icon ? (v(), S(ie, {
             key: 1,
             class: "ck-input__icon-left",
-            color: B.iconColor ? B.iconColor : "lightgrey",
-            icon: B.icon,
-            "icon-pack": B.iconPack,
+            color: $.iconColor ? $.iconColor : "lightgrey",
+            icon: $.icon,
+            "icon-pack": $.iconPack,
             size: "s"
-          }, null, 8, ["color", "icon", "icon-pack"])) : w("", !0),
-          re($("input", {
+          }, null, 8, ["color", "icon", "icon-pack"])) : C("", !0),
+          ue(w("input", {
             ref_key: "inputRef",
-            ref: s,
-            "onUpdate:modelValue": x[1] || (x[1] = (ne) => p.value = ne),
+            ref: u,
+            "onUpdate:modelValue": A[1] || (A[1] = (ae) => p.value = ae),
             type: f.value,
-            autocomplete: B.preventAutocomplete ? "off" : "on",
-            placeholder: B.placeholder,
-            class: M(g.value),
-            style: E(b.value),
-            disabled: B.disabled,
-            onClick: x[2] || (x[2] = (ne) => D(ne)),
-            onInput: x[3] || (x[3] = (ne) => R()),
-            onChange: x[4] || (x[4] = (ne) => K()),
-            onFocus: x[5] || (x[5] = (ne) => J(ne)),
-            onBlur: x[6] || (x[6] = (ne) => fe(ne))
+            autocomplete: $.preventAutocomplete ? "off" : "on",
+            placeholder: $.placeholder,
+            class: x(g.value),
+            style: E(_.value),
+            disabled: $.disabled,
+            onClick: A[2] || (A[2] = (ae) => B(ae)),
+            onInput: A[3] || (A[3] = (ae) => P()),
+            onChange: A[4] || (A[4] = (ae) => F()),
+            onFocus: A[5] || (A[5] = (ae) => X(ae)),
+            onBlur: A[6] || (A[6] = (ae) => ne(ae))
           }, null, 46, el), [
             [zt, p.value]
           ]),
-          B.type === "password" ? (v(), y("div", {
+          $.type === "password" ? (v(), y("div", {
             key: 2,
-            class: M(["show-password", B.layout || ((oe = $e(i)) == null ? void 0 : oe.styles.layout)]),
-            onClick: x[7] || (x[7] = (ne) => u.value = !u.value)
+            class: x(["show-password", $.layout || ((oe = $e(i)) == null ? void 0 : oe.styles.layout)]),
+            onClick: A[7] || (A[7] = (ae) => r.value = !r.value)
           }, [
-            U(ae, {
-              icon: u.value ? "eye-slash" : "eye"
+            G(ie, {
+              icon: r.value ? "eye-slash" : "eye"
             }, null, 8, ["icon"])
-          ], 2)) : w("", !0),
-          B.iconRight && B.type !== "password" ? (v(), S(ae, {
+          ], 2)) : C("", !0),
+          $.iconRight && $.type !== "password" ? (v(), S(ie, {
             key: 3,
             class: "ck-input__icon-right",
-            color: B.iconColor ? B.iconColor : "lightgrey",
-            icon: B.iconRight,
-            "icon-pack": B.iconPack
-          }, null, 8, ["color", "icon", "icon-pack"])) : w("", !0),
-          B.plusMinusButtons ? (v(), S(X, {
+            color: $.iconColor ? $.iconColor : "lightgrey",
+            icon: $.iconRight,
+            "icon-pack": $.iconPack
+          }, null, 8, ["color", "icon", "icon-pack"])) : C("", !0),
+          $.plusMinusButtons ? (v(), S(Q, {
             key: 4,
             size: "s",
             icon: "plus",
             group: "right",
             type: "filled",
             class: "ck-input-plus-minus-buttons",
-            onClick: x[8] || (x[8] = (ne) => T())
-          })) : w("", !0)
+            onClick: A[8] || (A[8] = (ae) => T())
+          })) : C("", !0)
         ])
       ], 4);
     };
   }
 });
-const Ct = /* @__PURE__ */ H(ol, [["__scopeId", "data-v-02655db0"]]), ll = {
+const Ct = /* @__PURE__ */ j(ol, [["__scopeId", "data-v-02655db0"]]), ll = {
   key: 0,
   class: "flex items-center"
-}, nl = { key: 2 }, al = /* @__PURE__ */ z({
+}, nl = { key: 2 }, al = /* @__PURE__ */ O({
   __name: "ck-table__header-items",
   props: /* @__PURE__ */ ee({
     hideRefreshBtn: { type: Boolean },
@@ -889,20 +891,20 @@ const Ct = /* @__PURE__ */ H(ol, [["__scopeId", "data-v-02655db0"]]), ll = {
     function d() {
       l.isLoading || n("refreshList", !0);
     }
-    function s(p) {
-      const u = p;
+    function u(p) {
+      const r = p;
       setTimeout(() => {
-        u === t.value && n("refreshList", !1);
+        r === t.value && n("refreshList", !1);
       }, 1e3);
     }
-    return (p, u) => (v(), y("div", {
-      class: M(["ck-table__header-items", i.value])
+    return (p, r) => (v(), y("div", {
+      class: x(["ck-table__header-items", i.value])
     }, [
       p.$slots.headerActionsLeft ? (v(), y("div", ll, [
-        O(p.$slots, "headerActionsLeft", {}, void 0, !0)
-      ])) : w("", !0),
-      !p.hideHeaderActions && a.value ? (v(), y(Z, { key: 1 }, [
-        p.hideRefreshBtn ? w("", !0) : (v(), S(Oe, {
+        W(p.$slots, "headerActionsLeft", {}, void 0, !0)
+      ])) : C("", !0),
+      !p.hideHeaderActions && a.value ? (v(), y(Y, { key: 1 }, [
+        p.hideRefreshBtn ? C("", !0) : (v(), S(Oe, {
           key: 0,
           class: "mr-1",
           type: "flat",
@@ -911,26 +913,26 @@ const Ct = /* @__PURE__ */ H(ol, [["__scopeId", "data-v-02655db0"]]), ll = {
           layout: "rounded",
           icon: p.isLoading ? "spinner" : "rotate-right",
           isLoading: !!p.isLoading,
-          onClick: u[0] || (u[0] = (f) => d())
+          onClick: r[0] || (r[0] = (f) => d())
         }, null, 8, ["icon", "isLoading"])),
-        U(Ct, {
+        G(Ct, {
           modelValue: t.value,
-          "onUpdate:modelValue": u[1] || (u[1] = (f) => t.value = f),
+          "onUpdate:modelValue": r[1] || (r[1] = (f) => t.value = f),
           class: "ck-table--search-input",
           layout: "rounded",
           icon: "magnifying-glass",
           placeholder: "Buscar...",
           borderColor: p.version === "colored" ? "white" : "",
-          onInput: u[2] || (u[2] = (f) => s(f))
+          onInput: r[2] || (r[2] = (f) => u(f))
         }, null, 8, ["modelValue", "borderColor"])
-      ], 64)) : w("", !0),
+      ], 64)) : C("", !0),
       p.$slots.headerActionsRight ? (v(), y("div", nl, [
-        O(p.$slots, "headerActionsRight", {}, void 0, !0)
-      ])) : w("", !0)
+        W(p.$slots, "headerActionsRight", {}, void 0, !0)
+      ])) : C("", !0)
     ], 2));
   }
 });
-const il = /* @__PURE__ */ H(al, [["__scopeId", "data-v-187caf58"]]), sl = { class: "ck-table__pagination" }, rl = { class: "ck-table__pagination--numbers-container" }, ul = ["onClick"], cl = { class: "ck-table__pagination-input-container" }, dl = ["onClick"], st = 5, pl = /* @__PURE__ */ z({
+const il = /* @__PURE__ */ j(al, [["__scopeId", "data-v-187caf58"]]), sl = { class: "ck-table__pagination" }, rl = { class: "ck-table__pagination--numbers-container" }, ul = ["onClick"], cl = { class: "ck-table__pagination-input-container" }, dl = ["onClick"], rt = 5, pl = /* @__PURE__ */ O({
   __name: "ck-table__pagination",
   props: {
     totalPages: {},
@@ -955,88 +957,88 @@ const il = /* @__PURE__ */ H(al, [["__scopeId", "data-v-187caf58"]]), sl = { cla
       },
       set() {
       }
-    }), d = c(() => t.currentPage !== 1), s = c(() => !!u.value.length), p = c(() => {
+    }), d = c(() => t.currentPage !== 1), u = c(() => !!r.value.length), p = c(() => {
       if (!t.listLength)
         return [];
-      const g = [], b = (st - 1) / 2;
-      for (const k of Array(b).keys()) {
-        const V = t.currentPage - k - 1;
+      const g = [], _ = (rt - 1) / 2;
+      for (const h of Array(_).keys()) {
+        const V = t.currentPage - h - 1;
         V > 0 && g.unshift(V);
       }
       return g;
-    }), u = c(() => {
+    }), r = c(() => {
       if (!t.listLength)
         return [];
-      const g = [], b = (st - 1) / 2;
-      for (const k of Array(b).keys()) {
-        const V = t.currentPage + k + 1;
+      const g = [], _ = (rt - 1) / 2;
+      for (const h of Array(_).keys()) {
+        const V = t.currentPage + h + 1;
         V <= t.totalPages && g.push(V);
       }
       return g;
     }), f = c(() => {
-      const g = [], b = t.align || "center";
-      b && g.push(`pagination-align--${b || "center"}`);
-      const k = t.layout || n.value.styles.layout;
-      return k && g.push(k), g;
+      const g = [], _ = t.align || "center";
+      _ && g.push(`pagination-align--${_ || "center"}`);
+      const h = t.layout || n.value.styles.layout;
+      return h && g.push(h), g;
     });
-    ue(() => a.value, () => l("refreshList"));
-    function r(g) {
-      let b = +g.value;
-      b > t.totalPages && (b = t.totalPages), b < 1 && (b = 1), t.currentPage === b ? g.value = `${b}` : a.value = b;
+    ce(() => a.value, () => l("refreshList"));
+    function s(g) {
+      let _ = +g.value;
+      _ > t.totalPages && (_ = t.totalPages), _ < 1 && (_ = 1), t.currentPage === _ ? g.value = `${_}` : a.value = _;
     }
-    function h() {
-      s.value && (a.value = t.currentPage + 1);
+    function k() {
+      u.value && (a.value = t.currentPage + 1);
     }
     function m() {
       d.value && (a.value = t.currentPage - 1);
     }
-    return (g, b) => (v(), y("div", {
-      class: M(["ck-table__pagination-container", f.value])
+    return (g, _) => (v(), y("div", {
+      class: x(["ck-table__pagination-container", f.value])
     }, [
-      $("div", sl, [
-        $("div", {
-          class: M(["ck-table__pagination--arrow-left", { disabled: !d.value }]),
-          onClick: b[0] || (b[0] = (k) => m())
+      w("div", sl, [
+        w("div", {
+          class: x(["ck-table__pagination--arrow-left", { disabled: !d.value }]),
+          onClick: _[0] || (_[0] = (h) => m())
         }, [
-          U(ae, {
+          G(ie, {
             icon: d.value ? "angle-left" : "grip-lines-vertical"
           }, null, 8, ["icon"])
         ], 2),
-        $("div", rl, [
-          (v(!0), y(Z, null, ce(p.value, (k) => (v(), y("div", {
+        w("div", rl, [
+          (v(!0), y(Y, null, de(p.value, (h) => (v(), y("div", {
             class: "ck-table__pagination-item--left",
-            onClick: (V) => a.value = k
-          }, I(k), 9, ul))), 256)),
-          $("div", cl, [
-            re($("input", {
-              "onUpdate:modelValue": b[1] || (b[1] = (k) => i.value = k),
+            onClick: (V) => a.value = h
+          }, I(h), 9, ul))), 256)),
+          w("div", cl, [
+            ue(w("input", {
+              "onUpdate:modelValue": _[1] || (_[1] = (h) => i.value = h),
               class: "ck-table__pagination-input",
               type: "number",
-              onClick: b[2] || (b[2] = (k) => k.target.select()),
-              onChange: b[3] || (b[3] = (k) => r(k.target))
+              onClick: _[2] || (_[2] = (h) => h.target.select()),
+              onChange: _[3] || (_[3] = (h) => s(h.target))
             }, null, 544), [
               [We, i.value]
             ]),
-            b[5] || (b[5] = $("div", { class: "ck-table__pagination--input-pointer" }, null, -1))
+            _[5] || (_[5] = w("div", { class: "ck-table__pagination--input-pointer" }, null, -1))
           ]),
-          (v(!0), y(Z, null, ce(u.value, (k) => (v(), y("div", {
+          (v(!0), y(Y, null, de(r.value, (h) => (v(), y("div", {
             class: "ck-table__pagination-item--right",
-            onClick: (V) => a.value = k
-          }, I(k), 9, dl))), 256))
+            onClick: (V) => a.value = h
+          }, I(h), 9, dl))), 256))
         ]),
-        $("div", {
-          class: M(["ck-table__pagination--arrow-right", { disabled: !s.value }]),
-          onClick: b[4] || (b[4] = (k) => h())
+        w("div", {
+          class: x(["ck-table__pagination--arrow-right", { disabled: !u.value }]),
+          onClick: _[4] || (_[4] = (h) => k())
         }, [
-          U(ae, {
-            icon: s.value ? "angle-right" : "grip-lines-vertical"
+          G(ie, {
+            icon: u.value ? "angle-right" : "grip-lines-vertical"
           }, null, 8, ["icon"])
         ], 2)
       ])
     ], 2));
   }
 });
-const vl = /* @__PURE__ */ H(pl, [["__scopeId", "data-v-a399c4bf"]]), fl = ["disabled", "checked"], ml = ["textContent"], gl = "m", hl = /* @__PURE__ */ z({
+const vl = /* @__PURE__ */ j(pl, [["__scopeId", "data-v-a399c4bf"]]), fl = ["disabled", "checked"], ml = ["textContent"], gl = "m", hl = /* @__PURE__ */ O({
   __name: "ck-checkbox",
   props: /* @__PURE__ */ ee({
     label: {},
@@ -1056,67 +1058,67 @@ const vl = /* @__PURE__ */ H(pl, [["__scopeId", "data-v-a399c4bf"]]), fl = ["dis
       "aria-disabled": l.disabled,
       tabindex: l.disabled ? void 0 : "0"
     })), i = c(() => {
-      const r = [];
-      return l.size && r.push(`size__${l.size}`), r;
+      const s = [];
+      return l.size && s.push(`size__${l.size}`), s;
     }), d = c(() => {
-      const r = [];
-      return l.color && L.isColorTemplateVariable(l.color) && (r.push(`ck-component__border-color--${l.color}`), (t.value || t.value === null) && r.push(`ck-component__color-background--${l.color}`)), r;
-    }), s = c(() => {
-      const r = [];
-      return l.color && !L.isColorTemplateVariable(l.color) && (r.push({ borderColor: l.color }), (t.value || t.value === null) && r.push({ backgroundColor: l.color })), r;
-    }), p = c(() => {
-      const r = [];
-      return l.colorText && L.isColorTemplateVariable(l.colorText) && r.push(`ck-component__color--${l.colorText}`), l.textSize && l.textSize !== gl && r.push(`ck-checkbox--label-text-size--${l.textSize}`), r;
+      const s = [];
+      return l.color && L.isColorTemplateVariable(l.color) && (s.push(`ck-component__border-color--${l.color}`), (t.value || t.value === null) && s.push(`ck-component__color-background--${l.color}`)), s;
     }), u = c(() => {
-      const r = [];
-      return l.colorText && !L.isColorTemplateVariable(l.colorText) && r.push({ color: l.colorText }), r;
+      const s = [];
+      return l.color && !L.isColorTemplateVariable(l.color) && (s.push({ borderColor: l.color }), (t.value || t.value === null) && s.push({ backgroundColor: l.color })), s;
+    }), p = c(() => {
+      const s = [];
+      return l.colorText && L.isColorTemplateVariable(l.colorText) && s.push(`ck-component__color--${l.colorText}`), l.textSize && l.textSize !== gl && s.push(`ck-checkbox--label-text-size--${l.textSize}`), s;
+    }), r = c(() => {
+      const s = [];
+      return l.colorText && !L.isColorTemplateVariable(l.colorText) && s.push({ color: l.colorText }), s;
     });
     function f() {
       l.preventAutoUpdate || (t.value = !t.value);
     }
-    return (r, h) => (v(), y("label", Ne(a.value, {
+    return (s, k) => (v(), y("label", Ne(a.value, {
       class: ["ck-checkbox", i.value],
-      onKeydown: h[4] || (h[4] = we(se(() => {
+      onKeydown: k[4] || (k[4] = _e(re(() => {
       }, ["prevent"]), ["space"])),
       onKeyup: [
-        h[5] || (h[5] = we((m) => f(), ["enter"])),
-        h[6] || (h[6] = we((m) => f(), ["space"]))
+        k[5] || (k[5] = _e((m) => f(), ["enter"])),
+        k[6] || (k[6] = _e((m) => f(), ["space"]))
       ],
-      onClick: h[7] || (h[7] = se((m) => f(), ["prevent"]))
+      onClick: k[7] || (k[7] = re((m) => f(), ["prevent"]))
     }), [
-      $("input", {
-        class: M(["ck-checkbox--input", { "ck-checkbox--input__intermediate": t.value === null }]),
+      w("input", {
+        class: x(["ck-checkbox--input", { "ck-checkbox--input__intermediate": t.value === null }]),
         "aria-hidden": "true",
         type: "checkbox",
-        disabled: r.disabled,
+        disabled: s.disabled,
         checked: t.value,
-        onChange: h[0] || (h[0] = (m) => n("change", m)),
-        onClick: h[1] || (h[1] = se(() => {
+        onChange: k[0] || (k[0] = (m) => n("change", m)),
+        onClick: k[1] || (k[1] = re(() => {
         }, ["prevent"]))
       }, null, 42, fl),
-      $("div", {
-        class: M(["ck-checkbox--element", d.value]),
-        style: E(s.value),
-        onClick: h[2] || (h[2] = se(() => {
+      w("div", {
+        class: x(["ck-checkbox--element", d.value]),
+        style: E(u.value),
+        onClick: k[2] || (k[2] = re(() => {
         }, ["prevent"]))
       }, null, 6),
-      r.label || r.$slots.default ? (v(), y("span", {
+      s.label || s.$slots.default ? (v(), y("span", {
         key: 0,
-        class: M(["ck-checkbox--label", p.value]),
-        style: E(u.value),
-        onClick: h[3] || (h[3] = se(() => {
+        class: x(["ck-checkbox--label", p.value]),
+        style: E(r.value),
+        onClick: k[3] || (k[3] = re(() => {
         }, ["prevent"]))
       }, [
-        r.label ? (v(), y("span", {
+        s.label ? (v(), y("span", {
           key: 0,
-          textContent: I(r.label)
-        }, null, 8, ml)) : w("", !0),
-        O(r.$slots, "default", {}, void 0, !0)
-      ], 6)) : w("", !0)
+          textContent: I(s.label)
+        }, null, 8, ml)) : C("", !0),
+        W(s.$slots, "default", {}, void 0, !0)
+      ], 6)) : C("", !0)
     ], 16));
   }
 });
-const wt = /* @__PURE__ */ H(hl, [["__scopeId", "data-v-968fba63"]]);
+const wt = /* @__PURE__ */ j(hl, [["__scopeId", "data-v-968fba63"]]);
 function $t(e) {
   const o = e ? "visible" : "hidden";
   document.body.style.overflow = o;
@@ -1130,7 +1132,7 @@ const kl = { class: "ck-popup" }, yl = {
 }, bl = { class: "w-full" }, Cl = {
   key: 0,
   class: "ck-popup-slot-footer__confirm-buttons"
-}, Xe = /* @__PURE__ */ z({
+}, et = /* @__PURE__ */ O({
   __name: "ck-popup",
   props: /* @__PURE__ */ ee({
     title: {},
@@ -1161,119 +1163,126 @@ const kl = { class: "ck-popup" }, yl = {
   emits: /* @__PURE__ */ ee(["accept", "cancel", "close"], ["update:modelValue"]),
   setup(e, { emit: o }) {
     const t = ge(e, "modelValue"), l = e, n = o, { cleekOptions: a } = le(te()), i = c(() => {
-      const _ = [], D = l.layout || a.value.styles.layout;
-      D && _.push(D);
-      const R = l.textColor || a.value.popup.textColor;
-      return R && L.isColorTemplateVariable(R) && _.push(`ck-component__color--${R}`), _;
+      const B = [], P = l.layout || a.value.styles.layout;
+      P && B.push(P);
+      const F = l.textColor || a.value.popup.textColor;
+      return F && L.isColorTemplateVariable(F) && B.push(`ck-component__color--${F}`), B;
     }), d = c(() => {
-      const _ = [], D = l.fontSize || a.value.popup.fontSize;
-      D && _.push({ "font-size": D }), l.width && _.push({ width: l.width });
-      const R = l.width ? "95%" : l.maxWidth || a.value.popup.maxWidth;
-      R && _.push({ "max-width": R });
-      const K = l.textColor || a.value.popup.textColor;
-      K && !L.isColorTemplateVariable(K) && (_.push(`ck-component__color--${K}`), _.push({ color: K }));
-      let J = "white";
-      return a.value.popup.backgroundColor && (J = a.value.popup.backgroundColor), a.value.darkMode && (J = a.value.darkModeColorItems), l.backgroundColor && (J = l.backgroundColor), J && !L.isColorTemplateVariable(J) && _.push({ backgroundColor: J }), _;
-    }), s = c(() => {
-      const _ = [];
-      let D = "";
-      a.value.popup.headerColor && (D = a.value.popup.headerColor), a.value.darkMode && (D = a.value.darkModeColorItems), l.headerColor && (D = l.headerColor), D && !L.isColorTemplateVariable(D) && _.push({ backgroundColor: D });
-      let R = l.textColor || a.value.popup.textColor;
-      return a.value.darkMode && (R = a.value.darkModeColorText), R && !L.isColorTemplateVariable(R) && (_.push(`ck-component__color--${R}`), _.push({ color: R })), _;
-    }), p = c(() => {
-      const _ = [];
-      let D = "";
-      return a.value.popup.backgroundColor && (D = a.value.popup.backgroundColor), a.value.darkMode && (D = a.value.darkModeColorItems), l.backgroundColor && (D = l.backgroundColor), D && !L.isColorTemplateVariable(D) && _.push({ backgroundColor: D }), _;
+      const B = [], P = l.fontSize || a.value.popup.fontSize;
+      P && B.push({ "font-size": P }), l.width && B.push({ width: l.width });
+      const F = l.width ? "95%" : l.maxWidth || a.value.popup.maxWidth;
+      F && B.push({ "max-width": F });
+      const X = l.textColor || a.value.popup.textColor;
+      X && !L.isColorTemplateVariable(X) && (B.push(`ck-component__color--${X}`), B.push({ color: X }));
+      let ne = "white";
+      return a.value.popup.backgroundColor && (ne = a.value.popup.backgroundColor), a.value.darkMode && (ne = a.value.darkModeColorItems), l.backgroundColor && (ne = l.backgroundColor), ne && !L.isColorTemplateVariable(ne) && B.push({ backgroundColor: ne }), B;
     }), u = c(() => {
-      const _ = [], D = l.headerAlign || a.value.popup.headerAlign;
-      D && _.push(`header-align--${D}`);
-      const R = l.headerColor || a.value.popup.headerColor;
-      return R && L.isColorTemplateVariable(R) && _.push(`ck-component__bg-color--${R}`), h.value || _.push("close-btn-hidden"), _;
-    }), f = c(() => l.acceptBtnType ? l.acceptBtnType : a.value.popup.acceptBtnType ? a.value.popup.acceptBtnType : "outlined"), r = c(() => l.cancelBtnType ? l.cancelBtnType : a.value.popup.cancelBtnType ? a.value.popup.cancelBtnType : "flat"), h = c(() => !(l.notCloseBtn || l.notClose)), m = c(() => l.acceptBtnText ? l.acceptBtnText : a.value.lang === "es" ? "Aceptar" : "Accept"), g = c(() => l.cancelBtnText ? l.cancelBtnText : a.value.lang === "es" ? "Cancelar" : "Cancel");
-    ue(() => t.value, (_) => $t(!_));
-    function b() {
+      const B = [];
+      let P = "";
+      a.value.popup.headerColor && (P = a.value.popup.headerColor), a.value.darkMode && (P = a.value.darkModeColorItems), l.headerColor && (P = l.headerColor), P && !L.isColorTemplateVariable(P) && B.push({ backgroundColor: P });
+      let F = l.textColor || a.value.popup.textColor;
+      return a.value.darkMode && (F = a.value.darkModeColorText), F && !L.isColorTemplateVariable(F) && (B.push(`ck-component__color--${F}`), B.push({ color: F })), B;
+    }), p = c(() => {
+      const B = [];
+      let P = "";
+      return a.value.popup.backgroundColor && (P = a.value.popup.backgroundColor), a.value.darkMode && (P = a.value.darkModeColorItems), l.backgroundColor && (P = l.backgroundColor), P && !L.isColorTemplateVariable(P) && B.push({ backgroundColor: P }), B;
+    }), r = c(() => {
+      const B = [], P = l.headerAlign || a.value.popup.headerAlign;
+      P && B.push(`header-align--${P}`);
+      const F = l.headerColor || a.value.popup.headerColor;
+      return F && L.isColorTemplateVariable(F) && B.push(`ck-component__bg-color--${F}`), k.value || B.push("close-btn-hidden"), B;
+    }), f = c(() => l.acceptBtnType ? l.acceptBtnType : a.value.popup.acceptBtnType ? a.value.popup.acceptBtnType : "outlined"), s = c(() => l.cancelBtnType ? l.cancelBtnType : a.value.popup.cancelBtnType ? a.value.popup.cancelBtnType : "flat"), k = c(() => !(l.notCloseBtn || l.notClose)), m = c(() => l.acceptBtnText ? l.acceptBtnText : a.value.lang === "es" ? "Aceptar" : "Accept"), g = c(() => l.cancelBtnText ? l.cancelBtnText : a.value.lang === "es" ? "Cancelar" : "Cancel");
+    ce(() => t.value, (B) => $t(!B));
+    function _() {
       t.value = !1, n("close");
     }
-    function k() {
-      n("cancel"), l.preventCloseOnCancel || b();
+    function h() {
+      n("cancel"), l.preventCloseOnCancel || _();
     }
     function V() {
       n("accept");
     }
-    function W() {
-      l.notCloseByBg || l.notClose || b();
+    function R() {
+      l.notCloseByBg || l.notClose || _();
+    }
+    function D(B) {
+      B.key === "Escape" && R();
     }
-    return (_, D) => t.value ? (v(), S(Pe, {
+    return be(() => {
+      window.addEventListener("keydown", D);
+    }), Xe(() => {
+      window.removeEventListener("keydown", D);
+    }), (B, P) => t.value ? (v(), S(Pe, {
       key: 0,
       to: "body"
     }, [
-      $("div", kl, [
-        D[5] || (D[5] = $("div", { class: "blackout" }, null, -1)),
-        $("div", {
+      w("div", kl, [
+        P[5] || (P[5] = w("div", { class: "blackout" }, null, -1)),
+        w("div", {
           class: "popup-container",
-          onMousedown: D[4] || (D[4] = (R) => W())
+          onMousedown: P[4] || (P[4] = (F) => R())
         }, [
-          $("div", {
-            class: M(["ck-popup__content", i.value]),
+          w("div", {
+            class: x(["ck-popup__content", i.value]),
             style: E(d.value),
-            onMousedown: D[3] || (D[3] = se(() => {
+            onMousedown: P[3] || (P[3] = re(() => {
             }, ["stop"]))
           }, [
-            $("div", {
-              class: M(["ck-popup__slot-header", u.value]),
-              style: E(s.value)
+            w("div", {
+              class: x(["ck-popup__slot-header", r.value]),
+              style: E(u.value)
             }, [
-              _.title ? (v(), y("h3", yl, I(_.title), 1)) : w("", !0),
-              O(_.$slots, "header"),
-              h.value ? (v(), S(ae, {
+              B.title ? (v(), y("h3", yl, I(B.title), 1)) : C("", !0),
+              W(B.$slots, "header"),
+              k.value ? (v(), S(ie, {
                 key: 1,
                 class: "icon-close",
                 icon: "times",
-                onClick: D[0] || (D[0] = (R) => b())
-              })) : w("", !0)
+                onClick: P[0] || (P[0] = (F) => _())
+              })) : C("", !0)
             ], 6),
-            $("div", {
+            w("div", {
               class: "ck-popup__slot-body",
               style: E(p.value)
             }, [
-              O(_.$slots, "default")
+              W(B.$slots, "default")
             ], 4),
-            _.$slots.footer || _.confirmButtons || _.acceptButton || _.cancelButton ? (v(), y("div", _l, [
-              $("div", bl, [
-                O(_.$slots, "footer")
+            B.$slots.footer || B.confirmButtons || B.acceptButton || B.cancelButton ? (v(), y("div", _l, [
+              w("div", bl, [
+                W(B.$slots, "footer")
               ]),
-              _.confirmButtons || _.acceptButton || _.cancelButton ? (v(), y("div", Cl, [
-                _.confirmButtons || _.cancelButton ? (v(), S(Oe, {
+              B.confirmButtons || B.acceptButton || B.cancelButton ? (v(), y("div", Cl, [
+                B.confirmButtons || B.cancelButton ? (v(), S(Oe, {
                   key: 0,
                   color: "danger",
-                  type: r.value,
-                  onClick: D[1] || (D[1] = (R) => k())
+                  type: s.value,
+                  onClick: P[1] || (P[1] = (F) => h())
                 }, {
-                  default: q(() => [
-                    G(I(g.value), 1)
+                  default: H(() => [
+                    Z(I(g.value), 1)
                   ]),
                   _: 1
-                }, 8, ["type"])) : w("", !0),
-                _.confirmButtons || _.acceptButton ? (v(), S(Oe, {
+                }, 8, ["type"])) : C("", !0),
+                B.confirmButtons || B.acceptButton ? (v(), S(Oe, {
                   key: 1,
                   type: f.value,
-                  isLoading: _.isLoading,
-                  onClick: D[2] || (D[2] = (R) => V())
+                  isLoading: B.isLoading,
+                  onClick: P[2] || (P[2] = (F) => V())
                 }, {
-                  default: q(() => [
-                    G(I(m.value), 1)
+                  default: H(() => [
+                    Z(I(m.value), 1)
                   ]),
                   _: 1
-                }, 8, ["type", "isLoading"])) : w("", !0)
-              ])) : w("", !0)
-            ])) : w("", !0)
+                }, 8, ["type", "isLoading"])) : C("", !0)
+              ])) : C("", !0)
+            ])) : C("", !0)
           ], 38)
         ], 32)
       ])
-    ])) : w("", !0);
+    ])) : C("", !0);
   }
 });
-const wl = { class: "columns-manger-container" }, $l = /* @__PURE__ */ z({
+const wl = { class: "columns-manger-container" }, $l = /* @__PURE__ */ O({
   __name: "ck-table__columns-manager",
   props: {
     modelValue: { type: Boolean },
@@ -1283,51 +1292,51 @@ const wl = { class: "columns-manger-container" }, $l = /* @__PURE__ */ z({
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
     const t = e, l = o;
-    let n = P([]);
+    let n = M([]);
     const a = c({
       get() {
         return t.modelValue;
       },
-      set(s) {
-        l("update:modelValue", s);
+      set(u) {
+        l("update:modelValue", u);
       }
     });
-    ue(() => a.value, (s) => {
-      s && i();
-    }), ue(() => a.value, (s) => {
-      s && i();
+    ce(() => a.value, (u) => {
+      u && i();
+    }), ce(() => a.value, (u) => {
+      u && i();
     });
     function i() {
-      const s = [];
+      const u = [];
       (t.columnsArray || []).forEach((p) => {
-        p.unchangeable || s.push({
+        p.unchangeable || u.push({
           name: p.name,
           title: p.title,
           value: L.isColumnDisplayed(p)
         });
-      }), n.value = s;
+      }), n.value = u;
     }
-    function d(s, p) {
-      t.columns[s].isDisplayed = p;
+    function d(u, p) {
+      t.columns[u].isDisplayed = p;
     }
-    return (s, p) => (v(), S(Xe, {
+    return (u, p) => (v(), S(et, {
       modelValue: a.value,
-      "onUpdate:modelValue": p[0] || (p[0] = (u) => a.value = u),
+      "onUpdate:modelValue": p[0] || (p[0] = (r) => a.value = r),
       title: "Administrador de columnas"
     }, {
-      default: q(() => [
-        $("div", wl, [
-          (v(!0), y(Z, null, ce($e(n), (u, f) => (v(), y("div", {
+      default: H(() => [
+        w("div", wl, [
+          (v(!0), y(Y, null, de($e(n), (r, f) => (v(), y("div", {
             class: "columns-manger__item",
             key: f
           }, [
-            U(wt, {
-              modelValue: u.value,
-              "onUpdate:modelValue": (r) => u.value = r,
-              onClick: (r) => d(u.name, u.value)
+            G(wt, {
+              modelValue: r.value,
+              "onUpdate:modelValue": (s) => r.value = s,
+              onClick: (s) => d(r.name, r.value)
             }, {
-              default: q(() => [
-                G(I(u.title), 1)
+              default: H(() => [
+                Z(I(r.title), 1)
               ]),
               _: 2
             }, 1032, ["modelValue", "onUpdate:modelValue", "onClick"])
@@ -1338,7 +1347,7 @@ const wl = { class: "columns-manger-container" }, $l = /* @__PURE__ */ z({
     }, 8, ["modelValue"]));
   }
 });
-const Bl = /* @__PURE__ */ H($l, [["__scopeId", "data-v-3f119c7c"]]), Tl = /* @__PURE__ */ z({
+const Bl = /* @__PURE__ */ j($l, [["__scopeId", "data-v-3f119c7c"]]), Tl = /* @__PURE__ */ O({
   __name: "LoadingAndNoResultsText",
   props: {
     listLength: {},
@@ -1349,35 +1358,35 @@ const Bl = /* @__PURE__ */ H($l, [["__scopeId", "data-v-3f119c7c"]]), Tl = /* @_
   setup(e) {
     const o = e, { cleekOptions: t } = le(te()), l = c(() => !(typeof o.listLength > "u" || o.listLength)), n = c(() => o.loadingText ? o.loadingText : t.value.lang === "es" ? "Cargando..." : "Loading..."), a = c(() => o.noResultsText ? o.noResultsText : t.value.lang === "es" ? "No se encontraron resultados" : "No results found");
     return (i, d) => {
-      const s = j("ck-icon"), p = j("ck-td"), u = j("ck-tr");
-      return l.value ? (v(), S(u, { key: 0 }, {
-        default: q(() => [
-          U(p, {
+      const u = U("ck-icon"), p = U("ck-td"), r = U("ck-tr");
+      return l.value ? (v(), S(r, { key: 0 }, {
+        default: H(() => [
+          G(p, {
             class: "no-result-text",
             colspan: "100%",
             align: "center"
           }, {
-            default: q(() => [
-              i.isLoading ? (v(), y(Z, { key: 0 }, [
-                U(s, {
+            default: H(() => [
+              i.isLoading ? (v(), y(Y, { key: 0 }, [
+                G(u, {
                   class: "mr-2",
                   icon: "spinner",
                   spin: ""
                 }),
-                G(" " + I(n.value), 1)
-              ], 64)) : l.value ? (v(), y(Z, { key: 1 }, [
-                G(I(a.value), 1)
-              ], 64)) : w("", !0)
+                Z(" " + I(n.value), 1)
+              ], 64)) : l.value ? (v(), y(Y, { key: 1 }, [
+                Z(I(a.value), 1)
+              ], 64)) : C("", !0)
             ]),
             _: 1
           })
         ]),
         _: 1
-      })) : w("", !0);
+      })) : C("", !0);
     };
   }
 });
-const rt = /* @__PURE__ */ H(Tl, [["__scopeId", "data-v-0731cbef"]]), Vl = { class: "ck-table" }, Dl = {
+const ut = /* @__PURE__ */ j(Tl, [["__scopeId", "data-v-0731cbef"]]), Vl = { class: "ck-table" }, Dl = {
   key: 0,
   class: "ck-table__header"
 }, Ll = {
@@ -1389,10 +1398,10 @@ const rt = /* @__PURE__ */ H(Tl, [["__scopeId", "data-v-0731cbef"]]), Vl = { cla
 }, Pl = {
   key: 0,
   class: "selected-rows-actions"
-}, Ml = { class: "selected-rows-actions__left" }, Il = { key: 0 }, xl = { key: 0 }, Al = { key: 1 }, zl = {
+}, Ml = { class: "selected-rows-actions__left" }, xl = { key: 0 }, Il = { key: 0 }, Al = { key: 1 }, zl = {
   key: 4,
   class: "ck-table--mobile-container"
-}, De = "id", Rl = /* @__PURE__ */ z({
+}, De = "id", Rl = /* @__PURE__ */ O({
   __name: "ck-table",
   props: /* @__PURE__ */ ee({
     rows: {},
@@ -1426,9 +1435,9 @@ const rt = /* @__PURE__ */ H(Tl, [["__scopeId", "data-v-0731cbef"]]), Vl = { cla
   }),
   emits: /* @__PURE__ */ ee(["refreshList", "update:search", "update:currentPage"], ["update:selectedRows"]),
   setup(e, { emit: o }) {
-    const t = ge(e, "selectedRows"), l = e, n = o, { cleekOptions: a } = le(te()), { windowWidth: i } = he(), d = P({
+    const t = ge(e, "selectedRows"), l = e, n = o, { cleekOptions: a } = le(te()), { windowWidth: i } = he(), d = M({
       columnsManager: !1
-    }), s = c(() => !!t.value), p = c(() => typeof l.darkMode < "u" ? l.darkMode : a.value.darkMode), u = c(() => Math.ceil(l.listLength / l.itemsPerPage)), f = c(() => l.version ? l.version : a.value ? a.value.table.version : "default"), r = c(() => {
+    }), u = c(() => !!t.value), p = c(() => typeof l.darkMode < "u" ? l.darkMode : a.value.darkMode), r = c(() => Math.ceil(l.listLength / l.itemsPerPage)), f = c(() => l.version ? l.version : a.value ? a.value.table.version : "default"), s = c(() => {
       if (l.headerTextColor)
         return l.headerTextColor;
       if (a.value) {
@@ -1437,24 +1446,24 @@ const rt = /* @__PURE__ */ H(Tl, [["__scopeId", "data-v-0731cbef"]]), Vl = { cla
         if (p.value)
           return "#ccc";
       }
-    }), h = c(() => {
+    }), k = c(() => {
       if (l.headerBackgroundColor)
         return l.headerBackgroundColor;
       if (a.value)
         return a.value.table.headerBackgroundColor;
-    }), m = c(() => !k.value[k.value.length - 1].title), g = c(() => !Gt.isArray(l.columns || [])), b = c(() => {
+    }), m = c(() => !h.value[h.value.length - 1].title), g = c(() => !Gt.isArray(l.columns || [])), _ = c(() => {
       if (g.value) {
-        const F = Object.values(l.columns || []), ie = Object.keys(l.columns || []);
-        return F.forEach((B, x) => {
-          const X = ie[x];
-          B.name = X;
-        }), F;
+        const q = Object.values(l.columns || []), se = Object.keys(l.columns || []);
+        return q.forEach(($, A) => {
+          const Q = se[A];
+          $.name = Q;
+        }), q;
       }
       const T = [];
-      return (l.columns || []).forEach((F) => {
-        typeof F == "string" ? T.push({ title: F }) : T.push(F);
+      return (l.columns || []).forEach((q) => {
+        typeof q == "string" ? T.push({ title: q }) : T.push(q);
       }), T;
-    }), k = c(() => b.value.filter(L.isColumnDisplayed)), V = c({
+    }), h = c(() => _.value.filter(L.isColumnDisplayed)), V = c({
       // @ts-ignore
       get() {
         return l.search;
@@ -1462,183 +1471,183 @@ const rt = /* @__PURE__ */ H(Tl, [["__scopeId", "data-v-0731cbef"]]), Vl = { cla
       set(T) {
         n("update:search", T);
       }
-    }), W = c({
+    }), R = c({
       get() {
         return l.currentPage || 0;
       },
       set(T) {
         n("update:currentPage", T);
       }
-    }), _ = c(() => l.layout || a.value.styles.layout), D = c(() => i.value <= (+l.mobileMaxWidth || 0));
-    function R(T = !1) {
+    }), D = c(() => l.layout || a.value.styles.layout), B = c(() => i.value <= (+l.mobileMaxWidth || 0));
+    function P(T = !1) {
       n("refreshList", T);
     }
-    function K() {
+    function F() {
       g.value ? d.value.columnsManager = !0 : console.log("ERROR ck-table", "The columns list should be an object");
     }
-    const J = c(() => {
-      var ie;
+    const X = c(() => {
+      var se;
       const T = [];
-      return l.cellPadding && T.push(`table__cell-padding--${l.cellPadding}`), l.cellPaddingY && T.push(`table__cell-padding-y--${l.cellPaddingY}`), l.notFullWidth && T.push("not-full-width"), p.value && T.push("dark-mode"), (l.striped || ((ie = a.value.table) == null ? void 0 : ie.striped)) && T.push("striped-table"), T;
-    }), fe = c(() => {
-      const T = l.rows.map((F) => F[De]);
+      return l.cellPadding && T.push(`table__cell-padding--${l.cellPadding}`), l.cellPaddingY && T.push(`table__cell-padding-y--${l.cellPaddingY}`), l.notFullWidth && T.push("not-full-width"), p.value && T.push("dark-mode"), (l.striped || ((se = a.value.table) == null ? void 0 : se.striped)) && T.push("striped-table"), T;
+    }), ne = c(() => {
+      const T = l.rows.map((q) => q[De]);
       if (t.value.areAllRowsSelecteds(T))
         return !0;
       if (!t.value.isAnyRowsSelected(T))
         return !1;
     });
-    function Ce() {
-      const T = l.rows.map((F) => F[De]);
-      fe.value ? t.value.removeManyRows(T) : t.value.addManyRows(T);
+    function we() {
+      const T = l.rows.map((q) => q[De]);
+      ne.value ? t.value.removeManyRows(T) : t.value.addManyRows(T);
     }
-    return (T, F) => {
-      var oe, ne, pe, _e;
-      const ie = j("ck-checkbox"), B = j("ck-chip"), x = j("ck-button"), X = j("ck-th");
-      return v(), y(Z, null, [
+    return (T, q) => {
+      var oe, ae, ve, Ce;
+      const se = U("ck-checkbox"), $ = U("ck-chip"), A = U("ck-button"), Q = U("ck-th");
+      return v(), y(Y, null, [
         T.hasColumnsManager && g.value ? (v(), S(Bl, {
           key: 0,
           modelValue: d.value.columnsManager,
-          "onUpdate:modelValue": F[0] || (F[0] = (Y) => d.value.columnsManager = Y),
+          "onUpdate:modelValue": q[0] || (q[0] = (K) => d.value.columnsManager = K),
           isLoading: T.isLoading,
-          columnsArray: b.value,
+          columnsArray: _.value,
           columns: T.columns || []
-        }, null, 8, ["modelValue", "isLoading", "columnsArray", "columns"])) : w("", !0),
-        $("div", Vl, [
+        }, null, 8, ["modelValue", "isLoading", "columnsArray", "columns"])) : C("", !0),
+        w("div", Vl, [
           T.$slots.header || !T.hideHeaderActions ? (v(), y("div", Dl, [
-            U(il, {
+            G(il, {
               modelValue: V.value,
-              "onUpdate:modelValue": F[1] || (F[1] = (Y) => V.value = Y),
+              "onUpdate:modelValue": q[1] || (q[1] = (K) => V.value = K),
               hideHeaderActions: T.hideHeaderActions,
               hideRefreshBtn: T.hideRefreshBtn,
-              layout: _.value,
+              layout: D.value,
               version: f.value,
               isLoading: T.isLoading,
-              onRefreshList: F[2] || (F[2] = (Y) => R(Y))
+              onRefreshList: q[2] || (q[2] = (K) => P(K))
             }, {
-              headerActionsLeft: q(() => [
-                O(T.$slots, "headerActionsLeft", {}, void 0, !0)
+              headerActionsLeft: H(() => [
+                W(T.$slots, "headerActionsLeft", {}, void 0, !0)
               ]),
-              headerActionsRight: q(() => [
-                O(T.$slots, "headerActionsRight", {}, void 0, !0)
+              headerActionsRight: H(() => [
+                W(T.$slots, "headerActionsRight", {}, void 0, !0)
               ]),
               _: 3
             }, 8, ["modelValue", "hideHeaderActions", "hideRefreshBtn", "layout", "version", "isLoading"]),
             T.$slots.header ? (v(), y("div", {
               key: 0,
-              class: M(["ck-table__header--slot", { "full-width": T.hideHeaderActions }])
+              class: x(["ck-table__header--slot", { "full-width": T.hideHeaderActions }])
             }, [
-              O(T.$slots, "header", {}, void 0, !0)
-            ], 2)) : w("", !0)
-          ])) : w("", !0),
+              W(T.$slots, "header", {}, void 0, !0)
+            ], 2)) : C("", !0)
+          ])) : C("", !0),
           T.$slots.headerBottom ? (v(), y("div", Ll, [
-            O(T.$slots, "headerBottom", {}, void 0, !0)
-          ])) : w("", !0),
-          s.value || k.value.length && !(T.$slots.mobile && D.value) ? (v(), y("div", Sl, [
-            (ne = (oe = t.value) == null ? void 0 : oe.ids) != null && ne.size ? (v(), y("div", Pl, [
-              $("div", Ml, [
-                U(ie, {
+            W(T.$slots, "headerBottom", {}, void 0, !0)
+          ])) : C("", !0),
+          u.value || h.value.length && !(T.$slots.mobile && B.value) ? (v(), y("div", Sl, [
+            (ae = (oe = t.value) == null ? void 0 : oe.ids) != null && ae.size ? (v(), y("div", Pl, [
+              w("div", Ml, [
+                G(se, {
                   class: "main-checkbox",
                   usesThirdState: "",
                   size: "xs",
                   color: "#BABDBF",
-                  modelValue: fe.value,
-                  onClick: F[3] || (F[3] = (Y) => Ce())
+                  modelValue: ne.value,
+                  onClick: q[3] || (q[3] = (K) => we())
                 }, null, 8, ["modelValue"]),
-                U(B, {
+                G($, {
                   class: "nowrap cursor-pointer",
                   size: "s",
                   iconRight: "times",
-                  onClick: F[4] || (F[4] = (Y) => t.value.removeAll())
+                  onClick: q[4] || (q[4] = (K) => t.value.removeAll())
                 }, {
-                  default: q(() => [
-                    G(I(t.value.ids.size) + " seleccionado" + I(t.value.ids.size === 1 ? "" : "s"), 1)
+                  default: H(() => [
+                    Z(I(t.value.ids.size) + " seleccionado" + I(t.value.ids.size === 1 ? "" : "s"), 1)
                   ]),
                   _: 1
                 })
               ]),
-              O(T.$slots, "selectedRowsActions", {}, void 0, !0),
-              T.currentPage && u.value > 1 ? (v(), S(x, {
+              W(T.$slots, "selectedRowsActions", {}, void 0, !0),
+              T.currentPage && r.value > 1 ? (v(), S(A, {
                 key: 0,
                 size: "s",
                 color: "dark"
               }, {
-                default: q(() => F[9] || (F[9] = [
-                  G(" seleccionar todas las páginas ")
+                default: H(() => q[9] || (q[9] = [
+                  Z(" seleccionar todas las páginas ")
                 ])),
                 _: 1
-              })) : w("", !0)
-            ])) : w("", !0)
-          ])) : w("", !0),
-          D.value ? w("", !0) : (v(), y("div", {
+              })) : C("", !0)
+            ])) : C("", !0)
+          ])) : C("", !0),
+          B.value ? C("", !0) : (v(), y("div", {
             key: 3,
-            class: M(["ck-table__table-container", { "not-overflow": T.notOverflow }])
+            class: x(["ck-table__table-container", { "not-overflow": T.notOverflow }])
           }, [
-            $("table", {
-              class: M(["ck-table__table", J.value])
+            w("table", {
+              class: x(["ck-table__table", X.value])
             }, [
-              (_e = (pe = t.value) == null ? void 0 : pe.ids) != null && _e.size ? w("", !0) : (v(), y("thead", Il, [
-                $("tr", null, [
-                  s.value ? (v(), y("th", xl, [
-                    U(ie, {
+              (Ce = (ve = t.value) == null ? void 0 : ve.ids) != null && Ce.size ? C("", !0) : (v(), y("thead", xl, [
+                w("tr", null, [
+                  u.value ? (v(), y("th", Il, [
+                    G(se, {
                       class: "main-checkbox",
                       usesThirdState: "",
                       size: "xs",
                       color: "#BABDBF",
-                      modelValue: fe.value,
-                      onClick: F[5] || (F[5] = (Y) => Ce())
+                      modelValue: ne.value,
+                      onClick: q[5] || (q[5] = (K) => we())
                     }, null, 8, ["modelValue"])
-                  ])) : w("", !0),
-                  (v(!0), y(Z, null, ce(k.value, (Y, Be) => (v(), S(X, {
-                    align: Y.align,
-                    "min-width": Y.minWidth,
-                    textColor: r.value,
-                    backgroundColor: h.value
+                  ])) : C("", !0),
+                  (v(!0), y(Y, null, de(h.value, (K, Be) => (v(), S(Q, {
+                    align: K.align,
+                    "min-width": K.minWidth,
+                    textColor: s.value,
+                    backgroundColor: k.value
                   }, {
-                    default: q(() => [
-                      G(I(Y.title) + " ", 1),
-                      Be === k.value.length - 1 && T.hasColumnsManager ? (v(), y("div", {
+                    default: H(() => [
+                      Z(I(K.title) + " ", 1),
+                      Be === h.value.length - 1 && T.hasColumnsManager ? (v(), y("div", {
                         key: 0,
                         style: E(m.value ? "" : { "margin-left": "auto", "padding-left": "1rem" })
                       }, [
-                        U(No, {
+                        G(No, {
                           layout: T.layout,
-                          onClick: F[6] || (F[6] = (Fe) => K())
+                          onClick: q[6] || (q[6] = (Fe) => F())
                         }, null, 8, ["layout"])
-                      ], 4)) : w("", !0)
+                      ], 4)) : C("", !0)
                     ]),
                     _: 2
                   }, 1032, ["align", "min-width", "textColor", "backgroundColor"]))), 256))
                 ])
               ])),
-              $("tbody", null, [
-                O(T.$slots, "default", {}, void 0, !0),
-                O(T.$slots, "desktop", {}, void 0, !0),
-                (v(!0), y(Z, null, ce(T.rows, (Y, Be) => (v(), S(_t, {
-                  key: Y[De]
+              w("tbody", null, [
+                W(T.$slots, "default", {}, void 0, !0),
+                W(T.$slots, "desktop", {}, void 0, !0),
+                (v(!0), y(Y, null, de(T.rows, (K, Be) => (v(), S(_t, {
+                  key: K[De]
                 }, {
-                  default: q(() => [
-                    s.value ? (v(), S(bt, {
+                  default: H(() => [
+                    u.value ? (v(), S(bt, {
                       key: 0,
                       autoWidth: ""
                     }, {
-                      default: q(() => [
-                        U(ie, {
+                      default: H(() => [
+                        G(se, {
                           size: "xs",
                           color: "#BABDBF",
-                          modelValue: t.value.isRowSelected(Y[De]),
-                          onClick: (Fe) => t.value.switchValue(Y[De])
+                          modelValue: t.value.isRowSelected(K[De]),
+                          onClick: (Fe) => t.value.switchValue(K[De])
                         }, null, 8, ["modelValue", "onClick"])
                       ]),
                       _: 2
-                    }, 1024)) : w("", !0),
-                    O(T.$slots, "row", {
-                      row: Y,
+                    }, 1024)) : C("", !0),
+                    W(T.$slots, "row", {
+                      row: K,
                       rowIndex: Be
                     }, void 0, !0)
                   ]),
                   _: 2
                 }, 1024))), 128)),
-                U(rt, {
+                G(ut, {
                   listLength: T.listLength,
                   isLoading: T.isLoading,
                   loadingText: T.loadingText,
@@ -1646,43 +1655,43 @@ const rt = /* @__PURE__ */ H(Tl, [["__scopeId", "data-v-0731cbef"]]), Vl = { cla
                 }, null, 8, ["listLength", "isLoading", "loadingText", "noResultsText"])
               ]),
               T.$slots.footer ? (v(), y("tfoot", Al, [
-                O(T.$slots, "footer", {}, void 0, !0)
-              ])) : w("", !0)
+                W(T.$slots, "footer", {}, void 0, !0)
+              ])) : C("", !0)
             ], 2)
           ], 2)),
-          D.value ? (v(), y("div", zl, [
-            O(T.$slots, "mobile", {}, void 0, !0),
-            U(rt, {
+          B.value ? (v(), y("div", zl, [
+            W(T.$slots, "mobile", {}, void 0, !0),
+            G(ut, {
               listLength: T.listLength,
               isLoading: T.isLoading,
               loadingText: T.loadingText,
               noResultsText: T.noResultsText
             }, null, 8, ["listLength", "isLoading", "loadingText", "noResultsText"])
-          ])) : w("", !0),
-          U(qo, {
+          ])) : C("", !0),
+          G(qo, {
             currentPage: T.currentPage,
             itemsPerPage: T.itemsPerPage,
             hideItemsPerPage: T.hideItemsPerPage,
             listLength: T.listLength
           }, null, 8, ["currentPage", "itemsPerPage", "hideItemsPerPage", "listLength"]),
-          T.currentPage && u.value > 1 ? (v(), S(vl, {
+          T.currentPage && r.value > 1 ? (v(), S(vl, {
             key: 5,
-            currentPage: W.value,
-            "onUpdate:currentPage": F[7] || (F[7] = (Y) => W.value = Y),
+            currentPage: R.value,
+            "onUpdate:currentPage": q[7] || (q[7] = (K) => R.value = K),
             class: "ck-table__pagination",
-            totalPages: u.value,
+            totalPages: r.value,
             itemsPerPage: T.itemsPerPage,
             listLength: T.listLength,
             align: T.paginationAlign,
-            layout: _.value,
-            onRefreshList: F[8] || (F[8] = (Y) => R(!0))
-          }, null, 8, ["currentPage", "totalPages", "itemsPerPage", "listLength", "align", "layout"])) : w("", !0)
+            layout: D.value,
+            onRefreshList: q[8] || (q[8] = (K) => P(!0))
+          }, null, 8, ["currentPage", "totalPages", "itemsPerPage", "listLength", "align", "layout"])) : C("", !0)
         ])
       ], 64);
     };
   }
 });
-const Ol = /* @__PURE__ */ H(Rl, [["__scopeId", "data-v-5239bdd8"]]), Wl = /* @__PURE__ */ z({
+const Ol = /* @__PURE__ */ j(Rl, [["__scopeId", "data-v-5239bdd8"]]), Wl = /* @__PURE__ */ O({
   __name: "ck-pagination",
   props: {
     modelValue: {},
@@ -1701,35 +1710,35 @@ const Ol = /* @__PURE__ */ H(Rl, [["__scopeId", "data-v-5239bdd8"]]), Wl = /* @_
       get() {
         return t.modelValue;
       },
-      set(b) {
-        l("update:modelValue", b);
+      set(_) {
+        l("update:modelValue", _);
       }
     }), i = c(() => {
-      const b = [];
-      return t.align && b.push(`align--${t.align}`), b;
+      const _ = [];
+      return t.align && _.push(`align--${t.align}`), _;
     }), d = c(() => {
-      const b = t.btnType || n.value.button.type;
-      return b.toLowerCase() === "filled" ? "outlined" : b;
-    }), s = c(() => t.btnLayout || n.value.styles.layout), p = c(() => t.maxStep === 1 || d.value === "flat" ? "" : "center"), u = c(() => d.value === "flat" ? "" : "left"), f = c(() => d.value === "flat" ? "" : "right"), r = c(() => a.value === 1 ? t.iconDisableLeft ? t.iconDisableLeft : "grip-lines-vertical" : t.iconArrowLeft ? t.iconArrowLeft : "arrow-left"), h = c(() => a.value === t.maxStep ? t.iconDisableRight ? t.iconDisableRight : "grip-lines-vertical" : t.iconArrowRight ? t.iconArrowRight : "arrow-right");
+      const _ = t.btnType || n.value.button.type;
+      return _.toLowerCase() === "filled" ? "outlined" : _;
+    }), u = c(() => t.btnLayout || n.value.styles.layout), p = c(() => t.maxStep === 1 || d.value === "flat" ? "" : "center"), r = c(() => d.value === "flat" ? "" : "left"), f = c(() => d.value === "flat" ? "" : "right"), s = c(() => a.value === 1 ? t.iconDisableLeft ? t.iconDisableLeft : "grip-lines-vertical" : t.iconArrowLeft ? t.iconArrowLeft : "arrow-left"), k = c(() => a.value === t.maxStep ? t.iconDisableRight ? t.iconDisableRight : "grip-lines-vertical" : t.iconArrowRight ? t.iconArrowRight : "arrow-right");
     function m() {
       a.value <= 1 || (a.value = a.value - 1);
     }
     function g() {
       a.value >= t.maxStep || (a.value = a.value + 1);
     }
-    return (b, k) => {
-      const V = j("ck-button");
+    return (_, h) => {
+      const V = U("ck-button");
       return v(), y("div", {
-        class: M(["ck-pagination", i.value])
+        class: x(["ck-pagination", i.value])
       }, [
-        U(V, {
+        G(V, {
           width: "42px",
           align: "center",
-          group: u.value,
+          group: r.value,
           type: d.value,
-          layout: s.value,
-          icon: r.value,
-          onClick: k[0] || (k[0] = (W) => m())
+          layout: u.value,
+          icon: s.value,
+          onClick: h[0] || (h[0] = (R) => m())
         }, null, 8, ["group", "type", "layout", "icon"]),
         a.value - 2 >= 1 ? (v(), S(V, {
           key: 0,
@@ -1737,82 +1746,82 @@ const Ol = /* @__PURE__ */ H(Rl, [["__scopeId", "data-v-5239bdd8"]]), Wl = /* @_
           align: "center",
           group: p.value,
           type: d.value,
-          layout: s.value,
-          onClick: k[1] || (k[1] = (W) => a.value = a.value - 2)
+          layout: u.value,
+          onClick: h[1] || (h[1] = (R) => a.value = a.value - 2)
         }, {
-          default: q(() => [
-            G(I(a.value - 2), 1)
+          default: H(() => [
+            Z(I(a.value - 2), 1)
           ]),
           _: 1
-        }, 8, ["group", "type", "layout"])) : w("", !0),
+        }, 8, ["group", "type", "layout"])) : C("", !0),
         a.value - 1 >= 1 ? (v(), S(V, {
           key: 1,
           width: "42px",
           align: "center",
           group: p.value,
           type: d.value,
-          layout: s.value,
-          onClick: k[2] || (k[2] = (W) => a.value = a.value - 1)
+          layout: u.value,
+          onClick: h[2] || (h[2] = (R) => a.value = a.value - 1)
         }, {
-          default: q(() => [
-            G(I(a.value - 1), 1)
+          default: H(() => [
+            Z(I(a.value - 1), 1)
           ]),
           _: 1
-        }, 8, ["group", "type", "layout"])) : w("", !0),
-        U(V, {
+        }, 8, ["group", "type", "layout"])) : C("", !0),
+        G(V, {
           type: "filled",
           width: "42px",
           align: "center",
           group: p.value,
-          layout: s.value
+          layout: u.value
         }, {
-          default: q(() => [
-            G(I(a.value), 1)
+          default: H(() => [
+            Z(I(a.value), 1)
           ]),
           _: 1
         }, 8, ["group", "layout"]),
-        a.value + 1 <= b.maxStep ? (v(), S(V, {
+        a.value + 1 <= _.maxStep ? (v(), S(V, {
           key: 2,
           width: "42px",
           align: "center",
           group: p.value,
           type: d.value,
-          layout: s.value,
-          onClick: k[3] || (k[3] = (W) => a.value = a.value + 1)
+          layout: u.value,
+          onClick: h[3] || (h[3] = (R) => a.value = a.value + 1)
         }, {
-          default: q(() => [
-            G(I(a.value + 1), 1)
+          default: H(() => [
+            Z(I(a.value + 1), 1)
           ]),
           _: 1
-        }, 8, ["group", "type", "layout"])) : w("", !0),
-        a.value + 2 <= b.maxStep ? (v(), S(V, {
+        }, 8, ["group", "type", "layout"])) : C("", !0),
+        a.value + 2 <= _.maxStep ? (v(), S(V, {
           key: 3,
           group: "center",
           width: "42px",
           align: "center",
           type: d.value,
-          layout: s.value,
-          onClick: k[4] || (k[4] = (W) => a.value = a.value + 2)
+          layout: u.value,
+          onClick: h[4] || (h[4] = (R) => a.value = a.value + 2)
         }, {
-          default: q(() => [
-            G(I(a.value + 2), 1)
+          default: H(() => [
+            Z(I(a.value + 2), 1)
           ]),
           _: 1
-        }, 8, ["type", "layout"])) : w("", !0),
-        U(V, {
+        }, 8, ["type", "layout"])) : C("", !0),
+        G(V, {
           width: "42px",
           align: "center",
           group: f.value,
           type: d.value,
-          layout: s.value,
-          icon: h.value,
-          onClick: k[5] || (k[5] = (W) => g())
+          layout: u.value,
+          icon: k.value,
+          onClick: h[5] || (h[5] = (R) => g())
         }, null, 8, ["group", "type", "layout", "icon"])
       ], 2);
     };
   }
 });
-const Nl = { class: "ck-th" }, El = "left", Fl = /* @__PURE__ */ z({
+const Nl = { class: "ck-th" }, El = "left", Fl = /* @__PURE__ */ O({
   __name: "ck-th",
   props: {
     align: {},
@@ -1829,16 +1838,16 @@ const Nl = { class: "ck-th" }, El = "left", Fl = /* @__PURE__ */ z({
       return o.minWidth && n.push({ "min-width": o.minWidth }), o.textColor && !L.isColorTemplateVariable(o.textColor) && n.push({ color: o.textColor || "white" }), o.backgroundColor && !L.isColorTemplateVariable(o.backgroundColor) && n.push({ backgroundColor: o.backgroundColor }), n;
     });
     return (n, a) => (v(), y("th", Nl, [
-      $("span", {
-        class: M(t.value),
+      w("span", {
+        class: x(t.value),
         style: E(l.value)
       }, [
-        O(n.$slots, "default", {}, void 0, !0)
+        W(n.$slots, "default", {}, void 0, !0)
       ], 6)
     ]));
   }
 });
-const ql = /* @__PURE__ */ H(Fl, [["__scopeId", "data-v-0c92c654"]]);
+const ql = /* @__PURE__ */ j(Fl, [["__scopeId", "data-v-0c92c654"]]);
 (function() {
   try {
     if (typeof document < "u") {
@@ -1849,9 +1858,9 @@ const ql = /* @__PURE__ */ H(Fl, [["__scopeId", "data-v-0c92c654"]]);
     console.error("vite-plugin-css-injected-by-js", o);
   }
 })();
-const Hl = ["year", "month", "day", "time", "custom"], jl = z({
+const Hl = ["year", "month", "day", "time", "custom"], jl = O({
   emits: {
-    elementClick: (e) => de(e),
+    elementClick: (e) => pe(e),
     left: () => !0,
     right: () => !0,
     heading: () => !0
@@ -1888,116 +1897,116 @@ const Hl = ["year", "month", "day", "time", "custom"], jl = z({
   for (const [l, n] of o)
     t[l] = n;
   return t;
-}, et = (e) => (Ot("data-v-65eb861b"), e = e(), Wt(), e), Ul = { class: "v3dp__heading" }, Gl = ["disabled"], Zl = /* @__PURE__ */ et(() => /* @__PURE__ */ $("svg", {
+}, tt = (e) => (Ot("data-v-65eb861b"), e = e(), Wt(), e), Ul = { class: "v3dp__heading" }, Gl = ["disabled"], Zl = /* @__PURE__ */ tt(() => /* @__PURE__ */ w("svg", {
   class: "v3dp__heading__icon",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 6 8"
 }, [
-  /* @__PURE__ */ $("g", {
+  /* @__PURE__ */ w("g", {
     fill: "none",
     "fill-rule": "evenodd"
   }, [
-    /* @__PURE__ */ $("path", {
+    /* @__PURE__ */ w("path", {
       stroke: "none",
       d: "M-9 16V-8h24v24z"
     }),
-    /* @__PURE__ */ $("path", {
+    /* @__PURE__ */ w("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M5 0L1 4l4 4"
     })
   ])
-], -1)), Yl = ["disabled"], Kl = /* @__PURE__ */ et(() => /* @__PURE__ */ $("svg", {
+], -1)), Yl = ["disabled"], Kl = /* @__PURE__ */ tt(() => /* @__PURE__ */ w("svg", {
   class: "v3dp__heading__icon",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 6 8"
 }, [
-  /* @__PURE__ */ $("g", {
+  /* @__PURE__ */ w("g", {
     fill: "none",
     "fill-rule": "evenodd"
   }, [
-    /* @__PURE__ */ $("path", {
+    /* @__PURE__ */ w("path", {
       stroke: "none",
       d: "M15-8v24H-9V-8z"
     }),
-    /* @__PURE__ */ $("path", {
+    /* @__PURE__ */ w("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M1 8l4-4-4-4"
     })
   ])
-], -1)), Jl = { class: "v3dp__body" }, Ql = { class: "v3dp__subheading" }, Xl = /* @__PURE__ */ et(() => /* @__PURE__ */ $("hr", { class: "v3dp__divider" }, null, -1)), en = { class: "v3dp__elements" }, tn = ["disabled", "onClick"];
+], -1)), Jl = { class: "v3dp__body" }, Ql = { class: "v3dp__subheading" }, Xl = /* @__PURE__ */ tt(() => /* @__PURE__ */ w("hr", { class: "v3dp__divider" }, null, -1)), en = { class: "v3dp__elements" }, tn = ["disabled", "onClick"];
 function on(e, o, t, l, n, a) {
   return v(), y("div", {
-    class: M(["v3dp__popout", `v3dp__popout-${e.viewMode}`]),
+    class: x(["v3dp__popout", `v3dp__popout-${e.viewMode}`]),
     style: E({ "--popout-column-definition": `repeat(${e.columnCount}, 1fr)` }),
-    onMousedown: o[3] || (o[3] = se(() => {
+    onMousedown: o[3] || (o[3] = re(() => {
     }, ["prevent"]))
   }, [
-    $("div", Ul, [
-      $("button", {
+    w("div", Ul, [
+      w("button", {
         class: "v3dp__heading__button v3dp__heading__button__left",
         disabled: e.leftDisabled,
-        onClick: o[0] || (o[0] = se((i) => e.$emit("left"), ["stop", "prevent"]))
+        onClick: o[0] || (o[0] = re((i) => e.$emit("left"), ["stop", "prevent"]))
       }, [
-        O(e.$slots, "arrow-left", {}, () => [
+        W(e.$slots, "arrow-left", {}, () => [
           Zl
         ], !0)
       ], 8, Gl),
       (v(), S(Rt(e.headingClickable ? "button" : "span"), {
         class: "v3dp__heading__center",
-        onClick: o[1] || (o[1] = se((i) => e.$emit("heading"), ["stop", "prevent"]))
+        onClick: o[1] || (o[1] = re((i) => e.$emit("heading"), ["stop", "prevent"]))
       }, {
-        default: q(() => [
-          O(e.$slots, "heading", {}, void 0, !0)
+        default: H(() => [
+          W(e.$slots, "heading", {}, void 0, !0)
         ]),
         _: 3
       })),
-      $("button", {
+      w("button", {
         class: "v3dp__heading__button v3dp__heading__button__right",
         disabled: e.rightDisabled,
-        onClick: o[2] || (o[2] = se((i) => e.$emit("right"), ["stop", "prevent"]))
+        onClick: o[2] || (o[2] = re((i) => e.$emit("right"), ["stop", "prevent"]))
       }, [
-        O(e.$slots, "arrow-right", {}, () => [
+        W(e.$slots, "arrow-right", {}, () => [
           Kl
         ], !0)
       ], 8, Yl)
     ]),
-    $("div", Jl, [
-      "subheading" in e.$slots ? (v(), y(Z, { key: 0 }, [
-        $("div", Ql, [
-          O(e.$slots, "subheading", {}, void 0, !0)
+    w("div", Jl, [
+      "subheading" in e.$slots ? (v(), y(Y, { key: 0 }, [
+        w("div", Ql, [
+          W(e.$slots, "subheading", {}, void 0, !0)
         ]),
         Xl
-      ], 64)) : w("", !0),
-      $("div", en, [
-        O(e.$slots, "body", {}, () => [
-          (v(!0), y(Z, null, ce(e.items, (i) => (v(), y("button", {
+      ], 64)) : C("", !0),
+      w("div", en, [
+        W(e.$slots, "body", {}, () => [
+          (v(!0), y(Y, null, de(e.items, (i) => (v(), y("button", {
             key: i.key,
             disabled: i.disabled,
-            class: M([
+            class: x([
               {
                 selected: i.selected,
                 current: i.current
               },
               `v3dp__element__button__${e.viewMode}`
             ]),
-            onClick: se((d) => e.$emit("elementClick", i.value), ["stop", "prevent"])
+            onClick: re((d) => e.$emit("elementClick", i.value), ["stop", "prevent"])
           }, [
-            $("span", null, I(i.display), 1)
+            w("span", null, I(i.display), 1)
           ], 10, tn))), 128))
         ], !0)
       ])
     ])
   ], 38);
 }
-const Ee = /* @__PURE__ */ Te(jl, [["render", on], ["__scopeId", "data-v-65eb861b"]]), ln = z({
+const Ee = /* @__PURE__ */ Te(jl, [["render", on], ["__scopeId", "data-v-65eb861b"]]), ln = O({
   components: {
     PickerPopup: Ee
   },
   emits: {
-    "update:pageDate": (e) => de(e),
-    select: (e) => de(e)
+    "update:pageDate": (e) => pe(e),
+    select: (e) => pe(e)
   },
   props: {
     selected: {
@@ -2018,39 +2027,39 @@ const Ee = /* @__PURE__ */ Te(jl, [["render", on], ["__scopeId", "data-v-65eb861
     }
   },
   setup(e, { emit: o }) {
-    const t = c(() => Yt(e.pageDate)), l = c(() => Kt(e.pageDate)), n = (p, u, f) => !u && !f ? !0 : !(u && ve(p) < ve(u) || f && ve(p) > ve(f)), a = c(
+    const t = c(() => Yt(e.pageDate)), l = c(() => Kt(e.pageDate)), n = (p, r, f) => !r && !f ? !0 : !(r && fe(p) < fe(r) || f && fe(p) > fe(f)), a = c(
       () => Jt({
         start: t.value,
         end: l.value
       }).map(
         (p) => ({
           value: p,
-          key: String(ve(p)),
-          display: ve(p),
-          selected: !!e.selected && ve(p) === ve(e.selected),
+          key: String(fe(p)),
+          display: fe(p),
+          selected: !!e.selected && fe(p) === fe(e.selected),
           disabled: !n(p, e.lowerLimit, e.upperLimit)
         })
       )
     ), i = c(() => {
-      const p = ve(t.value), u = ve(l.value);
-      return `${p} - ${u}`;
+      const p = fe(t.value), r = fe(l.value);
+      return `${p} - ${r}`;
     }), d = c(
-      () => e.lowerLimit && (xe(e.lowerLimit) === xe(e.pageDate) || Le(e.pageDate, e.lowerLimit))
-    ), s = c(
-      () => e.upperLimit && (xe(e.upperLimit) === xe(e.pageDate) || Se(e.pageDate, e.upperLimit))
+      () => e.lowerLimit && (Ie(e.lowerLimit) === Ie(e.pageDate) || Le(e.pageDate, e.lowerLimit))
+    ), u = c(
+      () => e.upperLimit && (Ie(e.upperLimit) === Ie(e.pageDate) || Se(e.pageDate, e.upperLimit))
     );
     return {
       years: a,
       heading: i,
       leftDisabled: d,
-      rightDisabled: s,
+      rightDisabled: u,
       previousPage: () => o("update:pageDate", ft(e.pageDate, 10)),
       nextPage: () => o("update:pageDate", mt(e.pageDate, 10))
     };
   }
 });
 function nn(e, o, t, l, n, a) {
-  const i = j("picker-popup");
+  const i = U("picker-popup");
   return v(), S(i, {
     columnCount: 3,
     leftDisabled: e.leftDisabled,
@@ -2061,19 +2070,19 @@ function nn(e, o, t, l, n, a) {
     onRight: e.nextPage,
     onElementClick: o[0] || (o[0] = (d) => e.$emit("select", d))
   }, {
-    heading: q(() => [
-      G(I(e.heading), 1)
+    heading: H(() => [
+      Z(I(e.heading), 1)
     ]),
     _: 1
   }, 8, ["leftDisabled", "rightDisabled", "items", "onLeft", "onRight"]);
 }
-const an = /* @__PURE__ */ Te(ln, [["render", nn]]), sn = z({
+const an = /* @__PURE__ */ Te(ln, [["render", nn]]), sn = O({
   components: {
     PickerPopup: Ee
   },
   emits: {
-    "update:pageDate": (e) => de(e),
-    select: (e) => de(e),
+    "update:pageDate": (e) => pe(e),
+    select: (e) => pe(e),
     back: () => !0
   },
   props: {
@@ -2108,31 +2117,31 @@ const an = /* @__PURE__ */ Te(ln, [["render", nn]]), sn = z({
   },
   setup(e, { emit: o }) {
     const t = c(() => Qt(e.pageDate)), l = c(() => Xt(e.pageDate)), n = c(
-      () => (u) => Re(u, e.format, {
+      () => (r) => Re(r, e.format, {
         locale: e.locale
       })
-    ), a = (u, f, r) => !f && !r ? !0 : !(f && Le(u, gt(f)) || r && Se(u, ht(r))), i = c(
+    ), a = (r, f, s) => !f && !s ? !0 : !(f && Le(r, gt(f)) || s && Se(r, ht(s))), i = c(
       () => eo({
         start: t.value,
         end: l.value
       }).map(
-        (u) => ({
-          value: u,
-          display: n.value(u),
-          key: n.value(u),
-          selected: !!e.selected && Ke(e.selected, u),
-          disabled: !a(u, e.lowerLimit, e.upperLimit)
+        (r) => ({
+          value: r,
+          display: n.value(r),
+          key: n.value(r),
+          selected: !!e.selected && Ke(e.selected, r),
+          disabled: !a(r, e.lowerLimit, e.upperLimit)
         })
       )
-    ), d = c(() => ve(t.value)), s = c(
-      () => e.lowerLimit && (ot(e.lowerLimit, e.pageDate) || Le(e.pageDate, e.lowerLimit))
+    ), d = c(() => fe(t.value)), u = c(
+      () => e.lowerLimit && (lt(e.lowerLimit, e.pageDate) || Le(e.pageDate, e.lowerLimit))
     ), p = c(
-      () => e.upperLimit && (ot(e.upperLimit, e.pageDate) || Se(e.pageDate, e.upperLimit))
+      () => e.upperLimit && (lt(e.upperLimit, e.pageDate) || Se(e.pageDate, e.upperLimit))
     );
     return {
       months: i,
       heading: d,
-      leftDisabled: s,
+      leftDisabled: u,
       rightDisabled: p,
       previousPage: () => o("update:pageDate", ft(e.pageDate, 1)),
       nextPage: () => o("update:pageDate", mt(e.pageDate, 1))
@@ -2140,7 +2149,7 @@ const an = /* @__PURE__ */ Te(ln, [["render", nn]]), sn = z({
   }
 });
 function rn(e, o, t, l, n, a) {
-  const i = j("picker-popup");
+  const i = U("picker-popup");
   return v(), S(i, {
     headingClickable: "",
     columnCount: 3,
@@ -2153,19 +2162,19 @@ function rn(e, o, t, l, n, a) {
     onHeading: o[0] || (o[0] = (d) => e.$emit("back")),
     onElementClick: o[1] || (o[1] = (d) => e.$emit("select", d))
   }, {
-    heading: q(() => [
-      G(I(e.heading), 1)
+    heading: H(() => [
+      Z(I(e.heading), 1)
     ]),
     _: 1
   }, 8, ["items", "leftDisabled", "rightDisabled", "onLeft", "onRight"]);
 }
-const un = /* @__PURE__ */ Te(sn, [["render", rn]]), cn = z({
+const un = /* @__PURE__ */ Te(sn, [["render", rn]]), cn = O({
   components: {
     PickerPopup: Ee
   },
   emits: {
-    "update:pageDate": (e) => de(e),
-    select: (e) => de(e),
+    "update:pageDate": (e) => pe(e),
+    select: (e) => pe(e),
     back: () => !0
   },
   props: {
@@ -2222,7 +2231,7 @@ const un = /* @__PURE__ */ Te(sn, [["render", rn]]), cn = z({
   },
   setup(e, { emit: o }) {
     const t = c(
-      () => (h) => (m) => Re(m, h, {
+      () => (k) => (m) => Re(m, k, {
         locale: e.locale,
         weekStartsOn: e.weekStartsOn
       })
@@ -2237,24 +2246,24 @@ const un = /* @__PURE__ */ Te(sn, [["render", rn]]), cn = z({
         weekStartsOn: e.weekStartsOn
       })
     })), d = c(() => {
-      const h = e.weekStartsOn, m = t.value(e.weekdayFormat);
-      return Array.from(Array(7)).map((g, b) => (h + b) % 7).map(
+      const k = e.weekStartsOn, m = t.value(e.weekdayFormat);
+      return Array.from(Array(7)).map((g, _) => (k + _) % 7).map(
         (g) => lo(/* @__PURE__ */ new Date(), g, {
           weekStartsOn: e.weekStartsOn
         })
       ).map(m);
-    }), s = (h, m, g, b) => {
-      var k, V;
-      return (k = b == null ? void 0 : b.dates) != null && k.some((W) => Ge(h, W)) || (V = b == null ? void 0 : b.predicate) != null && V.call(b, h) ? !1 : !m && !g ? !0 : !(m && Le(h, co(m)) || g && Se(h, po(g)));
+    }), u = (k, m, g, _) => {
+      var h, V;
+      return (h = _ == null ? void 0 : _.dates) != null && h.some((R) => Ge(k, R)) || (V = _ == null ? void 0 : _.predicate) != null && V.call(_, k) ? !1 : !m && !g ? !0 : !(m && Le(k, co(m)) || g && Se(k, po(g)));
     }, p = c(() => {
-      const h = /* @__PURE__ */ new Date(), m = t.value(e.format);
+      const k = /* @__PURE__ */ new Date(), m = t.value(e.format);
       return no(i.value).map(
         (g) => ({
           value: g,
           display: m(g),
           selected: !!e.selected && Ge(e.selected, g),
-          current: Ge(h, g),
-          disabled: !e.allowOutsideInterval && !ao(g, a.value) || !s(
+          current: Ge(k, g),
+          disabled: !e.allowOutsideInterval && !ao(g, a.value) || !u(
             g,
             e.lowerLimit,
             e.upperLimit,
@@ -2263,26 +2272,26 @@ const un = /* @__PURE__ */ Te(sn, [["render", rn]]), cn = z({
           key: t.value("yyyy-MM-dd")(g)
         })
       );
-    }), u = c(
+    }), r = c(
       () => t.value(e.headingFormat)(e.pageDate)
     ), f = c(
       () => e.lowerLimit && (Ke(e.lowerLimit, e.pageDate) || Le(e.pageDate, e.lowerLimit))
-    ), r = c(
+    ), s = c(
       () => e.upperLimit && (Ke(e.upperLimit, e.pageDate) || Se(e.pageDate, e.upperLimit))
     );
     return {
       weekDays: d,
       days: p,
-      heading: u,
+      heading: r,
       leftDisabled: f,
-      rightDisabled: r,
+      rightDisabled: s,
       previousPage: () => o("update:pageDate", io(e.pageDate, 1)),
       nextPage: () => o("update:pageDate", so(e.pageDate, 1))
     };
   }
 });
 function dn(e, o, t, l, n, a) {
-  const i = j("picker-popup");
+  const i = U("picker-popup");
   return v(), S(i, {
     headingClickable: "",
     leftDisabled: e.leftDisabled,
@@ -2294,20 +2303,20 @@ function dn(e, o, t, l, n, a) {
     onHeading: o[0] || (o[0] = (d) => e.$emit("back")),
     onElementClick: o[1] || (o[1] = (d) => e.$emit("select", d))
   }, {
-    heading: q(() => [
-      G(I(e.heading), 1)
+    heading: H(() => [
+      Z(I(e.heading), 1)
     ]),
-    subheading: q(() => [
-      (v(!0), y(Z, null, ce(e.weekDays, (d, s) => (v(), y("span", {
+    subheading: H(() => [
+      (v(!0), y(Y, null, de(e.weekDays, (d, u) => (v(), y("span", {
         key: d,
-        class: M(`v3dp__subheading__weekday__${s}`)
+        class: x(`v3dp__subheading__weekday__${u}`)
       }, I(d), 3))), 128))
     ]),
     _: 1
   }, 8, ["leftDisabled", "rightDisabled", "items", "onLeft", "onRight"]);
 }
 const pn = /* @__PURE__ */ Te(cn, [["render", dn]]);
-function ut(e, o) {
+function ct(e, o) {
   const t = e.getBoundingClientRect(), l = {
     height: e.clientHeight,
     width: e.clientWidth
@@ -2317,12 +2326,12 @@ function ut(e, o) {
     Math.abs(a) < Math.abs(i) ? e.scrollTop += a : e.scrollTop += i;
   }
 }
-const vn = z({
+const vn = O({
   components: {
     PickerPopup: Ee
   },
   emits: {
-    select: (e) => de(e),
+    select: (e) => pe(e),
     back: () => !0
   },
   props: {
@@ -2344,58 +2353,58 @@ const vn = z({
     }
   },
   setup(e, { emit: o }) {
-    const t = P(null), l = P(null), n = c(() => e.pageDate ?? e.selected), a = P(n.value.getHours()), i = P(n.value.getMinutes());
-    ue(
+    const t = M(null), l = M(null), n = c(() => e.pageDate ?? e.selected), a = M(n.value.getHours()), i = M(n.value.getMinutes());
+    ce(
       () => e.selected,
       (f) => {
-        let r = 0, h = 0;
-        f && (r = f.getHours(), h = f.getMinutes()), a.value = r, i.value = h;
+        let s = 0, k = 0;
+        f && (s = f.getHours(), k = f.getMinutes()), a.value = s, i.value = k;
       }
     );
     const d = c(
       () => [...Array(24).keys()].map(
         (f) => ({
           value: f,
-          date: lt(new Date(n.value.getTime()), {
+          date: nt(new Date(n.value.getTime()), {
             hours: f,
             minutes: i.value,
             seconds: 0
           }),
           selected: a.value === f,
-          ref: P(null)
+          ref: M(null)
         })
       )
-    ), s = c(
+    ), u = c(
       () => [...Array(60).keys()].map((f) => ({
         value: f,
-        date: lt(new Date(n.value.getTime()), {
+        date: nt(new Date(n.value.getTime()), {
           hours: a.value,
           minutes: f,
           seconds: 0
         }),
         selected: i.value === f,
-        ref: P(null)
+        ref: M(null)
       }))
     ), p = (f) => {
       i.value = f.value, o("select", f.date);
-    }, u = () => {
+    }, r = () => {
       const f = d.value.find(
-        (h) => {
+        (k) => {
           var m, g;
-          return ((g = (m = h.ref.value) == null ? void 0 : m.classList) == null ? void 0 : g.contains("selected")) ?? !1;
+          return ((g = (m = k.ref.value) == null ? void 0 : m.classList) == null ? void 0 : g.contains("selected")) ?? !1;
         }
-      ), r = s.value.find(
-        (h) => {
+      ), s = u.value.find(
+        (k) => {
           var m, g;
-          return ((g = (m = h.ref.value) == null ? void 0 : m.classList) == null ? void 0 : g.contains("selected")) ?? !1;
+          return ((g = (m = k.ref.value) == null ? void 0 : m.classList) == null ? void 0 : g.contains("selected")) ?? !1;
         }
       );
-      f && r && (ut(t.value, f.ref.value), ut(l.value, r.ref.value));
+      f && s && (ct(t.value, f.ref.value), ct(l.value, s.ref.value));
     };
-    return ue(
+    return ce(
       () => e.visible,
       (f) => {
-        f && pt(u);
+        f && vt(r);
       }
     ), {
       hoursListRef: t,
@@ -2403,16 +2412,16 @@ const vn = z({
       hours: a,
       minutes: i,
       hoursList: d,
-      minutesList: s,
+      minutesList: u,
       padStartZero: (f) => `0${f}`.substr(-2),
       selectMinutes: p,
       isEnabled: (f) => {
-        var r, h, m, g;
-        return !((h = (r = e.disabledTime) == null ? void 0 : r.dates) != null && h.some(
-          (b) => ro(f, b) && uo(f, b)
+        var s, k, m, g;
+        return !((k = (s = e.disabledTime) == null ? void 0 : s.dates) != null && k.some(
+          (_) => ro(f, _) && uo(f, _)
         ) || (g = (m = e.disabledTime) == null ? void 0 : m.predicate) != null && g.call(m, f));
       },
-      scroll: u
+      scroll: r
     };
   }
 }), fn = {
@@ -2423,7 +2432,7 @@ const vn = z({
   class: "v3dp__column"
 }, hn = ["disabled", "onClick"];
 function kn(e, o, t, l, n, a) {
-  const i = j("picker-popup");
+  const i = U("picker-popup");
   return v(), S(i, {
     headingClickable: "",
     columnCount: 2,
@@ -2432,32 +2441,32 @@ function kn(e, o, t, l, n, a) {
     viewMode: "time",
     onHeading: o[0] || (o[0] = (d) => e.$emit("back"))
   }, {
-    heading: q(() => [
-      G(I(e.padStartZero(e.hours)) + ":" + I(e.padStartZero(e.minutes)), 1)
+    heading: H(() => [
+      Z(I(e.padStartZero(e.hours)) + ":" + I(e.padStartZero(e.minutes)), 1)
     ]),
-    body: q(() => [
-      $("div", fn, [
-        (v(!0), y(Z, null, ce(e.hoursList, (d) => (v(), y("button", {
+    body: H(() => [
+      w("div", fn, [
+        (v(!0), y(Y, null, de(e.hoursList, (d) => (v(), y("button", {
           key: d.value,
           ref_for: !0,
           ref: d.ref,
-          class: M([{ selected: d.selected }, "v3dp__element_button__hour"]),
+          class: x([{ selected: d.selected }, "v3dp__element_button__hour"]),
           disabled: !e.isEnabled(d.date),
-          onClick: se((s) => e.hours = d.value, ["stop", "prevent"])
+          onClick: re((u) => e.hours = d.value, ["stop", "prevent"])
         }, [
-          $("span", null, I(e.padStartZero(d.value)), 1)
+          w("span", null, I(e.padStartZero(d.value)), 1)
         ], 10, mn))), 128))
       ], 512),
-      $("div", gn, [
-        (v(!0), y(Z, null, ce(e.minutesList, (d) => (v(), y("button", {
+      w("div", gn, [
+        (v(!0), y(Y, null, de(e.minutesList, (d) => (v(), y("button", {
           key: d.value,
           ref_for: !0,
           ref: d.ref,
-          class: M([{ selected: d.selected }, "v3dp__element_button__minute"]),
+          class: x([{ selected: d.selected }, "v3dp__element_button__minute"]),
           disabled: !e.isEnabled(d.date),
-          onClick: se((s) => e.selectMinutes(d), ["stop", "prevent"])
+          onClick: re((u) => e.selectMinutes(d), ["stop", "prevent"])
         }, [
-          $("span", null, I(e.padStartZero(d.value)), 1)
+          w("span", null, I(e.padStartZero(d.value)), 1)
         ], 10, hn))), 128))
       ], 512)
     ]),
@@ -2467,7 +2476,7 @@ function kn(e, o, t, l, n, a) {
 const yn = /* @__PURE__ */ Te(vn, [["render", kn], ["__scopeId", "data-v-81ac698d"]]), Ae = ["time", "day", "month", "year"], _n = (e, o, t = void 0) => {
   let l = t || /* @__PURE__ */ new Date();
   return e && (l = vo([e, l])), o && (l = fo([o, l])), l;
-}, bn = z({
+}, bn = O({
   components: {
     YearPicker: an,
     MonthPicker: un,
@@ -2635,7 +2644,7 @@ const yn = /* @__PURE__ */ Te(vn, [["render", kn], ["__scopeId", "data-v-81ac698
     }
   },
   emits: {
-    "update:modelValue": (e) => e == null || de(e),
+    "update:modelValue": (e) => e == null || pe(e),
     decadePageChanged: (e) => !0,
     yearPageChanged: (e) => !0,
     monthPageChanged: (e) => !0,
@@ -2643,118 +2652,118 @@ const yn = /* @__PURE__ */ Te(vn, [["render", kn], ["__scopeId", "data-v-81ac698
     closed: () => !0
   },
   setup(e, { emit: o, attrs: t }) {
-    const l = P("none"), n = P(e.startingViewDate), a = P(null), i = P(!1), d = P("");
+    const l = M("none"), n = M(e.startingViewDate), a = M(null), i = M(!1), d = M("");
     je(() => {
-      const _ = nt(d.value, e.inputFormat, /* @__PURE__ */ new Date(), {
+      const D = at(d.value, e.inputFormat, /* @__PURE__ */ new Date(), {
         locale: e.locale
       });
-      de(_) && (n.value = _);
+      pe(D) && (n.value = D);
     }), je(
-      () => d.value = e.modelValue && de(e.modelValue) ? Re(e.modelValue, e.inputFormat, {
+      () => d.value = e.modelValue && pe(e.modelValue) ? Re(e.modelValue, e.inputFormat, {
         locale: e.locale
       }) : ""
     );
-    const s = (_ = "none") => {
-      e.disabled || (_ !== "none" && l.value === "none" && (n.value = e.modelValue || _n(e.lowerLimit, e.upperLimit, n.value)), l.value = _, o(_ !== "none" ? "opened" : "closed"));
+    const u = (D = "none") => {
+      e.disabled || (D !== "none" && l.value === "none" && (n.value = e.modelValue || _n(e.lowerLimit, e.upperLimit, n.value)), l.value = D, o(D !== "none" ? "opened" : "closed"));
     };
     je(() => {
       e.disabled && (l.value = "none");
     });
-    const p = (_, D) => {
-      n.value = D, _ === "year" ? o("decadePageChanged", D) : _ === "month" ? o("yearPageChanged", D) : _ === "day" && o("monthPageChanged", D);
-    }, u = (_) => {
-      n.value = _, e.minimumView === "year" ? (s("none"), o("update:modelValue", _)) : l.value = "month";
-    }, f = (_) => {
-      n.value = _, e.minimumView === "month" ? (s("none"), o("update:modelValue", _)) : l.value = "day";
-    }, r = (_) => {
-      n.value = _, e.minimumView === "day" ? (s("none"), o("update:modelValue", _)) : l.value = "time";
-    }, h = (_) => {
-      s("none"), o("update:modelValue", _);
+    const p = (D, B) => {
+      n.value = B, D === "year" ? o("decadePageChanged", B) : D === "month" ? o("yearPageChanged", B) : D === "day" && o("monthPageChanged", B);
+    }, r = (D) => {
+      n.value = D, e.minimumView === "year" ? (u("none"), o("update:modelValue", D)) : l.value = "month";
+    }, f = (D) => {
+      n.value = D, e.minimumView === "month" ? (u("none"), o("update:modelValue", D)) : l.value = "day";
+    }, s = (D) => {
+      n.value = D, e.minimumView === "day" ? (u("none"), o("update:modelValue", D)) : l.value = "time";
+    }, k = (D) => {
+      u("none"), o("update:modelValue", D);
     }, m = () => {
-      e.clearable && (s("none"), o("update:modelValue", null), n.value = e.startingViewDate);
-    }, g = () => i.value = !0, b = () => s(W.value), k = () => {
-      i.value = !1, s();
-    }, V = (_) => {
-      const D = _.keyCode ? _.keyCode : _.which;
+      e.clearable && (u("none"), o("update:modelValue", null), n.value = e.startingViewDate);
+    }, g = () => i.value = !0, _ = () => u(R.value), h = () => {
+      i.value = !1, u();
+    }, V = (D) => {
+      const B = D.keyCode ? D.keyCode : D.which;
       if ([
         27,
         // escape
         13
         // enter
-      ].includes(D) && a.value.blur(), e.typeable) {
-        const R = nt(
+      ].includes(B) && a.value.blur(), e.typeable) {
+        const P = at(
           a.value.value,
           e.inputFormat,
           /* @__PURE__ */ new Date(),
           { locale: e.locale }
         );
-        de(R) && d.value === Re(R, e.inputFormat, { locale: e.locale }) && (d.value = a.value.value, o("update:modelValue", R));
+        pe(P) && d.value === Re(P, e.inputFormat, { locale: e.locale }) && (d.value = a.value.value, o("update:modelValue", P));
       }
-    }, W = c(() => {
-      const _ = Ae.indexOf(e.startingView), D = Ae.indexOf(e.minimumView);
-      return _ < D ? e.minimumView : e.startingView;
+    }, R = c(() => {
+      const D = Ae.indexOf(e.startingView), B = Ae.indexOf(e.minimumView);
+      return D < B ? e.minimumView : e.startingView;
     });
     return {
-      blur: k,
-      focus: b,
+      blur: h,
+      focus: _,
       click: g,
       input: d,
       inputRef: a,
       pageDate: n,
-      renderView: s,
+      renderView: u,
       updatePageDate: p,
-      selectYear: u,
+      selectYear: r,
       selectMonth: f,
-      selectDay: r,
-      selectTime: h,
+      selectDay: s,
+      selectTime: k,
       keyUp: V,
       viewShown: l,
       goBackFromTimepicker: () => e.startingView === "time" && e.minimumView === "time" ? null : l.value = "day",
       clearModelValue: m,
-      initialView: W,
-      log: (_) => console.log(_),
-      variables: (_) => Object.fromEntries(
-        Object.entries(_ ?? {}).filter(([D, R]) => D.startsWith("--"))
+      initialView: R,
+      log: (D) => console.log(D),
+      variables: (D) => Object.fromEntries(
+        Object.entries(D ?? {}).filter(([B, P]) => B.startsWith("--"))
       )
     };
   }
 }), Cn = { class: "v3dp__input_wrapper" }, wn = ["readonly", "placeholder", "disabled", "tabindex"], $n = { class: "v3dp__clearable" };
 function Bn(e, o, t, l, n, a) {
-  const i = j("year-picker"), d = j("month-picker"), s = j("day-picker"), p = j("time-picker");
+  const i = U("year-picker"), d = U("month-picker"), u = U("day-picker"), p = U("time-picker");
   return v(), y("div", {
     class: "v3dp__datepicker",
     style: E(e.variables(e.$attrs.style))
   }, [
-    $("div", Cn, [
-      re($("input", Ne({
+    w("div", Cn, [
+      ue(w("input", Ne({
         type: "text",
         ref: "inputRef",
         readonly: !e.typeable,
-        "onUpdate:modelValue": o[0] || (o[0] = (u) => e.input = u)
+        "onUpdate:modelValue": o[0] || (o[0] = (r) => e.input = r)
       }, e.$attrs, {
         placeholder: e.placeholder,
         disabled: e.disabled,
         tabindex: e.disabled ? -1 : 0,
-        onKeyup: o[1] || (o[1] = (...u) => e.keyUp && e.keyUp(...u)),
-        onBlur: o[2] || (o[2] = (...u) => e.blur && e.blur(...u)),
-        onFocus: o[3] || (o[3] = (...u) => e.focus && e.focus(...u)),
-        onClick: o[4] || (o[4] = (...u) => e.click && e.click(...u))
+        onKeyup: o[1] || (o[1] = (...r) => e.keyUp && e.keyUp(...r)),
+        onBlur: o[2] || (o[2] = (...r) => e.blur && e.blur(...r)),
+        onFocus: o[3] || (o[3] = (...r) => e.focus && e.focus(...r)),
+        onClick: o[4] || (o[4] = (...r) => e.click && e.click(...r))
       }), null, 16, wn), [
         [We, e.input]
       ]),
-      re($("div", $n, [
-        O(e.$slots, "clear", { onClear: e.clearModelValue }, () => [
-          $("i", {
-            onClick: o[5] || (o[5] = (u) => e.clearModelValue())
+      ue(w("div", $n, [
+        W(e.$slots, "clear", { onClear: e.clearModelValue }, () => [
+          w("i", {
+            onClick: o[5] || (o[5] = (r) => e.clearModelValue())
           }, "x")
         ])
       ], 512), [
         [Ve, e.clearable && e.modelValue]
       ])
     ]),
-    re(U(i, {
+    ue(G(i, {
       pageDate: e.pageDate,
-      "onUpdate:pageDate": o[6] || (o[6] = (u) => e.updatePageDate("year", u)),
+      "onUpdate:pageDate": o[6] || (o[6] = (r) => e.updatePageDate("year", r)),
       selected: e.modelValue,
       lowerLimit: e.lowerLimit,
       upperLimit: e.upperLimit,
@@ -2762,22 +2771,22 @@ function Bn(e, o, t, l, n, a) {
     }, null, 8, ["pageDate", "selected", "lowerLimit", "upperLimit", "onSelect"]), [
       [Ve, e.viewShown === "year"]
     ]),
-    re(U(d, {
+    ue(G(d, {
       pageDate: e.pageDate,
-      "onUpdate:pageDate": o[7] || (o[7] = (u) => e.updatePageDate("month", u)),
+      "onUpdate:pageDate": o[7] || (o[7] = (r) => e.updatePageDate("month", r)),
       selected: e.modelValue,
       onSelect: e.selectMonth,
       lowerLimit: e.lowerLimit,
       upperLimit: e.upperLimit,
       format: e.monthListFormat,
       locale: e.locale,
-      onBack: o[8] || (o[8] = (u) => e.viewShown = "year")
+      onBack: o[8] || (o[8] = (r) => e.viewShown = "year")
     }, null, 8, ["pageDate", "selected", "onSelect", "lowerLimit", "upperLimit", "format", "locale"]), [
       [Ve, e.viewShown === "month"]
     ]),
-    re(U(s, {
+    ue(G(u, {
       pageDate: e.pageDate,
-      "onUpdate:pageDate": o[9] || (o[9] = (u) => e.updatePageDate("day", u)),
+      "onUpdate:pageDate": o[9] || (o[9] = (r) => e.updatePageDate("day", r)),
       selected: e.modelValue,
       weekStartsOn: e.weekStartsOn,
       lowerLimit: e.lowerLimit,
@@ -2789,11 +2798,11 @@ function Bn(e, o, t, l, n, a) {
       "allow-outside-interval": e.allowOutsideInterval,
       format: e.dayFormat,
       onSelect: e.selectDay,
-      onBack: o[10] || (o[10] = (u) => e.viewShown = "month")
+      onBack: o[10] || (o[10] = (r) => e.viewShown = "month")
     }, null, 8, ["pageDate", "selected", "weekStartsOn", "lowerLimit", "upperLimit", "headingFormat", "disabledDates", "locale", "weekdayFormat", "allow-outside-interval", "format", "onSelect"]), [
       [Ve, e.viewShown === "day"]
     ]),
-    re(U(p, {
+    ue(G(p, {
       pageDate: e.pageDate,
       visible: e.viewShown === "time",
       selected: e.modelValue,
@@ -2808,7 +2817,7 @@ function Bn(e, o, t, l, n, a) {
 const Tn = /* @__PURE__ */ Te(bn, [["render", Bn]]), Vn = ["id"], Dn = {
   key: 0,
   class: "ck-input-date__optional-label"
-}, Ln = /* @__PURE__ */ z({
+}, Ln = /* @__PURE__ */ O({
   __name: "ck-input-date",
   props: {
     modelValue: {},
@@ -2827,100 +2836,100 @@ const Tn = /* @__PURE__ */ Te(bn, [["render", Bn]]), Vn = ["id"], Dn = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: o }) {
-    const t = e, l = o, { cleekOptions: n } = le(te()), { windowWidth: a } = he(), i = P(), d = P(Math.floor(Math.random() * 1e3)), s = P(`ck-input-date-${d.value}`), p = c({
+    const t = e, l = o, { cleekOptions: n } = le(te()), { windowWidth: a } = he(), i = M(), d = M(Math.floor(Math.random() * 1e3)), u = M(`ck-input-date-${d.value}`), p = c({
       get() {
-        return r(t.modelValue);
+        return s(t.modelValue);
       },
-      set(k) {
-        l("update:modelValue", h(k));
+      set(h) {
+        l("update:modelValue", k(h));
       }
-    }), u = c(() => {
-      const k = [];
-      return k.push(L.getGroupClass(t, a.value)), t.icon && k.push("has-icon-left"), t.iconRight && k.push("has-icon-right"), document.querySelector(".ck-popup__content") && k.push("ck-picker-popup"), k;
+    }), r = c(() => {
+      const h = [];
+      return h.push(L.getGroupClass(t, a.value)), t.icon && h.push("has-icon-left"), t.iconRight && h.push("has-icon-right"), document.querySelector(".ck-popup__content") && h.push("ck-picker-popup"), h;
     }), f = c(() => {
-      const k = [];
+      const h = [];
       let V = "";
-      return n.value.darkMode && (V = n.value.darkModeColorItems), V && !L.isColorTemplateVariable(V) && k.push({ backgroundColor: V }), k;
+      return n.value.darkMode && (V = n.value.darkModeColorItems), V && !L.isColorTemplateVariable(V) && h.push({ backgroundColor: V }), h;
     });
-    ue(() => t.modelValue, (k) => {
-      i.value && (i.value.style.display = "block", i.value.focus(), i.value.style.display = "none"), l("change", k);
+    ce(() => t.modelValue, (h) => {
+      i.value && (i.value.style.display = "block", i.value.focus(), i.value.style.display = "none"), l("change", h);
     });
-    function r(k) {
-      if (!k)
+    function s(h) {
+      if (!h)
         return null;
-      const V = `${k}`.slice(0, 10);
+      const V = `${h}`.slice(0, 10);
       return /* @__PURE__ */ new Date(`${V}T00:00:00`);
     }
-    function h(k) {
-      if (!k)
+    function k(h) {
+      if (!h)
         return null;
-      const V = k.getFullYear(), W = ze.padZeros(k.getMonth() + 1, 2), _ = ze.padZeros(k.getDate(), 2);
-      return `${V}-${W}-${_}`;
+      const V = h.getFullYear(), R = ze.padZeros(h.getMonth() + 1, 2), D = ze.padZeros(h.getDate(), 2);
+      return `${V}-${R}-${D}`;
     }
     function m() {
-      const k = document.getElementById(`${s.value}`), V = k == null ? void 0 : k.querySelector(".v3dp__popout-day");
-      let W = { y: 0 };
-      const _ = document.querySelector(".ck-popup__slot-body");
-      _ instanceof HTMLElement && (_.style.overflow = "hidden"), k && (W = k.getBoundingClientRect());
-      const D = window.innerHeight - W.y;
-      k && V && (D - 300 < 0 ? V.setAttribute("style", "bottom: 0px") : V.setAttribute("style", `top: ${W.y + 60}px;`), k.setAttribute("style", "overflow: hidden;"));
+      const h = document.getElementById(`${u.value}`), V = h == null ? void 0 : h.querySelector(".v3dp__popout-day");
+      let R = { y: 0 };
+      const D = document.querySelector(".ck-popup__slot-body");
+      D instanceof HTMLElement && (D.style.overflow = "hidden"), h && (R = h.getBoundingClientRect());
+      const B = window.innerHeight - R.y;
+      h && V && (B - 300 < 0 ? V.setAttribute("style", "bottom: 0px") : V.setAttribute("style", `top: ${R.y + 60}px;`), h.setAttribute("style", "overflow: hidden;"));
     }
     function g() {
-      const k = document.querySelector(".ck-popup__slot-body");
-      k instanceof HTMLElement && (k.style.overflow = "auto");
+      const h = document.querySelector(".ck-popup__slot-body");
+      h instanceof HTMLElement && (h.style.overflow = "auto");
     }
-    function b() {
-      t.clearable && (p.value = r(t.clearValue));
+    function _() {
+      t.clearable && (p.value = s(t.clearValue));
     }
-    return (k, V) => {
-      const W = j("ck-label"), _ = j("ck-icon"), D = j("ck-div");
-      return v(), S(D, { widthBreaks: k.widthBreaks }, {
-        default: q(() => {
-          var R;
+    return (h, V) => {
+      const R = U("ck-label"), D = U("ck-icon"), B = U("ck-div");
+      return v(), S(B, { widthBreaks: h.widthBreaks }, {
+        default: H(() => {
+          var P;
           return [
-            $("div", {
-              class: M(["ck-input-date", u.value]),
-              id: s.value
+            w("div", {
+              class: x(["ck-input-date", r.value]),
+              id: u.value
             }, [
-              $("input", {
+              w("input", {
                 ref_key: "refInput",
                 ref: i,
                 class: "ck-input-date--focus-absorber"
               }, null, 512),
-              U(W, null, {
-                default: q(() => [
-                  G(I(k.label) + " ", 1),
-                  k.optional ? (v(), y("span", Dn, "opcional")) : w("", !0)
+              G(R, null, {
+                default: H(() => [
+                  Z(I(h.label) + " ", 1),
+                  h.optional ? (v(), y("span", Dn, "opcional")) : C("", !0)
                 ]),
                 _: 1
               }),
-              $("div", {
-                class: M(["ck-picker-container", ((R = $e(n)) == null ? void 0 : R.darkMode) && "picker-dark"])
+              w("div", {
+                class: x(["ck-picker-container", ((P = $e(n)) == null ? void 0 : P.darkMode) && "picker-dark"])
               }, [
-                k.icon ? (v(), S(_, {
+                h.icon ? (v(), S(D, {
                   key: 0,
                   class: "ck-input__icon-left",
-                  color: k.iconColor ? k.iconColor : "lightgrey",
-                  icon: k.icon,
-                  "icon-pack": k.iconPack
-                }, null, 8, ["color", "icon", "icon-pack"])) : w("", !0),
-                U($e(Tn), {
+                  color: h.iconColor ? h.iconColor : "lightgrey",
+                  icon: h.icon,
+                  "icon-pack": h.iconPack
+                }, null, 8, ["color", "icon", "icon-pack"])) : C("", !0),
+                G($e(Tn), {
                   modelValue: p.value,
-                  "onUpdate:modelValue": V[0] || (V[0] = (K) => p.value = K),
+                  "onUpdate:modelValue": V[0] || (V[0] = (F) => p.value = F),
                   onOpened: m,
                   onClosed: g,
                   inputFormat: "dd-MM-yyyy",
                   style: E(f.value),
-                  disabled: k.disabled
+                  disabled: h.disabled
                 }, null, 8, ["modelValue", "style", "disabled"]),
-                k.clearable && k.modelValue != k.clearValue || k.iconRight ? (v(), S(_, {
+                h.clearable && h.modelValue != h.clearValue || h.iconRight ? (v(), S(D, {
                   key: 1,
-                  class: M(["ck-input__icon-right", { "icon-right__clearable": k.clearable }]),
-                  color: k.clearable ? "grey" : k.iconColor ? k.iconColor : "lightgrey",
-                  icon: k.clearable ? "xmark" : k.iconRight,
-                  "icon-pack": k.clearable ? "font-awesome" : k.iconPack,
-                  onClick: V[1] || (V[1] = (K) => b())
-                }, null, 8, ["class", "color", "icon", "icon-pack"])) : w("", !0)
+                  class: x(["ck-input__icon-right", { "icon-right__clearable": h.clearable }]),
+                  color: h.clearable ? "grey" : h.iconColor ? h.iconColor : "lightgrey",
+                  icon: h.clearable ? "xmark" : h.iconRight,
+                  "icon-pack": h.clearable ? "font-awesome" : h.iconPack,
+                  onClick: V[1] || (V[1] = (F) => _())
+                }, null, 8, ["class", "color", "icon", "icon-pack"])) : C("", !0)
               ], 2)
             ], 10, Vn)
           ];
@@ -2930,7 +2939,7 @@ const Tn = /* @__PURE__ */ Te(bn, [["render", Bn]]), Vn = ["id"], Dn = {
     };
   }
 });
-const Sn = /* @__PURE__ */ H(Ln, [["__scopeId", "data-v-ec17b553"]]), Pn = /* @__PURE__ */ z({
+const Sn = /* @__PURE__ */ j(Ln, [["__scopeId", "data-v-ec17b553"]]), Pn = /* @__PURE__ */ O({
   __name: "ck-input-time",
   props: {
     modelValue: {},
@@ -2951,30 +2960,30 @@ const Sn = /* @__PURE__ */ H(Ln, [["__scopeId", "data-v-ec17b553"]]), Pn = /* @_
       }
     });
     return (a, i) => {
-      const d = j("ck-input");
+      const d = U("ck-input");
       return v(), S(d, {
         modelValue: n.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (s) => n.value = s),
+        "onUpdate:modelValue": i[0] || (i[0] = (u) => n.value = u),
         type: "time",
         label: a.label,
         group: a.group,
         widthBreaks: a.widthBreaks,
         disabled: a.disabled,
-        onChange: i[1] || (i[1] = (s) => l("change", n.value))
+        onChange: i[1] || (i[1] = (u) => l("change", n.value))
       }, null, 8, ["modelValue", "label", "group", "widthBreaks", "disabled"]);
     };
   }
 }), Mn = {
   key: 0,
   class: "ck-tab"
-}, In = /* @__PURE__ */ z({
+}, xn = /* @__PURE__ */ O({
   __name: "ck-tab",
   props: {
     title: {},
     icon: {}
   },
   setup(e) {
-    const o = e, t = Nt("addTab"), l = P(!1);
+    const o = e, t = Nt("addTab"), l = M(!1);
     function n(a) {
       l.value = a;
     }
@@ -2985,100 +2994,101 @@ const Sn = /* @__PURE__ */ H(Ln, [["__scopeId", "data-v-ec17b553"]]), Pn = /* @_
         title: o.title
       });
     }), (a, i) => l.value ? (v(), y("div", Mn, [
-      O(a.$slots, "default", {}, void 0, !0)
-    ])) : w("", !0);
+      W(a.$slots, "default", {}, void 0, !0)
+    ])) : C("", !0);
   }
 });
-const xn = /* @__PURE__ */ H(In, [["__scopeId", "data-v-eaadcaf7"]]), An = { class: "ck-tabs" }, zn = ["onClick"], Rn = { class: "ck-tabs__tab-content" }, On = "flat", Wn = /* @__PURE__ */ z({
+const In = /* @__PURE__ */ j(xn, [["__scopeId", "data-v-eaadcaf7"]]), An = { class: "ck-tabs" }, zn = ["onClick"], Rn = { class: "ck-tabs__tab-content" }, On = "flat", Wn = /* @__PURE__ */ O({
   __name: "ck-tabs",
   props: {
     type: {}
   },
-  setup(e) {
-    const o = P(null), t = P(!1), l = P(!1), n = e, a = P([]), i = P(null), d = c(() => n.type ? n.type : On), s = c(() => {
-      const h = [];
-      return d.value && h.push(`ck-tabs__header--button-${d.value}`), h;
+  emits: ["tabSelected"],
+  setup(e, { emit: o }) {
+    const t = M(null), l = M(!1), n = M(!1), a = e, i = o, d = M([]), u = M(null), p = c(() => a.type ? a.type : On), r = c(() => {
+      const g = [];
+      return p.value && g.push(`ck-tabs__header--button-${p.value}`), g;
     });
-    function p(h) {
-      a.value.forEach((m, g) => {
-        m.selectTab(g === h);
-      }), i.value = h;
+    function f(g) {
+      d.value.forEach((_, h) => {
+        _.selectTab(h === g);
+      }), u.value = g, i("tabSelected", g);
     }
-    function u() {
-      if (!o.value)
+    function s() {
+      if (!t.value)
         return;
-      const { scrollLeft: h, scrollWidth: m, clientWidth: g } = o.value;
-      t.value = h > 0, l.value = h + g < m - 3;
+      const { scrollLeft: g, scrollWidth: _, clientWidth: h } = t.value;
+      l.value = g > 0, n.value = g + h < _ - 3;
     }
-    function f() {
-      o.value && o.value.scrollBy({ left: -200, behavior: "smooth" });
+    function k() {
+      t.value && t.value.scrollBy({ left: -200, behavior: "smooth" });
     }
-    function r() {
-      o.value && o.value.scrollBy({ left: 200, behavior: "smooth" });
+    function m() {
+      t.value && t.value.scrollBy({ left: 200, behavior: "smooth" });
     }
-    return Et("addTab", (h) => {
-      a.value.push(h);
+    return Et("addTab", (g) => {
+      d.value.push(g);
     }), be(() => {
-      var m;
-      u(), (m = o.value) == null || m.addEventListener("scroll", u);
-      const h = a.value.find((g) => g.active) || a.value[0];
-      h && p(a.value.indexOf(h));
-    }), Ft(u), (h, m) => {
-      const g = j("ck-icon"), b = j("ck-circle");
+      var _;
+      s(), (_ = t.value) == null || _.addEventListener("scroll", s);
+      const g = d.value.find((h) => h.active) || d.value[0];
+      g && f(d.value.indexOf(g));
+    }), Ft(s), (g, _) => {
+      const h = U("ck-icon"), V = U("ck-circle");
       return v(), y("div", An, [
-        $("div", {
-          class: M(["ck-tabs__header", { "has-left-arrow": t.value, "has-right-arrow": l.value }])
+        w("div", {
+          class: x(["ck-tabs__header", { "has-left-arrow": l.value, "has-right-arrow": n.value }])
         }, [
-          t.value ? (v(), S(b, {
+          l.value ? (v(), S(V, {
             key: 0,
             class: "header--scroll-btn",
             color: "primary",
             size: "xs",
-            onClick: m[0] || (m[0] = (k) => f())
+            onClick: _[0] || (_[0] = (R) => k())
           }, {
-            default: q(() => [
-              U(g, { icon: "chevron-left" })
+            default: H(() => [
+              G(h, { icon: "chevron-left" })
             ]),
             _: 1
-          })) : w("", !0),
-          $("div", {
+          })) : C("", !0),
+          w("div", {
             ref_key: "tabsContainer",
-            ref: o,
-            class: M(["ck-tabs__header-content", { "header-content--flat": d.value === "flat" }])
+            ref: t,
+            class: x(["ck-tabs__header-content", { "header-content--flat": p.value === "flat" }])
           }, [
-            (v(!0), y(Z, null, ce(a.value, (k, V) => (v(), y("div", {
-              key: V,
-              class: M([s.value, { "is-selected": i.value === V }]),
-              onClick: (W) => p(V)
+            (v(!0), y(Y, null, de(d.value, (R, D) => (v(), y("div", {
+              key: D,
+              class: x([r.value, { "is-selected": u.value === D }]),
+              onClick: (B) => f(D)
             }, [
-              k.icon ? (v(), S(g, {
+              R.icon ? (v(), S(h, {
                 key: 0,
-                icon: k.icon
-              }, null, 8, ["icon"])) : w("", !0),
-              G(" " + I(k.title), 1)
+                icon: R.icon
+              }, null, 8, ["icon"])) : C("", !0),
+              Z(" " + I(R.title), 1)
             ], 10, zn))), 128))
           ], 2),
-          l.value ? (v(), S(b, {
+          n.value ? (v(), S(V, {
             key: 1,
             class: "header--scroll-btn",
             color: "primary",
             size: "xs",
-            onClick: m[1] || (m[1] = (k) => r())
+            onClick: _[1] || (_[1] = (R) => m())
           }, {
-            default: q(() => [
-              U(g, { icon: "chevron-right" })
+            default: H(() => [
+              G(h, { icon: "chevron-right" })
             ]),
             _: 1
-          })) : w("", !0)
+          })) : C("", !0)
         ], 2),
-        $("div", Rn, [
-          O(h.$slots, "default", {}, void 0, !0)
+        w("div", Rn, [
+          W(g.$slots, "default", {}, void 0, !0)
         ])
       ]);
     };
   }
 });
-const Nn = /* @__PURE__ */ H(Wn, [["__scopeId", "data-v-41395121"]]), En = "rounded", Fn = /* @__PURE__ */ z({
+const Nn = /* @__PURE__ */ j(Wn, [["__scopeId", "data-v-77c5a736"]]), En = "rounded", Fn = /* @__PURE__ */ O({
   __name: "ck-toggle",
   props: {
     modelValue: { type: Boolean },
@@ -3101,79 +3111,90 @@ const Nn = /* @__PURE__ */ H(Wn, [["__scopeId", "data-v-41395121"]]), En = "roun
         t.preventAutoUpdate || a("update:modelValue", d);
       }
     });
-    return (d, s) => {
-      const p = j("ck-icon");
+    return (d, u) => {
+      const p = U("ck-icon");
       return v(), y("div", {
-        class: M(["ck-toggle", [n.value, { "is-active": i.value }]]),
-        onClick: s[0] || (s[0] = (u) => i.value = !i.value)
+        class: x(["ck-toggle", [n.value, { "is-active": i.value }]]),
+        onClick: u[0] || (u[0] = (r) => i.value = !i.value)
       }, [
         d.icon ? (v(), S(p, {
           key: 0,
           icon: d.icon
-        }, null, 8, ["icon"])) : w("", !0),
-        O(d.$slots, "default", {}, void 0, !0),
+        }, null, 8, ["icon"])) : C("", !0),
+        W(d.$slots, "default", {}, void 0, !0),
         d.iconRight ? (v(), S(p, {
           key: 1,
           icon: d.iconRight
-        }, null, 8, ["icon"])) : w("", !0)
+        }, null, 8, ["icon"])) : C("", !0)
       ], 2);
     };
   }
 });
-const qn = /* @__PURE__ */ H(Fn, [["__scopeId", "data-v-e3c474ff"]]), Hn = { class: "ck-toggle-group" }, jn = /* @__PURE__ */ z({
+const qn = /* @__PURE__ */ j(Fn, [["__scopeId", "data-v-e3c474ff"]]), Hn = { class: "ck-toggle-group" }, jn = /* @__PURE__ */ O({
   __name: "ck-toggle-group",
   props: /* @__PURE__ */ ee({
     options: {},
     layout: {},
     label: {},
     labelAlign: {},
-    gap: {}
+    gap: {},
+    multipleSelection: { type: Boolean }
   }, {
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ ee(["change"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const t = ge(e, "modelValue"), l = o;
-    function n(s) {
-      return s.name;
+    const t = ge(e, "modelValue"), l = e, n = o;
+    function a(r) {
+      return r.name;
+    }
+    function i(r) {
+      return r.id;
     }
-    function a(s) {
-      return s.id;
+    function d(r) {
+      if (r.icon)
+        return r.icon;
     }
-    function i(s) {
-      if (s.icon)
-        return s.icon;
+    function u(r) {
+      const f = i(r);
+      return l.multipleSelection ? Array.isArray(t.value) && t.value.includes(f) : t.value === f;
     }
-    function d(s) {
-      t.value = a(s), l("change");
+    function p(r) {
+      const f = i(r);
+      if (l.multipleSelection) {
+        const s = Array.isArray(t.value) ? [...t.value] : [], k = s.indexOf(f);
+        k !== -1 ? s.splice(k, 1) : s.push(f), t.value = s;
+      } else
+        t.value = f;
+      n("change");
     }
-    return (s, p) => {
-      const u = j("ck-label"), f = j("ck-toggle");
+    return (r, f) => {
+      const s = U("ck-label"), k = U("ck-toggle");
       return v(), y("div", Hn, [
-        s.label ? (v(), S(u, {
+        r.label ? (v(), S(s, {
           key: 0,
-          align: s.labelAlign
+          align: r.labelAlign
         }, {
-          default: q(() => [
-            G(I(s.label), 1)
+          default: H(() => [
+            Z(I(r.label), 1)
           ]),
           _: 1
-        }, 8, ["align"])) : w("", !0),
-        $("div", {
+        }, 8, ["align"])) : C("", !0),
+        w("div", {
           class: "ck-toggle-group__options",
-          style: E({ gap: s.gap })
+          style: E({ gap: r.gap })
         }, [
-          (v(!0), y(Z, null, ce(s.options, (r) => (v(), S(f, {
-            modelValue: t.value === a(r),
-            key: a(r),
-            icon: i(r),
-            layout: s.layout,
+          (v(!0), y(Y, null, de(r.options, (m) => (v(), S(k, {
+            modelValue: u(m),
+            key: i(m),
+            icon: d(m),
+            layout: r.layout,
             preventAutoUpdate: "",
-            onClick: (h) => d(r)
+            onClick: (g) => p(m)
           }, {
-            default: q(() => [
-              G(I(n(r)), 1)
+            default: H(() => [
+              Z(I(a(m)), 1)
             ]),
             _: 2
           }, 1032, ["modelValue", "icon", "layout", "onClick"]))), 128))
@@ -3182,13 +3203,13 @@ const qn = /* @__PURE__ */ H(Fn, [["__scopeId", "data-v-e3c474ff"]]), Hn = { cla
     };
   }
 });
-const Un = /* @__PURE__ */ H(jn, [["__scopeId", "data-v-d8e2991f"]]), Gn = {
+const Un = /* @__PURE__ */ j(jn, [["__scopeId", "data-v-5779c8e1"]]), Gn = {
   key: 0,
   class: "ck-card__header-title"
 }, Zn = { class: "ck-card__body" }, Yn = {
   key: 0,
   class: "ck-card__header-subtitle"
-}, Kn = /* @__PURE__ */ z({
+}, Kn = /* @__PURE__ */ O({
   __name: "ck-card",
   props: {
     modelValue: {},
@@ -3204,46 +3225,46 @@ const Un = /* @__PURE__ */ H(jn, [["__scopeId", "data-v-d8e2991f"]]), Gn = {
       get() {
         return !a.value || t.modelValue === null ? !0 : !!t.modelValue;
       },
-      set(s) {
-        l("update:modelValue", s), s || l("closeCard");
+      set(u) {
+        l("update:modelValue", u), u || l("closeCard");
       }
     }), d = c(() => {
-      const s = [], p = t.layout || n.value.styles.layout;
-      return p && s.push(`layout--${p}`), t.clickable && s.push("clickable"), s;
+      const u = [], p = t.layout || n.value.styles.layout;
+      return p && u.push(`layout--${p}`), t.clickable && u.push("clickable"), u;
     });
-    return (s, p) => {
-      const u = j("ck-icon");
+    return (u, p) => {
+      const r = U("ck-icon");
       return i.value ? (v(), y("div", {
         key: 0,
-        class: M(["ck-card", d.value])
+        class: x(["ck-card", d.value])
       }, [
-        s.title || s.$slots.header || a.value ? (v(), y("div", {
+        u.title || u.$slots.header || a.value ? (v(), y("div", {
           key: 0,
-          class: M(["ck-card__header", { "is-close-button-visible": a.value }])
+          class: x(["ck-card__header", { "is-close-button-visible": a.value }])
         }, [
-          s.title || s.$slots.header ? (v(), y("div", Gn, I(s.title), 1)) : w("", !0),
-          O(s.$slots, "header", {}, void 0, !0),
+          u.title || u.$slots.header ? (v(), y("div", Gn, I(u.title), 1)) : C("", !0),
+          W(u.$slots, "header", {}, void 0, !0),
           a.value ? (v(), y("div", {
             key: 1,
             class: "ck-card__close-btn",
             onClick: p[0] || (p[0] = (f) => i.value = !1)
           }, [
-            U(u, { icon: "times" })
-          ])) : w("", !0)
-        ], 2)) : w("", !0),
-        $("div", Zn, [
-          s.subtitle ? (v(), y("div", Yn, I(s.subtitle), 1)) : w("", !0),
-          $("div", {
-            class: M(["ck-card__content", { "content-block": s.block }])
+            G(r, { icon: "times" })
+          ])) : C("", !0)
+        ], 2)) : C("", !0),
+        w("div", Zn, [
+          u.subtitle ? (v(), y("div", Yn, I(u.subtitle), 1)) : C("", !0),
+          w("div", {
+            class: x(["ck-card__content", { "content-block": u.block }])
           }, [
-            O(s.$slots, "default", {}, void 0, !0)
+            W(u.$slots, "default", {}, void 0, !0)
           ], 2)
         ])
-      ], 2)) : w("", !0);
+      ], 2)) : C("", !0);
     };
   }
 });
-const Jn = /* @__PURE__ */ H(Kn, [["__scopeId", "data-v-780265b9"]]), Qn = ["color"], Xn = "white", ea = "primary", ta = "s", oa = "outlined", la = "rounded", na = /* @__PURE__ */ z({
+const Jn = /* @__PURE__ */ j(Kn, [["__scopeId", "data-v-780265b9"]]), Qn = ["color"], Xn = "white", ea = "primary", ta = "s", oa = "outlined", la = "rounded", na = /* @__PURE__ */ O({
   __name: "ck-chip",
   props: {
     size: {},
@@ -3261,47 +3282,47 @@ const Jn = /* @__PURE__ */ H(Kn, [["__scopeId", "data-v-780265b9"]]), Qn = ["col
   },
   emits: ["click"],
   setup(e, { emit: o }) {
-    const t = e, { windowWidth: l } = he(), { cleekOptions: n } = le(te()), a = o, i = c(() => t.layout ? t.layout : n.value ? n.value.chip.layout : la), d = c(() => t.type ? t.type : n.value ? n.value.chip.type : oa), s = c(() => t.color || ea), p = c(() => {
-      const r = [];
-      return d.value === "outlined" ? r.push("type--outlined") : L.isColorTemplateVariable(s.value) && r.push(`ck-component__bg-color--${s.value}`), i.value && r.push(`layout--${i.value}`), r.push(L.getGroupClass(t, l.value)), r.push(`size-${t.size || ta}`), t.align && r.push(`align--${t.align}`), t.nowrap && r.push(`ck-chip--${t.nowrap}`), t.clickable && r.push("clickable"), r;
+    const t = e, { windowWidth: l } = he(), { cleekOptions: n } = le(te()), a = o, i = c(() => t.layout ? t.layout : n.value ? n.value.chip.layout : la), d = c(() => t.type ? t.type : n.value ? n.value.chip.type : oa), u = c(() => t.color || ea), p = c(() => {
+      const s = [];
+      return d.value === "outlined" ? s.push("type--outlined") : L.isColorTemplateVariable(u.value) && s.push(`ck-component__bg-color--${u.value}`), i.value && s.push(`layout--${i.value}`), s.push(L.getGroupClass(t, l.value)), s.push(`size-${t.size || ta}`), t.align && s.push(`align--${t.align}`), t.nowrap && s.push(`ck-chip--${t.nowrap}`), t.clickable && s.push("clickable"), s;
     });
-    function u(r) {
-      return L.isColorTemplateVariable(r) ? L.getColorHexFromTemplateVariable(r, n.value.colors) : r;
+    function r(s) {
+      return L.isColorTemplateVariable(s) ? L.getColorHexFromTemplateVariable(s, n.value.colors) : s;
     }
     const f = c(() => {
-      const r = [];
+      const s = [];
       if (d.value === "outlined") {
-        const h = u(s.value), m = u(t.textColor || s.value);
-        r.push({ "--chip-bg": h }), r.push({ borderColor: h }), r.push({ color: m });
+        const k = r(u.value), m = r(t.textColor || u.value);
+        s.push({ "--chip-bg": k }), s.push({ borderColor: k }), s.push({ color: m });
       } else
-        L.isColorTemplateVariable(s.value) || (r.push({ backgroundColor: s.value }), r.push({ color: t.textColor || Xn }));
-      return r;
+        L.isColorTemplateVariable(u.value) || (s.push({ backgroundColor: u.value }), s.push({ color: t.textColor || Xn }));
+      return s;
     });
-    return (r, h) => (v(), y("div", {
-      class: M(["ck-chip", p.value]),
-      color: r.color,
+    return (s, k) => (v(), y("div", {
+      class: x(["ck-chip", p.value]),
+      color: s.color,
       style: E(f.value),
-      onClick: h[0] || (h[0] = (m) => a("click", m))
+      onClick: k[0] || (k[0] = (m) => a("click", m))
     }, [
-      r.icon ? (v(), S(ae, {
+      s.icon ? (v(), S(ie, {
         key: 0,
         class: "pr-2",
-        icon: r.icon,
-        "icon-pack": r.iconPack
-      }, null, 8, ["icon", "icon-pack"])) : w("", !0),
-      $("span", null, [
-        O(r.$slots, "default", {}, void 0, !0)
+        icon: s.icon,
+        "icon-pack": s.iconPack
+      }, null, 8, ["icon", "icon-pack"])) : C("", !0),
+      w("span", null, [
+        W(s.$slots, "default", {}, void 0, !0)
       ]),
-      r.iconRight ? (v(), S(ae, {
+      s.iconRight ? (v(), S(ie, {
         key: 1,
         class: "pl-2",
-        icon: r.iconRight,
-        "icon-pack": r.iconPack
-      }, null, 8, ["icon", "icon-pack"])) : w("", !0)
+        icon: s.iconRight,
+        "icon-pack": s.iconPack
+      }, null, 8, ["icon", "icon-pack"])) : C("", !0)
     ], 14, Qn));
   }
 });
-const aa = /* @__PURE__ */ H(na, [["__scopeId", "data-v-110cf468"]]), ia = "primary", sa = "m", ra = "white", ua = /* @__PURE__ */ z({
+const aa = /* @__PURE__ */ j(na, [["__scopeId", "data-v-110cf468"]]), ia = "primary", sa = "m", ra = "white", ua = /* @__PURE__ */ O({
   __name: "ck-circle",
   props: {
     size: {},
@@ -3322,23 +3343,23 @@ const aa = /* @__PURE__ */ H(na, [["__scopeId", "data-v-110cf468"]]), ia = "prim
       return t.sizeInPx && (i.push({ height: t.sizeInPx }), i.push({ width: t.sizeInPx })), (t.color || L.isColorTemplateVariable(t.color)) && (i.push({ backgroundColor: t.color }), i.push({ color: t.textColor || ra })), i;
     });
     return (i, d) => {
-      const s = j("ck-icon");
+      const u = U("ck-icon");
       return v(), y("div", {
-        class: M(["ck-circle", n.value]),
+        class: x(["ck-circle", n.value]),
         style: E(a.value),
         onClick: d[0] || (d[0] = (p) => l("click", p))
       }, [
-        i.icon ? (v(), S(s, {
+        i.icon ? (v(), S(u, {
           key: 0,
           icon: i.icon,
           iconPack: i.iconPack
-        }, null, 8, ["icon", "iconPack"])) : w("", !0),
-        O(i.$slots, "default", {}, void 0, !0)
+        }, null, 8, ["icon", "iconPack"])) : C("", !0),
+        W(i.$slots, "default", {}, void 0, !0)
       ], 6);
     };
   }
 });
-const ca = /* @__PURE__ */ H(ua, [["__scopeId", "data-v-ba0b3fb6"]]), da = /* @__PURE__ */ z({
+const ca = /* @__PURE__ */ j(ua, [["__scopeId", "data-v-ba0b3fb6"]]), da = /* @__PURE__ */ O({
   __name: "ck-div",
   props: {
     widthBreaks: {},
@@ -3353,15 +3374,15 @@ const ca = /* @__PURE__ */ H(ua, [["__scopeId", "data-v-ba0b3fb6"]]), da = /* @_
         const p = L.getWidthByWidthBreaks(t.widthBreaks, a.value);
         p && d.push({ width: p });
       }
-      const s = t.gap || n.value.div.gap;
-      return s && d.push({ gap: s }), t.block && d.push({ display: "block" }), d;
+      const u = t.gap || n.value.div.gap;
+      return u && d.push({ gap: u }), t.block && d.push({ display: "block" }), d;
     });
-    return (d, s) => (v(), y("div", {
+    return (d, u) => (v(), y("div", {
       class: "ck-div",
       style: E(i.value),
-      onClick: s[0] || (s[0] = (p) => l("click", p))
+      onClick: u[0] || (u[0] = (p) => l("click", p))
     }, [
-      O(d.$slots, "default")
+      W(d.$slots, "default")
     ], 4));
   }
 });
@@ -3369,7 +3390,7 @@ const pa = {
   defaultFailImg: "df",
   imagesFolderPath: "",
   defaultImgBorderColor: "#EEEEEE"
-}, va = ["src", "alt"], fa = /* @__PURE__ */ z({
+}, va = ["src", "alt"], fa = /* @__PURE__ */ O({
   __name: "ck-img",
   props: {
     src: {},
@@ -3389,42 +3410,42 @@ const pa = {
   },
   emits: ["click"],
   setup(e, { emit: o }) {
-    const t = e, l = o, { cleekOptions: n } = le(te()), a = P(!1), i = P(!1), d = c(() => t.src.substring(0, 4) === "http"), s = c(() => i.value ? d.value ? t.src : h(t.src) : ""), p = c(() => {
+    const t = e, l = o, { cleekOptions: n } = le(te()), a = M(!1), i = M(!1), d = c(() => t.src.substring(0, 4) === "http"), u = c(() => i.value ? d.value ? t.src : k(t.src) : ""), p = c(() => {
       const m = [];
-      return t.size && m.push(`ck-img__size--${t.size}`), t.rounded && m.push("is-rounded"), t.hasBorder && (m.push("ck-img__has-border"), L.isColorTemplateVariable(r.value) && m.push(`ck-component__border-color--${r.value}`)), t.zoom && m.push("zoom-able"), m;
-    }), u = c(() => {
+      return t.size && m.push(`ck-img__size--${t.size}`), t.rounded && m.push("is-rounded"), t.hasBorder && (m.push("ck-img__has-border"), L.isColorTemplateVariable(s.value) && m.push(`ck-component__border-color--${s.value}`)), t.zoom && m.push("zoom-able"), m;
+    }), r = c(() => {
       const m = [];
       t.sizeAbsolute && (m.push({ width: t.sizeAbsolute }), m.push({ height: t.sizeAbsolute }));
       let g = t.radius;
-      return typeof t.radius > "u" && n.value.styles.layout === "squared" && (g = "0px"), g && m.push({ "border-radius": g }), t.hasBorder && (L.isColorTemplateVariable(r.value) || m.push({ "border-color": r.value })), m;
+      return typeof t.radius > "u" && n.value.styles.layout === "squared" && (g = "0px"), g && m.push({ "border-radius": g }), t.hasBorder && (L.isColorTemplateVariable(s.value) || m.push({ "border-color": s.value })), m;
     }), f = c(() => {
       const m = [];
       return t.radius && m.push({ "border-radius": t.radius }), t.width && m.push({ width: t.width }), t.height && m.push({ height: t.height }), m;
-    }), r = c(() => t.borderColor ? t.borderColor : pa.defaultImgBorderColor);
-    function h(m) {
+    }), s = c(() => t.borderColor ? t.borderColor : pa.defaultImgBorderColor);
+    function k(m) {
       let g = n.value.img.basePath;
       return n.value.img.basePath && (g = n.value.img.basePath), g || (g = n.value.img.basePathStatic), t.dynamic && (g = n.value.img.basePathDynamic), `${g}${m}`;
     }
     return be(() => {
       i.value = !0;
     }), (m, g) => (v(), y("div", {
-      class: M(["ck-img", p.value]),
-      style: E(u.value),
-      onClick: g[1] || (g[1] = (b) => l("click", b))
+      class: x(["ck-img", p.value]),
+      style: E(r.value),
+      onClick: g[1] || (g[1] = (_) => l("click", _))
     }, [
-      $("img", {
-        src: s.value,
+      w("img", {
+        src: u.value,
         style: E(f.value),
         alt: m.alt,
-        onError: g[0] || (g[0] = (b) => a.value = !0)
+        onError: g[0] || (g[0] = (_) => a.value = !0)
       }, null, 44, va)
     ], 6));
   }
 });
-const ma = /* @__PURE__ */ H(fa, [["__scopeId", "data-v-485e840f"]]), ga = ["onKeyup"], ha = ["name", "value", "disabled"], ka = {
+const ma = /* @__PURE__ */ j(fa, [["__scopeId", "data-v-485e840f"]]), ga = ["onKeyup"], ha = ["name", "value", "disabled"], ka = {
   key: 0,
   class: "c-Radio__label"
-}, ya = /* @__PURE__ */ z({
+}, ya = /* @__PURE__ */ O({
   __name: "ck-radio",
   props: {
     modelValue: {},
@@ -3460,24 +3481,24 @@ const ma = /* @__PURE__ */ H(fa, [["__scopeId", "data-v-485e840f"]]), ga = ["onK
       const p = [];
       return t.vertical && p.push("vertical"), t.classes && p.push(t.classes), p;
     });
-    function s(p, u) {
+    function u(p, r) {
       p.value = n, l("change", n);
     }
-    return (p, u) => (v(!0), y(Z, null, ce(i.value, (f, r) => (v(), y("label", Ne({
+    return (p, r) => (v(!0), y(Y, null, de(i.value, (f, s) => (v(), y("label", Ne({
       class: "ck-radio",
-      key: `radio-${r}`,
+      key: `radio-${s}`,
       ref_for: !0
     }, a.value, {
       class: d.value,
-      onKeydown: u[1] || (u[1] = we(se(() => {
+      onKeydown: r[1] || (r[1] = _e(re(() => {
       }, ["prevent"]), ["space"])),
       onKeyup: [
-        we((h) => s(f), ["enter"]),
-        we((h) => s(f), ["space"])
+        _e((k) => u(f), ["enter"]),
+        _e((k) => u(f), ["space"])
       ]
     }), [
-      re($("input", {
-        "onUpdate:modelValue": u[0] || (u[0] = (h) => n.value = h),
+      ue(w("input", {
+        "onUpdate:modelValue": r[0] || (r[0] = (k) => n.value = k),
         class: "c-Radio__input",
         "aria-hidden": "true",
         type: "radio",
@@ -3487,12 +3508,12 @@ const ma = /* @__PURE__ */ H(fa, [["__scopeId", "data-v-485e840f"]]), ga = ["onK
       }, null, 8, ha), [
         [qt, n.value]
       ]),
-      u[2] || (u[2] = $("div", { class: "c-Radio__element" }, null, -1)),
-      f.label ? (v(), y("span", ka, I(f.label), 1)) : w("", !0)
+      r[2] || (r[2] = w("div", { class: "c-Radio__element" }, null, -1)),
+      f.label ? (v(), y("span", ka, I(f.label), 1)) : C("", !0)
     ], 16, ga))), 128));
   }
 });
-const _a = /* @__PURE__ */ H(ya, [["__scopeId", "data-v-d37d3f3e"]]);
+const _a = /* @__PURE__ */ j(ya, [["__scopeId", "data-v-d37d3f3e"]]);
 function ba(e, o) {
   const t = (l) => {
     var a;
@@ -3503,15 +3524,15 @@ function ba(e, o) {
     }
     window[l]("scroll", o);
   };
-  be(() => t("addEventListener")), vt(() => t("removeEventListener"));
+  be(() => t("addEventListener")), Xe(() => t("removeEventListener"));
 }
-function ct(e) {
+function dt(e) {
   return e.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
 }
 const Ca = {
   key: 0,
   class: "ck-select--optional-label"
-}, wa = ["disabled"], $a = ["value"], Ba = ["placeholder", "disabled"], Ta = ["onMousedown", "onMouseenter"], Va = ["textContent"], Da = /* @__PURE__ */ z({
+}, wa = ["disabled"], $a = ["value"], Ba = ["placeholder", "disabled"], Ta = ["onMousedown", "onMouseenter"], Va = ["textContent"], Da = /* @__PURE__ */ O({
   __name: "ck-select",
   props: /* @__PURE__ */ ee({
     options: {},
@@ -3557,241 +3578,244 @@ const Ca = {
   setup(e, { expose: o, emit: t }) {
     const l = ge(e, "modelValue"), n = e, a = t;
     o({
-      focus: Y,
+      focus: K,
       blur: Be
     });
-    const { cleekOptions: i } = le(te()), { windowWidth: d } = he(), s = P(), p = P(), u = P(), f = P(), r = P(""), h = P(!1), m = P(!1), g = P(-1), b = c(() => n.options.find((C) => pe(C) === l.value)), k = c(() => n.options.length), V = c(() => !k.value), W = c(() => k.value <= n.optionsLimit), _ = c(() => {
+    const { cleekOptions: i } = le(te()), { windowWidth: d } = he(), u = M(), p = M(), r = M(), f = M(), s = M(""), k = M(!1), m = M(!1), g = M(-1), _ = c(() => n.options.find((b) => ve(b) === l.value)), h = c(() => n.options.length), V = c(() => !h.value), R = c(() => h.value <= n.optionsLimit), D = c(() => {
       if (m.value)
         return n.options;
-      const C = ct(r.value).split(" ");
-      return n.options.filter((A) => {
-        const Q = ct(_e(A));
-        return C.every((N) => Q.includes(N));
+      const b = dt(s.value).split(" ");
+      return n.options.filter((z) => {
+        const J = dt(Ce(z));
+        return b.every((N) => J.includes(N));
       });
-    }), D = c(() => _.value.length), R = c(() => {
-      if (h.value && b.value)
-        return _e(b.value);
-    }), K = c(() => n.disabled || V.value), J = c(() => {
-      var C;
+    }), B = c(() => D.value.length), P = c(() => {
+      if (k.value && _.value)
+        return Ce(_.value);
+    }), F = c(() => n.disabled || V.value), X = c(() => {
+      var b;
       if (n.clearValue)
         return n.clearValue;
-      if ((C = i.value.select) != null && C.clearValue)
+      if ((b = i.value.select) != null && b.clearValue)
         return i.value.select.clearValue;
-    }), fe = c(() => {
-      if (J.value)
-        return J.value;
-      const C = l.value;
-      switch (typeof C) {
+    }), ne = c(() => {
+      if (X.value)
+        return X.value;
+      const b = l.value;
+      switch (typeof b) {
         case "number":
           return 0;
         case "string":
           return "";
         case "object":
-          return C ? Array.isArray(C) ? [] : {} : null;
+          return b ? Array.isArray(b) ? [] : {} : null;
         default:
           return null;
       }
-    }), Ce = c(() => {
-      const C = l.value;
-      return J.value ? C === J.value : typeof C == "number" ? C === 0 : typeof C == "string" ? C === "" : typeof C == "object" && C ? Array.isArray(C) ? C.length === 0 : Object.keys(C).length === 0 : C === null;
-    }), T = c(() => n.isLoading ? "Cargando..." : V.value ? n.emptyOptionsMsg : n.placeholder), F = c(
-      () => (V.value || Ce.value) && !r.value && T.value || n.isLoading
-    ), ie = c(() => K.value || n.notClearable ? !1 : !Ce.value), B = c(() => {
-      const C = [];
-      return n.icon && C.push("has-icon-left"), n.iconRight && C.push("has-icon-right"), C;
-    }), x = c(() => {
-      const C = [];
-      let A = !1;
+    }), we = c(() => {
+      const b = l.value;
+      return X.value ? b === X.value : typeof b == "number" ? b === 0 : typeof b == "string" ? b === "" : typeof b == "object" && b ? Array.isArray(b) ? b.length === 0 : Object.keys(b).length === 0 : b === null;
+    }), T = c(() => n.isLoading ? "Cargando..." : V.value ? n.emptyOptionsMsg : n.placeholder), q = c(
+      () => (V.value || we.value) && !s.value && T.value || n.isLoading
+    ), se = c(() => F.value || n.notClearable ? !1 : !we.value), $ = c(() => {
+      const b = [];
+      return n.icon && b.push("has-icon-left"), n.iconRight && b.push("has-icon-right"), b;
+    }), A = c(() => {
+      const b = [];
+      let z = !1;
       if (n.widthBreaks) {
-        const Q = L.getWidthByWidthBreaks(n.widthBreaks, d.value);
-        Q && (C.push({ width: Q }), A = !0);
+        const J = L.getWidthByWidthBreaks(n.widthBreaks, d.value);
+        J && (b.push({ width: J }), z = !0);
       }
-      return !A && n.minWidth && C.push({ "min-width": n.minWidth }), n.width && C.push({ width: n.width }), C;
-    }), X = c(() => {
-      const C = [];
-      C.push(L.getGroupClass(n, d.value));
-      const A = n.layout || i.value.styles.layout;
-      A && C.push(A), ie.value && C.push("clearable");
-      const Q = n.borderColor || i.value.styles.borderColor;
-      return Q && L.isColorTemplateVariable(Q) && C.push(`ck-component__border-color--${Q}`), C;
+      return !z && n.minWidth && b.push({ "min-width": n.minWidth }), n.width && b.push({ width: n.width }), b;
+    }), Q = c(() => {
+      const b = [];
+      b.push(L.getGroupClass(n, d.value));
+      const z = n.layout || i.value.styles.layout;
+      z && b.push(z), se.value && b.push("clearable");
+      const J = n.borderColor || i.value.styles.borderColor;
+      return J && L.isColorTemplateVariable(J) && b.push(`ck-component__border-color--${J}`), b;
     }), oe = c(() => {
-      const C = [], A = n.borderColor || i.value.styles.borderColor;
-      A && !L.isColorTemplateVariable(A) && C.push({ "border-color": A });
-      let Q = "";
-      i.value.select.backgroundColor && (Q = i.value.select.backgroundColor), i.value.darkMode && (Q = i.value.darkModeColorItems), Q && !L.isColorTemplateVariable(Q) && C.push({ backgroundColor: Q });
+      const b = [], z = n.borderColor || i.value.styles.borderColor;
+      z && !L.isColorTemplateVariable(z) && b.push({ "border-color": z });
+      let J = "";
+      i.value.select.backgroundColor && (J = i.value.select.backgroundColor), i.value.darkMode && (J = i.value.darkModeColorItems), J && !L.isColorTemplateVariable(J) && b.push({ backgroundColor: J });
       let N = i.value.popup.textColor;
-      return i.value.darkMode && (N = i.value.darkModeColorText), N && (L.isColorTemplateVariable(N) ? C.push(`ck-component__color--${N}`) : C.push({ color: N })), C;
-    }), ne = c(() => {
-      const C = [];
-      let A = i.value.popup.textColor;
-      return i.value.darkMode && (A = i.value.darkModeColorText), A && (L.isColorTemplateVariable(A) ? C.push(`ck-component__color--${A}`) : C.push({ color: A })), C;
+      return i.value.darkMode && (N = i.value.darkModeColorText), N && (L.isColorTemplateVariable(N) ? b.push(`ck-component__color--${N}`) : b.push({ color: N })), b;
+    }), ae = c(() => {
+      const b = [];
+      let z = i.value.popup.textColor;
+      return i.value.darkMode && (z = i.value.darkModeColorText), z && (L.isColorTemplateVariable(z) ? b.push(`ck-component__color--${z}`) : b.push({ color: z })), b;
     });
-    ue(() => b.value, () => He()), ue(() => D.value, (C) => {
-      g.value !== -1 && (g.value + 1 <= C || (g.value = C - 1));
-    }), ue(() => u.value, (C) => {
-      C && (f.value = { display: "none" }, setTimeout(() => {
-        const A = document.documentElement.clientHeight, Q = document.documentElement.clientWidth, N = p.value.getBoundingClientRect(), me = {}, Ie = N.top < A / 2;
-        Ie ? me.top = `${N.bottom}px` : me.bottom = `${A - N.top}px`, me.left = `${N.left}px`, me.right = `${Q - N.right}px`;
-        const tt = 100;
-        me["max-height"] = Ie ? `${A - N.top - tt}px` : `${N.bottom - tt}px`, me.display = "block", f.value = me;
+    ce(() => _.value, () => He()), ce(() => B.value, (b) => {
+      g.value !== -1 && (g.value + 1 <= b || (g.value = b - 1));
+    }), ce(() => r.value, (b) => {
+      b && (f.value = { display: "none" }, setTimeout(() => {
+        const z = document.documentElement.clientHeight, J = document.documentElement.clientWidth, N = p.value.getBoundingClientRect(), me = {}, xe = N.top < z / 2;
+        xe ? me.top = `${N.bottom}px` : me.bottom = `${z - N.top}px`, me.left = `${N.left}px`, me.right = `${J - N.right}px`;
+        const ot = 100;
+        me["max-height"] = xe ? `${z - N.top - ot}px` : `${N.bottom - ot}px`, me.display = "block", f.value = me;
       }, 150));
     });
-    function pe(C) {
-      return n.reduceValueFunction ? n.reduceValueFunction(C) : n.notReduceValue || n.notReduce ? C : n.reduceValueMethod ? C[n.reduceValueMethod]() : C[n.reduceValueProp];
+    function ve(b) {
+      return n.reduceValueFunction ? n.reduceValueFunction(b) : n.notReduceValue || n.notReduce ? b : n.reduceValueMethod ? b[n.reduceValueMethod]() : b[n.reduceValueProp];
     }
-    function _e(C) {
-      return n.reduceNameFunction ? n.reduceNameFunction(C) : n.notReduceName || n.notReduce ? C : n.reduceNameMethod ? C[n.reduceNameMethod]() : C[n.reduceNameProp];
+    function Ce(b) {
+      return n.reduceNameFunction ? n.reduceNameFunction(b) : n.notReduceName || n.notReduce ? b : n.reduceNameMethod ? b[n.reduceNameMethod]() : b[n.reduceNameProp];
     }
-    function Y() {
-      var C, A;
-      (C = s.value) == null || C.focus(), (A = p.value) == null || A.focus();
+    function K() {
+      var b, z;
+      (b = u.value) == null || b.focus(), (z = p.value) == null || z.focus();
     }
     function Be() {
-      var C, A;
-      (C = s.value) == null || C.blur(), (A = p.value) == null || A.blur();
+      var b, z;
+      (b = u.value) == null || b.blur(), (z = p.value) == null || z.blur();
     }
     function Fe() {
-      r.value = "", m.value = !0, Lt(), h.value = !0;
+      s.value = "", m.value = !0, Lt(), k.value = !0;
     }
     function Bt() {
-      He(), h.value = !1;
+      He(), k.value = !1;
     }
     function Tt() {
       m.value = !1;
     }
-    function Vt(C) {
-      const A = D.value;
-      if (C === "ArrowDown")
-        g.value = g.value + 1 >= A ? 0 : g.value + 1;
-      else if (C === "ArrowUp")
-        g.value = g.value <= 0 ? A - 1 : g.value - 1;
-      else if (C === "Enter") {
-        const Q = g.value >= 0 ? g.value : 0;
-        qe(pe(_.value[Q])), Be();
+    function Vt(b) {
+      const z = B.value;
+      if (b === "ArrowDown")
+        g.value = g.value + 1 >= z ? 0 : g.value + 1;
+      else if (b === "ArrowUp")
+        g.value = g.value <= 0 ? z - 1 : g.value - 1;
+      else if (b === "Enter") {
+        const J = g.value >= 0 ? g.value : 0;
+        qe(ve(D.value[J])), Be();
       }
     }
-    function qe(C) {
-      l.value = C, a("change", C);
+    function qe(b) {
+      l.value = b, a("change", b);
     }
     function He() {
-      const C = b.value;
-      r.value = C ? _e(C) : "";
+      const b = _.value;
+      s.value = b ? Ce(b) : "";
     }
     function Dt() {
-      r.value = "", qe(fe.value);
+      s.value = "", qe(ne.value);
     }
     function Lt() {
-      if (b.value) {
-        const C = _.value;
-        g.value = C.findIndex((A) => pe(A) === pe(b.value));
+      if (_.value) {
+        const b = D.value;
+        g.value = b.findIndex((z) => ve(z) === ve(_.value));
       } else
         g.value = -1;
     }
     return ba(p, () => {
-      var C;
-      return (C = p.value) == null ? void 0 : C.blur();
-    }), He(), (C, A) => {
-      const Q = j("ck-button");
+      var b;
+      return (b = p.value) == null ? void 0 : b.blur();
+    }), He(), (b, z) => {
+      const J = U("ck-button");
       return v(), y("div", {
-        class: M(["ck-select", B.value]),
-        style: E(x.value)
+        class: x(["ck-select", $.value]),
+        style: E(A.value)
       }, [
-        C.label ? (v(), S(Me, {
+        b.label ? (v(), S(Me, {
           key: 0,
-          align: C.labelAlign,
+          align: b.labelAlign,
           for: "ck-select"
         }, {
-          default: q(() => [
-            G(I(C.label) + " ", 1),
-            C.optional ? (v(), y("span", Ca, "opcional")) : w("", !0)
+          default: H(() => [
+            Z(I(b.label) + " ", 1),
+            b.optional ? (v(), y("span", Ca, "opcional")) : C("", !0)
           ]),
           _: 1
-        }, 8, ["align"])) : w("", !0),
-        W.value ? re((v(), y("select", {
+        }, 8, ["align"])) : C("", !0),
+        R.value ? ue((v(), y("select", {
           key: 1,
           ref_key: "selectRef",
-          ref: s,
-          "onUpdate:modelValue": A[0] || (A[0] = (N) => l.value = N),
+          ref: u,
+          tabindex: "0",
+          "onUpdate:modelValue": z[0] || (z[0] = (N) => l.value = N),
           id: "ck-select",
-          class: M(X.value),
+          class: x(Q.value),
           style: E(oe.value),
-          disabled: K.value,
-          onChange: A[1] || (A[1] = (N) => a("change", l.value)),
-          onClick: A[2] || (A[2] = (N) => a("click", N))
+          disabled: F.value,
+          onChange: z[1] || (z[1] = (N) => a("change", l.value)),
+          onClick: z[2] || (z[2] = (N) => a("click", N))
         }, [
-          (v(!0), y(Z, null, ce(C.options, (N) => (v(), y("option", {
-            value: pe(N),
+          (v(!0), y(Y, null, de(b.options, (N) => (v(), y("option", {
+            value: ve(N),
             key: N,
-            style: E(ne.value)
-          }, I(_e(N)), 13, $a))), 128))
+            style: E(ae.value)
+          }, I(Ce(N)), 13, $a))), 128))
         ], 46, wa)), [
           [Ht, l.value]
-        ]) : re((v(), y("input", {
+        ]) : ue((v(), y("input", {
           key: 2,
           ref_key: "inputRef",
           ref: p,
-          "onUpdate:modelValue": A[3] || (A[3] = (N) => r.value = N),
+          tabindex: "0",
+          "onUpdate:modelValue": z[3] || (z[3] = (N) => s.value = N),
           id: "ck-select",
-          class: M(X.value),
+          class: x(Q.value),
           style: E(oe.value),
-          placeholder: R.value,
-          disabled: K.value,
+          placeholder: P.value,
+          disabled: F.value,
           autocomplete: "off",
-          onClick: A[4] || (A[4] = (N) => a("click", N)),
-          onFocus: A[5] || (A[5] = (N) => Fe()),
-          onBlur: A[6] || (A[6] = (N) => Bt()),
-          onInput: A[7] || (A[7] = (N) => Tt()),
-          onKeydown: A[8] || (A[8] = (N) => Vt(N.key))
+          onClick: z[4] || (z[4] = (N) => a("click", N)),
+          onFocus: z[5] || (z[5] = (N) => Fe()),
+          onBlur: z[6] || (z[6] = (N) => Bt()),
+          onInput: z[7] || (z[7] = (N) => Tt()),
+          onKeydown: z[8] || (z[8] = (N) => Vt(N.key))
         }, null, 46, Ba)), [
-          [We, r.value]
+          [We, s.value]
         ]),
         (v(), S(Pe, { to: "body" }, [
-          h.value && _.value.length ? (v(), y("ul", {
+          k.value && D.value.length ? (v(), y("ul", {
             key: 0,
             ref_key: "dropdownRef",
-            ref: u,
+            ref: r,
             class: "ck-input-dropdown",
             style: E(f.value)
           }, [
-            (v(!0), y(Z, null, ce(_.value, (N, me) => (v(), y("li", {
-              key: pe(N),
-              class: M(["dropdown--option", {
-                "dropdown--option__selected": pe(N) === l.value,
+            (v(!0), y(Y, null, de(D.value, (N, me) => (v(), y("li", {
+              key: ve(N),
+              class: x(["dropdown--option", {
+                "dropdown--option__selected": ve(N) === l.value,
                 "dropdown--option__index-selected": me === g.value
               }]),
-              onMousedown: (Ie) => qe(pe(N)),
-              onMouseenter: (Ie) => g.value = me
-            }, I(_e(N)), 43, Ta))), 128))
-          ], 4)) : w("", !0)
+              onMousedown: (xe) => qe(ve(N)),
+              onMouseenter: (xe) => g.value = me
+            }, I(Ce(N)), 43, Ta))), 128))
+          ], 4)) : C("", !0)
         ])),
-        F.value ? (v(), y("span", {
+        q.value ? (v(), y("span", {
           key: 3,
           class: "ck-select--placeholder",
           textContent: I(T.value)
-        }, null, 8, Va)) : w("", !0),
-        C.icon ? (v(), S(ae, {
+        }, null, 8, Va)) : C("", !0),
+        b.icon ? (v(), S(ie, {
           key: 4,
           class: "ck-select--icon-left",
-          icon: C.icon,
-          "icon-pack": C.iconPack,
-          color: C.iconColor
-        }, null, 8, ["icon", "icon-pack", "color"])) : w("", !0),
-        C.iconRight ? (v(), S(ae, {
+          icon: b.icon,
+          "icon-pack": b.iconPack,
+          color: b.iconColor
+        }, null, 8, ["icon", "icon-pack", "color"])) : C("", !0),
+        b.iconRight ? (v(), S(ie, {
           key: 5,
           class: "ck-select--icon-right",
-          icon: C.iconRight,
-          "icon-pack": C.iconPack,
-          color: C.iconColor
-        }, null, 8, ["icon", "icon-pack", "color"])) : w("", !0),
-        ie.value ? (v(), S(Q, {
+          icon: b.iconRight,
+          "icon-pack": b.iconPack,
+          color: b.iconColor
+        }, null, 8, ["icon", "icon-pack", "color"])) : C("", !0),
+        se.value ? (v(), S(J, {
           key: 6,
           class: "ck-select--btn",
           size: "s",
           icon: "times",
           type: "flat",
-          onClick: A[9] || (A[9] = (N) => Dt())
-        })) : K.value ? w("", !0) : (v(), S(Q, {
+          onClick: z[9] || (z[9] = (N) => Dt())
+        })) : F.value ? C("", !0) : (v(), S(J, {
           key: 7,
+          tabindex: "-1",
           class: "ck-select--btn",
           style: { "pointer-events": "none" },
           size: "s",
@@ -3802,7 +3826,7 @@ const Ca = {
     };
   }
 });
-const La = /* @__PURE__ */ H(Da, [["__scopeId", "data-v-c9496ce1"]]), Sa = {
+const La = /* @__PURE__ */ j(Da, [["__scopeId", "data-v-cd07c9f8"]]), Sa = {
   key: 0,
   class: "sidebar-header-title"
 }, Pa = {
@@ -3811,10 +3835,10 @@ const La = /* @__PURE__ */ H(Da, [["__scopeId", "data-v-c9496ce1"]]), Sa = {
 }, Ma = {
   key: 2,
   class: "ck-sidebar__content"
-}, Ia = {
+}, xa = {
   key: 3,
   class: "ck-sidbar__footer"
-}, xa = /* @__PURE__ */ z({
+}, Ia = /* @__PURE__ */ O({
   __name: "ck-sidebar",
   props: /* @__PURE__ */ ee({
     title: {},
@@ -3835,60 +3859,60 @@ const La = /* @__PURE__ */ H(Da, [["__scopeId", "data-v-c9496ce1"]]), Sa = {
     const o = ge(e, "modelValue"), t = e, l = c(() => ({
       "right-side": t.rightSide
     })), n = c(() => {
-      const s = [];
-      return t.width && s.push({ width: t.width }), s;
+      const u = [];
+      return t.width && u.push({ width: t.width }), u;
     }), a = c(() => {
-      const s = [];
+      const u = [];
       let p = t.closeBtnAlign;
-      return t.notCloseBtn && (p = "hidden"), p && s.push(`close-btn--${p}`), t.headerAlign && s.push(`align-title--${t.headerAlign}`), t.headerColor && L.isColorTemplateVariable(t.headerColor) && s.push(`ck-component__bg-color--${t.headerColor}`), t.headerColor && s.push(`align-title--${t.headerColor}`), s;
+      return t.notCloseBtn && (p = "hidden"), p && u.push(`close-btn--${p}`), t.headerAlign && u.push(`align-title--${t.headerAlign}`), t.headerColor && L.isColorTemplateVariable(t.headerColor) && u.push(`ck-component__bg-color--${t.headerColor}`), t.headerColor && u.push(`align-title--${t.headerColor}`), u;
     }), i = c(() => {
-      const s = [];
-      return t.headerColor && !L.isColorTemplateVariable(t.headerColor) && s.push({ "background-color": t.headerColor }), s;
+      const u = [];
+      return t.headerColor && !L.isColorTemplateVariable(t.headerColor) && u.push({ "background-color": t.headerColor }), u;
     }), d = c(() => t.closeBtnIcon ? t.closeBtnIcon : "times");
-    return ue(() => o.value, (s) => $t(!s)), (s, p) => {
-      const u = j("ck-icon");
+    return ce(() => o.value, (u) => $t(!u)), (u, p) => {
+      const r = U("ck-icon");
       return o.value ? (v(), y("div", {
         key: 0,
         class: "ck-sidebar-background",
-        onClick: p[1] || (p[1] = se((f) => o.value = !1, ["self"]))
+        onClick: p[1] || (p[1] = re((f) => o.value = !1, ["self"]))
       }, [
-        $("div", {
-          class: M(["ck-sidebar", l.value]),
+        w("div", {
+          class: x(["ck-sidebar", l.value]),
           style: E(n.value)
         }, [
-          O(s.$slots, "header", {}, void 0, !0),
-          s.title ? (v(), y("div", {
+          W(u.$slots, "header", {}, void 0, !0),
+          u.title ? (v(), y("div", {
             key: 0,
-            class: M(["sidebar-header", a.value]),
+            class: x(["sidebar-header", a.value]),
             style: E(i.value),
             onClick: p[0] || (p[0] = (f) => o.value = !1)
           }, [
-            s.title ? (v(), y("div", Sa, I(s.title), 1)) : w("", !0),
-            s.notCloseBtn ? (v(), S(u, {
+            u.title ? (v(), y("div", Sa, I(u.title), 1)) : C("", !0),
+            u.notCloseBtn ? (v(), S(r, {
               key: 1,
               class: "close-btn",
               icon: d.value
-            }, null, 8, ["icon"])) : w("", !0)
-          ], 6)) : w("", !0),
-          s.isLoading ? (v(), y("div", Pa, [
-            U(u, {
+            }, null, 8, ["icon"])) : C("", !0)
+          ], 6)) : C("", !0),
+          u.isLoading ? (v(), y("div", Pa, [
+            G(r, {
               icon: "spinner",
               size: "xxl",
               spin: "",
               color: "primary"
             })
           ])) : (v(), y("div", Ma, [
-            O(s.$slots, "default", {}, void 0, !0)
+            W(u.$slots, "default", {}, void 0, !0)
           ])),
-          s.$slots.footer ? (v(), y("div", Ia, [
-            O(s.$slots, "footer", {}, void 0, !0)
-          ])) : w("", !0)
+          u.$slots.footer ? (v(), y("div", xa, [
+            W(u.$slots, "footer", {}, void 0, !0)
+          ])) : C("", !0)
         ], 6)
-      ])) : w("", !0);
+      ])) : C("", !0);
     };
   }
 });
-const Aa = /* @__PURE__ */ H(xa, [["__scopeId", "data-v-19f1984b"]]), za = ["disabled"], Ra = { class: "ck-switch__slider-container" }, Ye = "s", Oa = "m", Wa = /* @__PURE__ */ z({
+const Aa = /* @__PURE__ */ j(Ia, [["__scopeId", "data-v-19f1984b"]]), za = ["disabled"], Ra = { class: "ck-switch__slider-container" }, Ye = "s", Oa = "m", Wa = /* @__PURE__ */ O({
   __name: "ck-switch",
   props: /* @__PURE__ */ ee({
     preventAutoUpdate: { type: Boolean },
@@ -3898,6 +3922,7 @@ const Aa = /* @__PURE__ */ H(xa, [["__scopeId", "data-v-19f1984b"]]), za = ["dis
     size: {},
     textSize: {},
     switchSide: {},
+    color: {},
     icon: {},
     iconPack: {}
   }, {
@@ -3907,78 +3932,78 @@ const Aa = /* @__PURE__ */ H(xa, [["__scopeId", "data-v-19f1984b"]]), za = ["dis
   emits: /* @__PURE__ */ ee(["click"], ["update:modelValue"]),
   setup(e, { emit: o }) {
     const t = ge(e, "modelValue"), l = e, n = o, { cleekOptions: a } = le(te()), i = c(() => {
-      const r = [];
-      l.squared && r.push("is-squared"), l.outlined && r.push("is-outlined");
-      let h = l.size || Ye;
-      return r.push(`ck-switch--size-${h}`), r;
+      const s = [];
+      l.squared && s.push("is-squared"), l.outlined && s.push("is-outlined"), l.color && s.push(`--${l.color}`);
+      let k = l.size || Ye;
+      return s.push(`ck-switch--size-${k}`), s;
     }), d = c(() => ({
       "aria-disabled": l.disabled,
       tabindex: l.disabled ? void 0 : "0"
-    })), s = c(() => {
-      const r = [];
-      return l.size && l.size !== Ye && r.push(`ck-switch__icon-size--${l.size}`), r;
+    })), u = c(() => {
+      const s = [];
+      return l.size && l.size !== Ye && s.push(`ck-switch__icon-size--${l.size}`), s;
     }), p = c(() => {
-      const r = [];
-      return a.value.darkMode && r.push({ color: a.value.darkModeColorText }), l.size && l.size !== Ye && r.push(`ck-switch__icon-size--${l.size}`), r;
-    }), u = c(() => {
-      const r = [];
-      return l.textSize && l.textSize !== Oa && r.push(`ck-switch__text-size--${l.textSize}`), r;
+      const s = [];
+      return a.value.darkMode && s.push({ color: a.value.darkModeColorText }), l.size && l.size !== Ye && s.push(`ck-switch__icon-size--${l.size}`), s;
+    }), r = c(() => {
+      const s = [];
+      return l.textSize && l.textSize !== Oa && s.push(`ck-switch__text-size--${l.textSize}`), s;
     });
-    function f(r) {
+    function f(s) {
       if (l.preventAutoUpdate) {
-        r.preventDefault(), r.stopPropagation();
+        s.preventDefault(), s.stopPropagation();
         return;
       }
       n("click");
     }
-    return (r, h) => (v(), y("label", Ne(d.value, {
+    return (s, k) => (v(), y("label", Ne(d.value, {
       class: ["ck-switch", i.value],
-      onKeydown: h[2] || (h[2] = we(se(() => {
+      onKeydown: k[2] || (k[2] = _e(re(() => {
       }, ["prevent"]), ["space"]))
     }), [
-      r.$slots.default && r.switchSide === "right" ? (v(), y("span", {
+      s.$slots.default && s.switchSide === "right" ? (v(), y("span", {
         key: 0,
-        class: M(["ck-switch__content", u.value]),
+        class: x(["ck-switch__content", r.value]),
         style: E(p.value)
       }, [
-        O(r.$slots, "default", {}, void 0, !0)
-      ], 6)) : w("", !0),
-      re($("input", {
+        W(s.$slots, "default", {}, void 0, !0)
+      ], 6)) : C("", !0),
+      ue(w("input", {
         class: "ck-switch__input",
         type: "checkbox",
-        "onUpdate:modelValue": h[0] || (h[0] = (m) => t.value = m),
+        "onUpdate:modelValue": k[0] || (k[0] = (m) => t.value = m),
         "aria-hidden": "true",
-        disabled: r.disabled,
-        onClick: h[1] || (h[1] = (m) => f(m))
+        disabled: s.disabled,
+        onClick: k[1] || (k[1] = (m) => f(m))
       }, null, 8, za), [
         [jt, t.value]
       ]),
-      $("div", Ra, [
-        h[3] || (h[3] = $("div", { class: "ck-switch__slider" }, null, -1)),
-        r.icon && t.value ? (v(), S(ae, {
+      w("div", Ra, [
+        k[3] || (k[3] = w("div", { class: "ck-switch__slider" }, null, -1)),
+        s.icon && t.value ? (v(), S(ie, {
           key: 0,
-          class: M(["ck-switch__icon-left", s.value]),
-          icon: r.icon,
-          "icon-pack": r.iconPack
-        }, null, 8, ["icon", "icon-pack", "class"])) : w("", !0),
-        r.icon && !t.value ? (v(), S(ae, {
+          class: x(["ck-switch__icon-left", u.value]),
+          icon: s.icon,
+          "icon-pack": s.iconPack
+        }, null, 8, ["icon", "icon-pack", "class"])) : C("", !0),
+        s.icon && !t.value ? (v(), S(ie, {
           key: 1,
-          class: M(["ck-switch__icon-right", s.value]),
-          icon: r.icon,
-          "icon-pack": r.iconPack
-        }, null, 8, ["icon", "icon-pack", "class"])) : w("", !0)
+          class: x(["ck-switch__icon-right", u.value]),
+          icon: s.icon,
+          "icon-pack": s.iconPack
+        }, null, 8, ["icon", "icon-pack", "class"])) : C("", !0)
       ]),
-      r.$slots.default && r.switchSide !== "right" ? (v(), y("span", {
+      s.$slots.default && s.switchSide !== "right" ? (v(), y("span", {
         key: 1,
-        class: M(["ck-switch__content", u.value]),
+        class: x(["ck-switch__content", r.value]),
         style: E(p.value)
       }, [
-        O(r.$slots, "default", {}, void 0, !0)
-      ], 6)) : w("", !0)
+        W(s.$slots, "default", {}, void 0, !0)
+      ], 6)) : C("", !0)
     ], 16));
   }
 });
-const Na = /* @__PURE__ */ H(Wa, [["__scopeId", "data-v-9b21ac28"]]), Ea = { class: "ck-switch-options" }, Fa = ["onClick"], qa = /* @__PURE__ */ z({
+const Na = /* @__PURE__ */ j(Wa, [["__scopeId", "data-v-d143a8d0"]]), Ea = { class: "ck-switch-options" }, Fa = ["onClick", "onKeyup"], qa = /* @__PURE__ */ O({
   __name: "ck-switch-options",
   props: /* @__PURE__ */ ee({
     options: {},
@@ -4010,53 +4035,55 @@ const Na = /* @__PURE__ */ H(Wa, [["__scopeId", "data-v-9b21ac28"]]), Ea = { cla
       const f = [];
       return l.sameWidthOptions && f.push({ width: `${100 / (l.options || []).length}%` }), f;
     });
-    function s(f) {
+    function u(f) {
       return l.reduceValueFunction ? l.reduceValueFunction(f) : l.notReduceValue || l.notReduce ? f : l.reduceValueMethod ? f[l.reduceValueMethod]() : f[l.reduceValueProp];
     }
     function p(f) {
       return l.reduceNameFunction ? l.reduceNameFunction(f) : l.notReduceName || l.notReduce ? f : l.reduceNameMethod ? f[l.reduceNameMethod]() : f[l.reduceNameProp];
     }
-    function u(f) {
-      const r = s(f);
-      t.value = r, n("change", r);
+    function r(f) {
+      const s = u(f);
+      t.value = s, n("change", s);
     }
-    return (f, r) => {
-      const h = j("ck-icon");
+    return (f, s) => {
+      const k = U("ck-icon");
       return v(), y("div", Ea, [
         f.label ? (v(), S(Me, {
           key: 0,
           align: f.labelAlign
         }, {
-          default: q(() => [
-            G(I(f.label), 1)
+          default: H(() => [
+            Z(I(f.label), 1)
           ]),
           _: 1
-        }, 8, ["align"])) : w("", !0),
-        $("div", {
-          class: M(["switch-options--options", i.value])
+        }, 8, ["align"])) : C("", !0),
+        w("div", {
+          class: x(["switch-options--options", i.value])
         }, [
-          (v(!0), y(Z, null, ce(f.options, (m, g) => (v(), y("div", {
+          (v(!0), y(Y, null, de(f.options, (m, g) => (v(), y("div", {
             key: g,
-            class: M(["options--option", { selected: s(m) === t.value }]),
+            tabindex: "0",
+            class: x(["options--option", { selected: u(m) === t.value }]),
             style: E(d.value),
-            onClick: (b) => u(m)
+            onClick: (_) => r(m),
+            onKeyup: _e((_) => r(m), ["enter"])
           }, [
-            m.icon ? (v(), S(h, {
+            m.icon ? (v(), S(k, {
               key: 0,
               class: "option--icon",
               icon: m.icon
-            }, null, 8, ["icon"])) : w("", !0),
-            G(" " + I(p(m)), 1)
-          ], 14, Fa))), 128))
+            }, null, 8, ["icon"])) : C("", !0),
+            Z(" " + I(p(m)), 1)
+          ], 46, Fa))), 128))
         ], 2)
       ]);
     };
   }
 });
-const Ha = /* @__PURE__ */ H(qa, [["__scopeId", "data-v-a455f214"]]), ja = { class: "ck-textarea" }, Ua = {
+const Ha = /* @__PURE__ */ j(qa, [["__scopeId", "data-v-c323f4fa"]]), ja = { class: "ck-textarea" }, Ua = {
   key: 0,
   class: "ck-textarea__optional-label"
-}, Ga = ["placeholder", "disabled"], Za = 300, Ya = /* @__PURE__ */ z({
+}, Ga = ["placeholder", "disabled"], Za = 300, Ya = /* @__PURE__ */ O({
   __name: "ck-textarea",
   props: {
     modelValue: {},
@@ -4082,33 +4109,33 @@ const Ha = /* @__PURE__ */ H(qa, [["__scopeId", "data-v-a455f214"]]), ja = { cla
   },
   emits: ["update:modelValue", "input", "change", "click", "changeDelayed"],
   setup(e, { emit: o }) {
-    const t = e, l = o, { cleekOptions: n } = le(te()), a = P(), { windowWidth: i } = he(), d = c({
+    const t = e, l = o, { cleekOptions: n } = le(te()), a = M(), { windowWidth: i } = he(), d = c({
       get() {
         return t.modelValue;
       },
       set(m) {
-        t.capitalize && (m = ze.capitalize(m)), l("update:modelValue", m), h(m);
+        t.capitalize && (m = ze.capitalize(m)), l("update:modelValue", m), k(m);
       }
-    }), s = c(() => {
+    }), u = c(() => {
       const m = [], g = t.layout || n.value.styles.layout;
       g && m.push(g);
-      const b = t.borderColor || n.value.styles.borderColor;
-      return b && L.isColorTemplateVariable(b) && m.push(`ck-component__border-color--${b}`), m.push(L.getGroupClass(t, i.value)), m;
+      const _ = t.borderColor || n.value.styles.borderColor;
+      return _ && L.isColorTemplateVariable(_) && m.push(`ck-component__border-color--${_}`), m.push(L.getGroupClass(t, i.value)), m;
     }), p = c(() => {
-      var k;
-      const m = [], g = t.borderColor || ((k = n.value.styles) == null ? void 0 : k.borderColor);
+      var h;
+      const m = [], g = t.borderColor || ((h = n.value.styles) == null ? void 0 : h.borderColor);
       g && !L.isColorTemplateVariable(g) && m.push({ "border-color": g }), t.align && m.push(`align--${t.align}`), t.fontSize && m.push({ "font-size": t.fontSize }), t.borderRadius && m.push({ "border-radius": t.borderRadius }), t.textColor && m.push({ color: t.textColor }), t.width && m.push({ width: t.width }), t.height && m.push({ height: t.height });
-      const b = t.resize ? t.resize : "none";
-      return b && m.push({ resize: b || "both" }), m;
-    }), u = (m) => {
+      const _ = t.resize ? t.resize : "none";
+      return _ && m.push({ resize: _ || "both" }), m;
+    }), r = (m) => {
       var g;
       t.autoSelect && ((g = a.value) == null || g.select()), l("click", m);
     }, f = (m) => {
       l("input", m);
-    }, r = (m) => {
+    }, s = (m) => {
       l("change", m);
     };
-    function h(m) {
+    function k(m) {
       setTimeout(() => {
         d.value === m && l("changeDelayed", m);
       }, t.delayChangeTime || Za);
@@ -4118,39 +4145,39 @@ const Ha = /* @__PURE__ */ H(qa, [["__scopeId", "data-v-a455f214"]]), ja = { cla
         key: 0,
         align: m.labelAlign
       }, {
-        default: q(() => [
-          G(I(m.label) + " ", 1),
-          m.optional ? (v(), y("span", Ua, "opcional")) : w("", !0)
+        default: H(() => [
+          Z(I(m.label) + " ", 1),
+          m.optional ? (v(), y("span", Ua, "opcional")) : C("", !0)
         ]),
         _: 1
-      }, 8, ["align"])) : w("", !0),
-      re($("textarea", {
-        "onUpdate:modelValue": g[0] || (g[0] = (b) => d.value = b),
+      }, 8, ["align"])) : C("", !0),
+      ue(w("textarea", {
+        "onUpdate:modelValue": g[0] || (g[0] = (_) => d.value = _),
         ref_key: "refTextarea",
         ref: a,
         placeholder: m.placeholder,
         disabled: m.disabled,
-        class: M(s.value),
+        class: x(u.value),
         style: E(p.value),
-        onClick: g[1] || (g[1] = (b) => u(b)),
-        onInput: g[2] || (g[2] = (b) => f(b)),
-        onChange: g[3] || (g[3] = (b) => r(b))
+        onClick: g[1] || (g[1] = (_) => r(_)),
+        onInput: g[2] || (g[2] = (_) => f(_)),
+        onChange: g[3] || (g[3] = (_) => s(_))
       }, null, 46, Ga), [
         [We, d.value]
       ])
     ]));
   }
 });
-const Ka = /* @__PURE__ */ H(Ya, [["__scopeId", "data-v-02767f25"]]), Ja = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy43LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNFQTRCNEI7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnPg0KCQk8Zz4NCgkJCTxyZWN0IHg9IjQ1IiB5PSI2NC45IiBjbGFzcz0ic3QwIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAuMiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxnPg0KCQk8Zz4NCgkJCTxyZWN0IHg9IjQ1IiB5PSIyNC45IiBjbGFzcz0ic3QwIiB3aWR0aD0iMTAiIGhlaWdodD0iMzAuMiIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTY5LjIsMTYuN0w4OC41LDUwTDY5LjIsODMuM0gzMC44TDExLjUsNTBsMTkuMi0zMy4zSDY5LjIgTTc1LDYuN0gyNUwwLDUwbDI1LDQzLjNoNTBMMTAwLDUwTDc1LDYuN0w3NSw2Ljd6Ig0KCS8+DQo8L3N2Zz4NCg==", Qa = { class: "ck-confirm--background" }, Xa = { class: "ck-confirm" }, ei = { class: "ck-confirm__title" }, ti = { class: "ck-confirm__message" }, oi = { class: "ck-confirm__buttons-container" }, li = /* @__PURE__ */ z({
+const Ka = /* @__PURE__ */ j(Ya, [["__scopeId", "data-v-02767f25"]]), Ja = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy43LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNFQTRCNEI7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnPg0KCQk8Zz4NCgkJCTxyZWN0IHg9IjQ1IiB5PSI2NC45IiBjbGFzcz0ic3QwIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAuMiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxnPg0KCQk8Zz4NCgkJCTxyZWN0IHg9IjQ1IiB5PSIyNC45IiBjbGFzcz0ic3QwIiB3aWR0aD0iMTAiIGhlaWdodD0iMzAuMiIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTY5LjIsMTYuN0w4OC41LDUwTDY5LjIsODMuM0gzMC44TDExLjUsNTBsMTkuMi0zMy4zSDY5LjIgTTc1LDYuN0gyNUwwLDUwbDI1LDQzLjNoNTBMMTAwLDUwTDc1LDYuN0w3NSw2Ljd6Ig0KCS8+DQo8L3N2Zz4NCg==", Qa = { class: "ck-confirm--background" }, Xa = { class: "ck-confirm" }, ei = { class: "ck-confirm__title" }, ti = { class: "ck-confirm__message" }, oi = { class: "ck-confirm__buttons-container" }, li = /* @__PURE__ */ O({
   __name: "CkConfirm",
   setup(e, { expose: o }) {
-    const t = P(""), l = P(""), n = P(""), a = P(""), i = P(() => {
-    }), d = P(() => {
-    }), s = c(() => "¿Estás seguro?"), p = c(() => "Aceptar"), u = c(() => "Cancelar");
+    const t = M(""), l = M(""), n = M(""), a = M(""), i = M(() => {
+    }), d = M(() => {
+    }), u = c(() => "¿Estás seguro?"), p = c(() => "Aceptar"), r = c(() => "Cancelar");
     function f() {
       d.value();
     }
-    function r() {
+    function s() {
       i.value();
     }
     return o({
@@ -4160,42 +4187,42 @@ const Ka = /* @__PURE__ */ H(Ya, [["__scopeId", "data-v-02767f25"]]), Ja = "data
       cancelText: a,
       responseSuccess: i,
       responseFailure: d
-    }), (h, m) => (v(), y("div", Qa, [
-      $("div", Xa, [
-        m[2] || (m[2] = $("div", { class: "ck-confirm__icon" }, [
-          $("img", {
+    }), (k, m) => (v(), y("div", Qa, [
+      w("div", Xa, [
+        m[2] || (m[2] = w("div", { class: "ck-confirm__icon" }, [
+          w("img", {
             src: Ja,
             height: "125"
           })
         ], -1)),
-        $("div", ei, I(t.value || s.value), 1),
-        $("div", ti, I(l.value), 1),
-        $("div", oi, [
-          $("button", {
+        w("div", ei, I(t.value || u.value), 1),
+        w("div", ti, I(l.value), 1),
+        w("div", oi, [
+          w("button", {
             class: "ck-confirm__button--cancel",
             onClick: m[0] || (m[0] = (g) => f())
-          }, I(a.value || u.value), 1),
-          $("button", {
+          }, I(a.value || r.value), 1),
+          w("button", {
             class: "ck-confirm__button--accept",
-            onClick: m[1] || (m[1] = (g) => r())
+            onClick: m[1] || (m[1] = (g) => s())
           }, I(n.value || p.value), 1)
         ])
       ])
     ]));
   }
 });
-const ni = /* @__PURE__ */ H(li, [["__scopeId", "data-v-817a5ee4"]]), ai = { class: "alert--msg" }, ii = /* @__PURE__ */ z({
+const ni = /* @__PURE__ */ j(li, [["__scopeId", "data-v-817a5ee4"]]), ai = { class: "alert--msg" }, ii = /* @__PURE__ */ O({
   __name: "CkAlert",
   setup(e, { expose: o }) {
-    const t = P(""), l = P(""), n = P(""), a = P(!0), i = c(() => "Atención"), d = c(() => "Aceptar");
+    const t = M(""), l = M(""), n = M(""), a = M(!0), i = c(() => "Atención"), d = c(() => "Aceptar");
     return o({
       title: t,
       msg: l,
       acceptText: n
-    }), (s, p) => (v(), S(Pe, { to: "body" }, [
-      U(Xe, {
+    }), (u, p) => (v(), S(Pe, { to: "body" }, [
+      G(et, {
         modelValue: a.value,
-        "onUpdate:modelValue": p[0] || (p[0] = (u) => a.value = u),
+        "onUpdate:modelValue": p[0] || (p[0] = (r) => a.value = r),
         acceptButton: "",
         notCloseBtn: "",
         headerColor: "primary",
@@ -4203,20 +4230,20 @@ const ni = /* @__PURE__ */ H(li, [["__scopeId", "data-v-817a5ee4"]]), ai = { cla
         acceptBtnType: "filled",
         title: t.value || i.value,
         acceptBtnText: n.value || d.value,
-        onAccept: p[1] || (p[1] = (u) => a.value = !1)
+        onAccept: p[1] || (p[1] = (r) => a.value = !1)
       }, {
-        default: q(() => [
-          $("div", ai, I(l.value), 1)
+        default: H(() => [
+          w("div", ai, I(l.value), 1)
         ]),
         _: 1
       }, 8, ["modelValue", "title", "acceptBtnText"])
     ]));
   }
 });
-const si = /* @__PURE__ */ H(ii, [["__scopeId", "data-v-08c93dad"]]), ri = { class: "ck-notify__container" }, ui = { class: "ck-notify__title" }, ci = { class: "close-btn" }, di = ["innerHTML"], pi = /* @__PURE__ */ z({
+const si = /* @__PURE__ */ j(ii, [["__scopeId", "data-v-08c93dad"]]), ri = { class: "ck-notify__container" }, ui = { class: "ck-notify__title" }, ci = { class: "close-btn" }, di = ["innerHTML"], pi = /* @__PURE__ */ O({
   __name: "CkNotify",
   setup(e, { expose: o }) {
-    const t = P(!0), l = P(""), n = P(""), a = P(""), i = P(0), d = P(() => {
+    const t = M(!0), l = M(""), n = M(""), a = M(""), i = M(0), d = M(() => {
     });
     o({
       title: l,
@@ -4225,7 +4252,7 @@ const si = /* @__PURE__ */ H(ii, [["__scopeId", "data-v-08c93dad"]]), ri = { cla
       duration: i,
       closeCallback: d
     });
-    const s = c(() => {
+    const u = c(() => {
       switch (a.value) {
         case "success":
           return "Éxito";
@@ -4238,7 +4265,7 @@ const si = /* @__PURE__ */ H(ii, [["__scopeId", "data-v-08c93dad"]]), ri = { cla
     }), p = c(() => {
       const f = [];
       return a.value && L.isColorTemplateVariable(a.value) && f.push(`ck-component__bg-color--${a.value}`), f;
-    }), u = c(() => {
+    }), r = c(() => {
       const f = [];
       return a.value && !L.isColorTemplateVariable(a.value) && f.push({ "background-color": a.value }), f;
     });
@@ -4248,34 +4275,34 @@ const si = /* @__PURE__ */ H(ii, [["__scopeId", "data-v-08c93dad"]]), ri = { cla
           d.value();
         }, i.value);
       }, 10);
-    }), (f, r) => t.value ? (v(), S(Pe, {
+    }), (f, s) => t.value ? (v(), S(Pe, {
       key: 0,
       to: "body"
     }, [
-      $("div", ri, [
-        $("div", {
-          class: M(["ck-notify", p.value]),
-          style: E(u.value),
-          onClick: r[0] || (r[0] = (h) => {
+      w("div", ri, [
+        w("div", {
+          class: x(["ck-notify", p.value]),
+          style: E(r.value),
+          onClick: s[0] || (s[0] = (k) => {
             t.value = !1, d.value();
           })
         }, [
-          $("div", ui, [
-            $("div", ci, [
-              U(ae, { icon: "times" })
+          w("div", ui, [
+            w("div", ci, [
+              G(ie, { icon: "times" })
             ]),
-            G(" " + I(l.value || s.value), 1)
+            Z(" " + I(l.value || u.value), 1)
           ]),
-          $("div", {
+          w("div", {
             class: "ck-notify__text",
             innerHTML: n.value
           }, null, 8, di)
         ], 6)
       ])
-    ])) : w("", !0);
+    ])) : C("", !0);
   }
 });
-const vi = /* @__PURE__ */ H(pi, [["__scopeId", "data-v-bb914f84"]]), fi = 3e3, mi = {
+const vi = /* @__PURE__ */ j(pi, [["__scopeId", "data-v-bb914f84"]]), fi = 3e3, mi = {
   alert(e) {
     this.alertOptions({
       title: "",
@@ -4297,12 +4324,12 @@ const vi = /* @__PURE__ */ H(pi, [["__scopeId", "data-v-bb914f84"]]), fi = 3e3,
     failure: a = () => {
     }
   }) {
-    const i = document.createElement("div"), d = Ue(ni), s = d.mount(i);
-    s.title = e, s.msg = o, s.acceptText = t, s.cancelText = l, s.responseSuccess = () => {
+    const i = document.createElement("div"), d = Ue(ni), u = d.mount(i);
+    u.title = e, u.msg = o, u.acceptText = t, u.cancelText = l, u.responseSuccess = () => {
       d.unmount(), n();
-    }, s.responseFailure = () => {
+    }, u.responseFailure = () => {
       d.unmount(), a();
-    }, document.body.appendChild(s.$el);
+    }, document.body.appendChild(u.$el);
   },
   confirm(e, o, t) {
     this.confirmOptions({
@@ -4385,7 +4412,7 @@ const ki = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   CkDatetimeShower: Vo,
   CkDiv: da,
   CkDropdown: Mo,
-  CkIcon: ae,
+  CkIcon: ie,
   CkImg: ma,
   CkInput: Ct,
   CkInputDate: Sn,
@@ -4393,13 +4420,13 @@ const ki = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   CkLabel: Me,
   CkNavbar: Ao,
   CkPagination: Wl,
-  CkPopup: Xe,
+  CkPopup: et,
   CkRadio: _a,
   CkSelect: La,
   CkSidebar: Aa,
   CkSwitch: Na,
   CkSwitchOptions: Ha,
-  CkTab: xn,
+  CkTab: In,
   CkTable: Ol,
   CkTabs: Nn,
   CkTd: bt,
@@ -4414,8 +4441,8 @@ const ki = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ckNotify: mi,
   useWindowWidth: he
 }, Symbol.toStringTag, { value: "Module" }));
-Qe.add(It);
 Qe.add(xt);
+Qe.add(It);
 Qe.add(At);
 function Si(e, o) {
   te().cleekOptions = ho(yt, o), e.use(bo), e.use(Mt, mo), Object.entries(ki).forEach(([t, l]) => {
@@ -4431,7 +4458,7 @@ export {
   Vo as CkDatetimeShower,
   da as CkDiv,
   Mo as CkDropdown,
-  ae as CkIcon,
+  ie as CkIcon,
   ma as CkImg,
   Ct as CkInput,
   Sn as CkInputDate,
@@ -4439,13 +4466,13 @@ export {
   Me as CkLabel,
   Ao as CkNavbar,
   Wl as CkPagination,
-  Xe as CkPopup,
+  et as CkPopup,
   _a as CkRadio,
   La as CkSelect,
   Aa as CkSidebar,
   Na as CkSwitch,
   Ha as CkSwitchOptions,
-  xn as CkTab,
+  In as CkTab,
   Ol as CkTable,
   Nn as CkTabs,
   bt as CkTd,