cleek 2.11.10 → 2.11.11

package/dist/main.es.js

@@ -1,16 +1,16 @@
-var At = Object.defineProperty;
-var It = (e, o, t) => o in e ? At(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t;
-var ye = (e, o, t) => (It(e, typeof o != "symbol" ? o + "" : o, t), t);
+var xt = Object.defineProperty;
+var At = (e, o, t) => o in e ? xt(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t;
+var ye = (e, o, t) => (At(e, typeof o != "symbol" ? o + "" : o, t), t);
 import zt from "floating-vue";
 import { library as tt } from "@fortawesome/fontawesome-svg-core";
 import { fas as Rt } from "@fortawesome/free-solid-svg-icons";
 import { far as Wt } from "@fortawesome/free-regular-svg-icons";
 import { fab as Ot } from "@fortawesome/free-brands-svg-icons";
-import { ref as x, computed as d, watch as ce, defineComponent as R, resolveDirective as ht, openBlock as m, createElementBlock as y, toDisplayString as A, createTextVNode as G, createCommentVNode as w, withDirectives as ue, Fragment as K, unref as we, createElementVNode as $, onMounted as _e, withKeys as he, renderSlot as W, createBlock as S, Teleport as Ae, normalizeClass as M, normalizeStyle as F, resolveComponent as Y, nextTick as gt, onBeforeUnmount as ot, mergeModels as oe, useModel as ge, withCtx as N, vModelDynamic as Et, createVNode as U, renderList as re, vModelText as Fe, mergeProps as Ie, withModifiers as se, watchEffect as Ye, resolveDynamicComponent as Nt, vShow as Ve, pushScopeId as Ft, popScopeId as jt, inject as Ht, provide as qt, onUpdated as Ut, normalizeProps as Yt, guardReactiveProps as Gt, Transition as Zt, vModelRadio as Kt, vModelSelect as Qt, vModelCheckbox as Jt, createApp as Ge } from "vue";
+import { ref as x, computed as d, watch as ce, defineComponent as R, resolveDirective as ht, openBlock as v, createElementBlock as k, toDisplayString as M, createTextVNode as G, createCommentVNode as C, withDirectives as ue, Fragment as K, unref as we, createElementVNode as $, onMounted as _e, withKeys as he, renderSlot as W, createBlock as D, Teleport as xe, normalizeClass as I, normalizeStyle as F, resolveComponent as Y, nextTick as gt, onBeforeUnmount as ot, mergeModels as oe, useModel as ge, withCtx as N, vModelDynamic as Et, createVNode as U, renderList as re, vModelText as Fe, mergeProps as Ae, withModifiers as se, watchEffect as Ye, resolveDynamicComponent as Nt, vShow as Ve, pushScopeId as Ft, popScopeId as jt, inject as Ht, provide as qt, onUpdated as Ut, normalizeProps as Yt, guardReactiveProps as Gt, Transition as Zt, vModelRadio as Kt, vModelSelect as Qt, vModelCheckbox as Jt, createApp as Ge } from "vue";
 import { defineStore as Xt, storeToRefs as ae } from "pinia";
 import { qmDate as be, qmStr as Ee, qmObj as eo } from "quantic-methods";
 import { FontAwesomeIcon as to } from "@fortawesome/vue-fontawesome";
-import { isValid as pe, startOfDecade as oo, endOfDecade as no, eachYearOfInterval as ao, getYear as ve, getDecade as We, isBefore as Me, isAfter as xe, subYears as kt, addYears as yt, startOfYear as lo, endOfYear as io, format as Ne, eachMonthOfInterval as so, isSameMonth as Xe, isSameYear as it, startOfMonth as bt, endOfMonth as _t, startOfWeek as ro, endOfWeek as uo, setDay as co, eachDayOfInterval as po, isSameDay as Ze, isWithinInterval as vo, subMonths as mo, addMonths as fo, set as st, isSameHour as ho, isSameMinute as go, parse as rt, startOfDay as ko, endOfDay as yo, max as bo, min as _o } from "date-fns";
+import { isValid as pe, startOfDecade as oo, endOfDecade as no, eachYearOfInterval as ao, getYear as ve, getDecade as We, isBefore as Me, isAfter as Ie, subYears as kt, addYears as yt, startOfYear as lo, endOfYear as io, format as Ne, eachMonthOfInterval as so, isSameMonth as Xe, isSameYear as it, startOfMonth as bt, endOfMonth as _t, startOfWeek as ro, endOfWeek as uo, setDay as co, eachDayOfInterval as po, isSameDay as Ze, isWithinInterval as vo, subMonths as mo, addMonths as fo, set as st, isSameHour as ho, isSameMinute as go, parse as rt, startOfDay as ko, endOfDay as yo, max as bo, min as _o } from "date-fns";
 const Co = {
   themes: {
     tooltip: {
@@ -30,61 +30,61 @@ function $o(e, o) {
   const t = {};
   return et(t, e), et(t, o), t;
 }
-var Bo = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function To(e) {
+var To = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Bo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Ct = { exports: {} };
 (function(e, o) {
   (function(t, n) {
     e.exports = n();
-  })(Bo, function() {
-    var t = "__v-click-outside", n = typeof window < "u", a = typeof navigator < "u", l = n && ("ontouchstart" in window || a && navigator.msMaxTouchPoints > 0) ? ["touchstart"] : ["click"], s = function(r) {
-      var v = r.event, i = r.handler;
-      (0, r.middleware)(v) && i(v);
-    }, c = function(r, v) {
-      var i = function(T) {
-        var O = typeof T == "function";
-        if (!O && typeof T != "object")
+  })(To, function() {
+    var t = "__v-click-outside", n = typeof window < "u", a = typeof navigator < "u", i = n && ("ontouchstart" in window || a && navigator.msMaxTouchPoints > 0) ? ["touchstart"] : ["click"], s = function(r) {
+      var m = r.event, l = r.handler;
+      (0, r.middleware)(m) && l(m);
+    }, c = function(r, m) {
+      var l = function(B) {
+        var O = typeof B == "function";
+        if (!O && typeof B != "object")
           throw new Error("v-click-outside: Binding value must be a function or an object");
-        return { handler: O ? T : T.handler, middleware: T.middleware || function(P) {
+        return { handler: O ? B : B.handler, middleware: B.middleware || function(P) {
           return P;
-        }, events: T.events || l, isActive: T.isActive !== !1, detectIframe: T.detectIframe !== !1, capture: !!T.capture };
-      }(v.value), g = i.handler, f = i.middleware, k = i.detectIframe, b = i.capture;
-      if (i.isActive) {
-        if (r[t] = i.events.map(function(T) {
-          return { event: T, srcTarget: document.documentElement, handler: function(O) {
+        }, events: B.events || i, isActive: B.isActive !== !1, detectIframe: B.detectIframe !== !1, capture: !!B.capture };
+      }(m.value), g = l.handler, f = l.middleware, y = l.detectIframe, b = l.capture;
+      if (l.isActive) {
+        if (r[t] = l.events.map(function(B) {
+          return { event: B, srcTarget: document.documentElement, handler: function(O) {
             return function(P) {
-              var B = P.el, L = P.event, j = P.handler, X = P.middleware, le = L.path || L.composedPath && L.composedPath();
-              (le ? le.indexOf(B) < 0 : !B.contains(L.target)) && s({ event: L, handler: j, middleware: X });
+              var T = P.el, S = P.event, j = P.handler, ee = P.middleware, le = S.path || S.composedPath && S.composedPath();
+              (le ? le.indexOf(T) < 0 : !T.contains(S.target)) && s({ event: S, handler: j, middleware: ee });
             }({ el: r, event: O, handler: g, middleware: f });
           }, capture: b };
-        }), k) {
-          var h = { event: "blur", srcTarget: window, handler: function(T) {
+        }), y) {
+          var h = { event: "blur", srcTarget: window, handler: function(B) {
             return function(O) {
-              var P = O.el, B = O.event, L = O.handler, j = O.middleware;
+              var P = O.el, T = O.event, S = O.handler, j = O.middleware;
               setTimeout(function() {
-                var X = document.activeElement;
-                X && X.tagName === "IFRAME" && !P.contains(X) && s({ event: B, handler: L, middleware: j });
+                var ee = document.activeElement;
+                ee && ee.tagName === "IFRAME" && !P.contains(ee) && s({ event: T, handler: S, middleware: j });
               }, 0);
-            }({ el: r, event: T, handler: g, middleware: f });
+            }({ el: r, event: B, handler: g, middleware: f });
           }, capture: b };
           r[t] = [].concat(r[t], [h]);
         }
-        r[t].forEach(function(T) {
-          var O = T.event, P = T.srcTarget, B = T.handler;
+        r[t].forEach(function(B) {
+          var O = B.event, P = B.srcTarget, T = B.handler;
           return setTimeout(function() {
-            r[t] && P.addEventListener(O, B, b);
+            r[t] && P.addEventListener(O, T, b);
           }, 0);
         });
       }
     }, u = function(r) {
-      (r[t] || []).forEach(function(v) {
-        return v.srcTarget.removeEventListener(v.event, v.handler, v.capture);
+      (r[t] || []).forEach(function(m) {
+        return m.srcTarget.removeEventListener(m.event, m.handler, m.capture);
       }), delete r[t];
-    }, p = n ? { beforeMount: c, updated: function(r, v) {
-      var i = v.value, g = v.oldValue;
-      JSON.stringify(i) !== JSON.stringify(g) && (u(r), c(r, { value: i }));
+    }, p = n ? { beforeMount: c, updated: function(r, m) {
+      var l = m.value, g = m.oldValue;
+      JSON.stringify(l) !== JSON.stringify(g) && (u(r), c(r, { value: l }));
     }, unmounted: u } : {};
     return { install: function(r) {
       r.directive("click-outside", p);
@@ -92,7 +92,7 @@ var Ct = { exports: {} };
   });
 })(Ct);
 var Po = Ct.exports;
-const Vo = /* @__PURE__ */ To(Po), wt = {
+const Vo = /* @__PURE__ */ Bo(Po), wt = {
   lang: "en",
   darkMode: !1,
   darkModeColorText: "#ccc",
@@ -163,14 +163,14 @@ function Lo(e) {
   }
 }
 const ne = Xt("cleek-options", () => {
-  const e = x(wt), o = d(() => e.value.colors), t = d(() => e.value.styles), n = d(() => e.value.button), a = d(() => e.value.chip), l = d(() => e.value.div), s = d(() => e.value.img), c = d(() => e.value.popup), u = d(() => e.value.select), p = d(() => e.value.table);
+  const e = x(wt), o = d(() => e.value.colors), t = d(() => e.value.styles), n = d(() => e.value.button), a = d(() => e.value.chip), i = d(() => e.value.div), s = d(() => e.value.img), c = d(() => e.value.popup), u = d(() => e.value.select), p = d(() => e.value.table);
   return ce(o, (r) => Lo(r), { deep: !0, immediate: !0 }), {
     cleekOptions: e,
     colorsOptions: o,
     stylesOptions: t,
     buttonOptions: n,
     chipOptions: a,
-    divOptions: l,
+    divOptions: i,
     imgOptions: s,
     popupOptions: c,
     selectOptions: u,
@@ -182,7 +182,7 @@ const ne = Xt("cleek-options", () => {
 }, Mo = {
   key: 0,
   class: "pl-1"
-}, xo = /* @__PURE__ */ R({
+}, Io = /* @__PURE__ */ R({
   __name: "ck-datetime-shower",
   props: {
     datetime: {},
@@ -194,10 +194,10 @@ const ne = Xt("cleek-options", () => {
   },
   emits: ["click"],
   setup(e, { emit: o }) {
-    const t = e, n = o, a = d(() => t.time ? t.timeInMinutes ? be.minToHour(+t.time) : be.minToHour(+t.time) : t.datetime ? typeof t.datetime == "string" ? be.presentTime(t.datetime) : c(t.datetime) : ""), l = d(() => t.date ? typeof t.date == "string" ? be.presentDate(t.date) : s(t.date) : typeof t.datetime == "string" ? be.presentDate(t.datetime) : s(t.datetime));
+    const t = e, n = o, a = d(() => t.time ? t.timeInMinutes ? be.minToHour(+t.time) : be.minToHour(+t.time) : t.datetime ? typeof t.datetime == "string" ? be.presentTime(t.datetime) : c(t.datetime) : ""), i = d(() => t.date ? typeof t.date == "string" ? be.presentDate(t.date) : s(t.date) : typeof t.datetime == "string" ? be.presentDate(t.datetime) : s(t.datetime));
     function s(u) {
-      const p = String(u.getDate()).padStart(2, "0"), r = String(u.getMonth() + 1).padStart(2, "0"), v = String(u.getFullYear()).slice(-2);
-      return `${p}/${r}/${v}`;
+      const p = String(u.getDate()).padStart(2, "0"), r = String(u.getMonth() + 1).padStart(2, "0"), m = String(u.getFullYear()).slice(-2);
+      return `${p}/${r}/${m}`;
     }
     function c(u) {
       const p = String(u.getHours()).padStart(2, "0"), r = String(u.getMinutes()).padStart(2, "0");
@@ -205,22 +205,22 @@ const ne = Xt("cleek-options", () => {
     }
     return (u, p) => {
       const r = ht("tooltip");
-      return l.value ? u.split || u.date ? (m(), y("div", {
+      return i.value ? u.split || u.date ? (v(), k("div", {
         key: 1,
         class: "ck-datetime-shower--split",
-        onClick: p[0] || (p[0] = (v) => n("click", v))
+        onClick: p[0] || (p[0] = (m) => n("click", m))
       }, [
-        G(A(l.value) + " ", 1),
-        a.value ? (m(), y("span", Mo, " | " + A(a.value), 1)) : w("", !0)
-      ])) : ue((m(), y("div", {
+        G(M(i.value) + " ", 1),
+        a.value ? (v(), k("span", Mo, " | " + M(a.value), 1)) : C("", !0)
+      ])) : ue((v(), k("div", {
         key: 2,
         class: "ck-datetime-shower",
-        onClick: p[1] || (p[1] = (v) => n("click", v))
+        onClick: p[1] || (p[1] = (m) => n("click", m))
       }, [
-        G(A(l.value), 1)
+        G(M(i.value), 1)
       ])), [
         [r, a.value]
-      ]) : (m(), y("span", So, A(u.noDateMsg), 1));
+      ]) : (v(), k("span", So, M(u.noDateMsg), 1));
     };
   }
 });
@@ -229,18 +229,18 @@ const H = (e, o) => {
   for (const [n, a] of o)
     t[n] = a;
   return t;
-}, Ao = /* @__PURE__ */ H(xo, [["__scopeId", "data-v-49af3639"]]), Io = { class: "ck-time-shower" }, zo = /* @__PURE__ */ R({
+}, xo = /* @__PURE__ */ H(Io, [["__scopeId", "data-v-49af3639"]]), Ao = { class: "ck-time-shower" }, zo = /* @__PURE__ */ R({
   __name: "ck-time-shower",
   props: {
     time: {},
     minutes: {}
   },
   setup(e) {
-    return (o, t) => (m(), y("span", Io, [
-      o.minutes ? (m(), y(K, { key: 0 }, [
-        G(A(we(be).minToHour(o.minutes)), 1)
-      ], 64)) : (m(), y(K, { key: 1 }, [
-        G(A(we(be).presentTime(o.time)), 1)
+    return (o, t) => (v(), k("span", Ao, [
+      o.minutes ? (v(), k(K, { key: 0 }, [
+        G(M(we(be).minToHour(o.minutes)), 1)
+      ], 64)) : (v(), k(K, { key: 1 }, [
+        G(M(we(be).presentTime(o.time)), 1)
       ], 64)),
       t[0] || (t[0] = $("span", { class: "hs-text" }, " hs ", -1))
     ]));
@@ -258,21 +258,21 @@ const Ro = /* @__PURE__ */ H(zo, [["__scopeId", "data-v-dc82897f"]]), Wo = /* @_
     o({
       close: p
     });
-    const { cleekOptions: n } = ae(ne()), a = x(!1), l = x(), s = x(), c = x(), u = d(() => {
+    const { cleekOptions: n } = ae(ne()), a = x(!1), i = x(), s = x(), c = x(), u = d(() => {
       const r = [];
       t.dark && r.push("ck-dropdown--content__dark");
-      const v = t.layout || n.value.styles.layout;
-      return v && r.push(`ck-dropdown--content__${v}`), r;
+      const m = t.layout || n.value.styles.layout;
+      return m && r.push(`ck-dropdown--content__${m}`), r;
     });
     ce(() => a.value, (r) => {
       if (r) {
-        const v = document.documentElement.clientHeight, i = document.documentElement.clientWidth, g = l.value.getBoundingClientRect(), f = {};
-        g.top < v / 2 ? (f.top = `${g.bottom}px`, f["margin-top"] = "0.5rem") : (f.bottom = `${v - g.top}px`, f["margin-bottom"] = "0.5rem"), t.align === "left" ? f.left = `${g.left}px` : t.align === "right" && (f.right = `${i - g.right}px`), c.value = f;
+        const m = document.documentElement.clientHeight, l = document.documentElement.clientWidth, g = i.value.getBoundingClientRect(), f = {};
+        g.top < m / 2 ? (f.top = `${g.bottom}px`, f["margin-top"] = "0.5rem") : (f.bottom = `${m - g.top}px`, f["margin-bottom"] = "0.5rem"), t.align === "left" ? f.left = `${g.left}px` : t.align === "right" && (f.right = `${l - g.right}px`), c.value = f;
       }
     }), ce(() => s.value, (r) => {
       if (r && t.align !== "left" && t.align !== "right") {
-        const v = l.value.getBoundingClientRect();
-        c.value.left = `${v.left + v.width / 2 - r.getBoundingClientRect().width / 2}px`;
+        const m = i.value.getBoundingClientRect();
+        c.value.left = `${m.left + m.width / 2 - r.getBoundingClientRect().width / 2}px`;
       }
     });
     function p() {
@@ -280,33 +280,33 @@ const Ro = /* @__PURE__ */ H(zo, [["__scopeId", "data-v-dc82897f"]]), Wo = /* @_
     }
     return _e(() => {
       window.addEventListener("scroll", () => a.value = !1);
-    }), (r, v) => {
-      const i = ht("click-outside");
-      return m(), y("div", {
+    }), (r, m) => {
+      const l = ht("click-outside");
+      return v(), k("div", {
         ref_key: "dropdownRef",
-        ref: l,
+        ref: i,
         class: "ck-dropdown",
         tabindex: "0",
-        onKeyup: v[1] || (v[1] = he((g) => a.value = !0, ["enter"]))
+        onKeyup: m[1] || (m[1] = he((g) => a.value = !0, ["enter"]))
       }, [
         $("div", {
           class: "ck-dropdown--trigger",
-          onClick: v[0] || (v[0] = (g) => a.value = !0)
+          onClick: m[0] || (m[0] = (g) => a.value = !0)
         }, [
           W(r.$slots, "trigger", {}, void 0, !0)
         ]),
-        (m(), S(Ae, { to: "body" }, [
-          a.value ? ue((m(), y("div", {
+        (v(), D(xe, { to: "body" }, [
+          a.value ? ue((v(), k("div", {
             key: 0,
             ref_key: "contentRef",
             ref: s,
-            class: M(["ck-dropdown--content", u.value]),
+            class: I(["ck-dropdown--content", u.value]),
             style: F(c.value)
           }, [
             W(r.$slots, "content", {}, void 0, !0)
           ], 6)), [
-            [i, () => a.value = !1]
-          ]) : w("", !0)
+            [l, () => a.value = !1]
+          ]) : C("", !0)
         ]))
       ], 544);
     };
@@ -328,18 +328,18 @@ const Oo = /* @__PURE__ */ H(Wo, [["__scopeId", "data-v-ee86f04f"]]), Eo = "fixe
       o.padding && s.push({ padding: o.padding });
       const c = o.position || Eo;
       return c && s.push({ position: c }), s;
-    }), l = d(() => {
+    }), i = d(() => {
       const s = [];
       let c = "";
       return t.value.darkMode && (c = t.value.darkModeColorItems), o.backgroundColor && (c = o.backgroundColor), c && s.push({ backgroundColor: c }), s;
     });
-    return (s, c) => (m(), y("div", {
+    return (s, c) => (v(), k("div", {
       class: "ck-navbar",
       style: F(a.value)
     }, [
       $("div", {
-        class: M(["ck-navbar__content", n.value]),
-        style: F(l.value)
+        class: I(["ck-navbar__content", n.value]),
+        style: F(i.value)
       }, [
         W(s.$slots, "default", {}, void 0, !0)
       ], 6)
@@ -349,18 +349,18 @@ const Oo = /* @__PURE__ */ H(Wo, [["__scopeId", "data-v-ee86f04f"]]), Eo = "fixe
 const Fo = /* @__PURE__ */ H(No, [["__scopeId", "data-v-3a574311"]]);
 const jo = {}, Ho = { class: "ck-tr" };
 function qo(e, o) {
-  return m(), y("tr", Ho, [
+  return v(), k("tr", Ho, [
     W(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const $t = /* @__PURE__ */ H(jo, [["render", qo], ["__scopeId", "data-v-53984b6f"]]), D = {
+const $t = /* @__PURE__ */ H(jo, [["render", qo], ["__scopeId", "data-v-53984b6f"]]), L = {
   getGroupClass({
     group: e,
     groupVertical: o,
     widthBreaks: t = []
   } = {}, n) {
-    const a = this.getWidthByWidthBreaks(t, n), l = [];
-    return e && a !== "100%" && l.push(`ck-component__group--${e}`), o && l.push(`ck-component__group-vertical--${o}`), l;
+    const a = this.getWidthByWidthBreaks(t, n), i = [];
+    return e && a !== "100%" && i.push(`ck-component__group--${e}`), o && i.push(`ck-component__group-vertical--${o}`), i;
   },
   getWidthByWidthBreaks(e, o) {
     if (e) {
@@ -368,8 +368,8 @@ const $t = /* @__PURE__ */ H(jo, [["render", qo], ["__scopeId", "data-v-53984b6f
       t.length === 2 && typeof t[0] == "number" && typeof t[1] == "string" && (t = [t]), t.length && t[0][0] !== 0 && t.unshift([0, "100%"]);
       let n = "";
       return t.forEach((a) => {
-        const [l, s] = a;
-        (o || 0) >= l && (n = s);
+        const [i, s] = a;
+        (o || 0) >= i && (n = s);
       }), n;
     }
   },
@@ -420,27 +420,27 @@ const $t = /* @__PURE__ */ H(jo, [["render", qo], ["__scopeId", "data-v-53984b6f
       const s = [], c = o.align || ((u = o.col) == null ? void 0 : u.align);
       return c && (c === "center" && s.push("align-center"), c === "right" && s.push("align-right")), (o.block || (p = o.col) != null && p.block) && s.push("block"), (o.nowrap || (r = o.col) != null && r.nowrap) && s.push("no-wrap-text"), s;
     }), a = d(() => {
-      var p, r, v, i, g, f, k, b, h;
+      var p, r, m, l, g, f, y, b, h;
       const s = {};
       let c;
-      (o.minWidth || (p = o.col) != null && p.minWidth) && (c = o.minWidth || ((r = o.col) == null ? void 0 : r.minWidth)), (o.fixedWidth || (v = o.col) != null && v.fixedWidth) && (c = o.fixedWidth || ((i = o.col) == null ? void 0 : i.fixedWidth)), c && (s.minWidth = c);
+      (o.minWidth || (p = o.col) != null && p.minWidth) && (c = o.minWidth || ((r = o.col) == null ? void 0 : r.minWidth)), (o.fixedWidth || (m = o.col) != null && m.fixedWidth) && (c = o.fixedWidth || ((l = o.col) == null ? void 0 : l.fixedWidth)), c && (s.minWidth = c);
       let u;
-      return (o.maxWidth || (g = o.col) != null && g.maxWidth) && (u = o.maxWidth || ((f = o.col) == null ? void 0 : f.maxWidth)), (o.fixedWidth || (k = o.col) != null && k.fixedWidth) && (u = o.fixedWidth || ((b = o.col) == null ? void 0 : b.fixedWidth)), u && (s.maxWidth = u), (o.maxHeight || (h = o.col) != null && h.maxHeight) && (s.maxHeight = o.maxHeight), s;
-    }), l = d(() => o.col ? D.isColumnDisplayed(o.col) : !0);
-    return (s, c) => l.value ? (m(), y("td", {
+      return (o.maxWidth || (g = o.col) != null && g.maxWidth) && (u = o.maxWidth || ((f = o.col) == null ? void 0 : f.maxWidth)), (o.fixedWidth || (y = o.col) != null && y.fixedWidth) && (u = o.fixedWidth || ((b = o.col) == null ? void 0 : b.fixedWidth)), u && (s.maxWidth = u), (o.maxHeight || (h = o.col) != null && h.maxHeight) && (s.maxHeight = o.maxHeight), s;
+    }), i = d(() => o.col ? L.isColumnDisplayed(o.col) : !0);
+    return (s, c) => i.value ? (v(), k("td", {
       key: 0,
-      class: M([t.value, "ck-td"])
+      class: I([t.value, "ck-td"])
     }, [
       $("span", {
-        class: M(n.value),
+        class: I(n.value),
         style: F(a.value)
       }, [
         W(s.$slots, "default", {}, void 0, !0)
       ], 6)
-    ], 2)) : w("", !0);
+    ], 2)) : C("", !0);
   }
 });
-const Bt = /* @__PURE__ */ H(Uo, [["__scopeId", "data-v-8832ff61"]]), Yo = /* @__PURE__ */ R({
+const Tt = /* @__PURE__ */ H(Uo, [["__scopeId", "data-v-8832ff61"]]), Yo = /* @__PURE__ */ R({
   __name: "ck-table__columns-manager-btn",
   props: {
     layout: {}
@@ -448,7 +448,7 @@ const Bt = /* @__PURE__ */ H(Uo, [["__scopeId", "data-v-8832ff61"]]), Yo = /* @_
   setup(e) {
     return (o, t) => {
       const n = Y("ck-button");
-      return m(), S(n, {
+      return v(), D(n, {
         size: "s",
         color: "dark",
         type: "flat",
@@ -471,10 +471,10 @@ const Bt = /* @__PURE__ */ H(Uo, [["__scopeId", "data-v-8832ff61"]]), Yo = /* @_
   },
   setup(e) {
     const o = e, t = d(() => (o.currentPage - 1) * o.itemsPerPage + 1), n = d(() => {
-      const l = o.currentPage * o.itemsPerPage;
-      return !o.itemsPerPage || l > o.listLength ? o.listLength : l;
+      const i = o.currentPage * o.itemsPerPage;
+      return !o.itemsPerPage || i > o.listLength ? o.listLength : i;
     }), a = d(() => !o.hideItemsPerPage && o.listLength && o.currentPage);
-    return (l, s) => a.value ? (m(), y("div", Go, A(t.value) + " - " + A(n.value) + " de " + A(l.listLength), 1)) : w("", !0);
+    return (i, s) => a.value ? (v(), k("div", Go, M(t.value) + " - " + M(n.value) + " de " + M(i.listLength), 1)) : C("", !0);
   }
 });
 const Ko = /* @__PURE__ */ H(Zo, [["__scopeId", "data-v-c3b27c6d"]]), Qo = /* @__PURE__ */ R({
@@ -495,12 +495,12 @@ const Ko = /* @__PURE__ */ H(Zo, [["__scopeId", "data-v-c3b27c6d"]]), Qo = /* @_
     const t = e, n = o, a = d(() => {
       const r = "font-awesome";
       return t.iconPack && (t.iconPack === "cleek" || t.iconPack === "feather") ? t.iconPack : r;
-    }), l = d(() => {
+    }), i = d(() => {
       const r = [];
-      return t.color && D.isColorTemplateVariable(t.color) && r.push(`ck-component__color--${t.color}`), t.size && r.push(`ck-icon__size-${t.size}`), 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;
     }), s = d(() => {
       const r = [];
-      return t.color && !D.isColorTemplateVariable(t.color) && r.push({ color: t.color }), r;
+      return t.color && !L.isColorTemplateVariable(t.color) && r.push({ color: t.color }), r;
     });
     function c(r) {
       n("click", r);
@@ -510,14 +510,14 @@ const Ko = /* @__PURE__ */ H(Zo, [["__scopeId", "data-v-c3b27c6d"]]), Qo = /* @_
       return `mask: url(${r}) no-repeat center; -webkit-mask: url(${r}) no-repeat center;`;
     }), p = d(() => {
       const r = [];
-      return t.color ? t.color && D.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 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 (r, v) => (m(), y("div", {
-      class: M(["ck-icon", l.value]),
+    return (r, m) => (v(), k("div", {
+      class: I(["ck-icon", i.value]),
       style: F(s.value),
-      onClick: v[0] || (v[0] = (i) => c(i))
+      onClick: m[0] || (m[0] = (l) => c(l))
     }, [
-      a.value === "font-awesome" ? (m(), S(we(to), {
+      a.value === "font-awesome" ? (v(), D(we(to), {
         key: 0,
         icon: r.icon,
         rotation: r.rotation,
@@ -525,15 +525,15 @@ const Ko = /* @__PURE__ */ H(Zo, [["__scopeId", "data-v-c3b27c6d"]]), Qo = /* @_
         spin: r.spin,
         pulse: r.pulse,
         fixedWidth: r.fixedWidth
-      }, null, 8, ["icon", "rotation", "flip", "spin", "pulse", "fixedWidth"])) : a.value === "cleek" ? (m(), y("div", {
+      }, null, 8, ["icon", "rotation", "flip", "spin", "pulse", "fixedWidth"])) : a.value === "cleek" ? (v(), k("div", {
         key: 1,
         style: F(u.value),
-        class: M([p.value, "ck-icon__cleek"])
-      }, null, 6)) : w("", !0)
+        class: I([p.value, "ck-icon__cleek"])
+      }, null, 6)) : C("", !0)
     ], 6));
   }
 });
-const te = /* @__PURE__ */ H(Qo, [["__scopeId", "data-v-4bc5aa54"]]);
+const Q = /* @__PURE__ */ H(Qo, [["__scopeId", "data-v-4bc5aa54"]]);
 function ke() {
   const e = x(0);
   function o(t) {
@@ -575,58 +575,58 @@ const Jo = ["title", "aria-label", "disabled", "tabindex"], Ke = "transparent",
   },
   emits: ["click"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { cleekOptions: a } = ae(ne()), { windowWidth: l } = ke(), s = d(() => t.type ? t.type : a.value ? a.value.button.type : Xo), c = d(() => t.backgroundColor ? t.backgroundColor : a.value && !t.type ? a.value.button.backgroundColor : Ke), u = d(() => t.textColor ? t.textColor : a.value && !t.type ? a.value.button.textColor : ""), p = d(() => {
-      const i = [];
-      i.push(D.getGroupClass(t, l.value)), (t.color || ut) !== ut && (s.value === "filled" ? i.push(`ck-component__bg-color--${t.color}`) : i.push(`ck-component__border-color--${t.color}`)), c.value !== Ke && D.isColorTemplateVariable(c.value) && i.push(`ck-component__bg-color--${c.value}`), u.value && D.isColorTemplateVariable(u.value) && i.push(`ck-component__color--${u.value}`);
+    const t = e, n = o, { cleekOptions: a } = ae(ne()), { windowWidth: i } = ke(), s = d(() => t.type ? t.type : a.value ? a.value.button.type : Xo), c = d(() => t.backgroundColor ? t.backgroundColor : a.value && !t.type ? a.value.button.backgroundColor : Ke), u = d(() => t.textColor ? t.textColor : a.value && !t.type ? a.value.button.textColor : ""), p = d(() => {
+      const l = [];
+      l.push(L.getGroupClass(t, i.value)), (t.color || ut) !== ut && (s.value === "filled" ? l.push(`ck-component__bg-color--${t.color}`) : l.push(`ck-component__border-color--${t.color}`)), c.value !== Ke && L.isColorTemplateVariable(c.value) && l.push(`ck-component__bg-color--${c.value}`), u.value && L.isColorTemplateVariable(u.value) && l.push(`ck-component__color--${u.value}`);
       const f = t.align || en;
-      (f === "center" || f === "right") && i.push(`ck-button__align--${t.align}`);
-      const k = t.layout || a.value.styles.layout;
-      return k && i.push(k), i.push(`type-${s.value}`), t.size && i.push(`ck-button-size__${t.size}`), t.isLoading && i.push("is-loading-btn"), i;
+      (f === "center" || f === "right") && l.push(`ck-button__align--${t.align}`);
+      const y = t.layout || a.value.styles.layout;
+      return y && l.push(y), l.push(`type-${s.value}`), t.size && l.push(`ck-button-size__${t.size}`), t.isLoading && l.push("is-loading-btn"), l;
     }), r = d(() => {
-      const i = [];
+      const l = [];
       let g = !1;
       if (t.widthBreaks) {
-        const f = D.getWidthByWidthBreaks(t.widthBreaks, l.value);
-        f && (g = !0, i.push({ width: f }));
+        const f = L.getWidthByWidthBreaks(t.widthBreaks, i.value);
+        f && (g = !0, l.push({ width: f }));
       }
-      return u.value && !D.isColorTemplateVariable(u.value) && i.push({ color: `${u.value} !important` }), t.width && !g && i.push({ width: t.width }), c.value !== Ke && !D.isColorTemplateVariable(c.value) && i.push({ "background-color": c.value }), t.color && !D.isColorTemplateVariable(t.color) && (s.value === "outlined" ? (i.push({ "border-color": t.color }), i.push({ color: t.color })) : s.value === "filled" ? (i.push({ color: "white" }), i.push({ "border-color": t.color }), i.push({ "background-color": t.color })) : s.value === "flat" && i.push({ color: t.color })), i;
+      return u.value && !L.isColorTemplateVariable(u.value) && l.push({ color: `${u.value} !important` }), t.width && !g && l.push({ width: t.width }), c.value !== Ke && !L.isColorTemplateVariable(c.value) && l.push({ "background-color": c.value }), t.color && !L.isColorTemplateVariable(t.color) && (s.value === "outlined" ? (l.push({ "border-color": t.color }), l.push({ color: t.color })) : s.value === "filled" ? (l.push({ color: "white" }), l.push({ "border-color": t.color }), l.push({ "background-color": t.color })) : s.value === "flat" && l.push({ color: t.color })), l;
     });
-    function v(i) {
-      t.isLoading || n("click", i);
+    function m(l) {
+      t.isLoading || n("click", l);
     }
-    return (i, g) => (m(), y("button", {
+    return (l, g) => (v(), k("button", {
       type: "button",
-      class: M(p.value),
-      title: i.title,
-      "aria-label": i.title,
-      disabled: i.disabled,
-      tabindex: i.tabindex,
+      class: I(p.value),
+      title: l.title,
+      "aria-label": l.title,
+      disabled: l.disabled,
+      tabindex: l.tabindex,
       style: F(r.value),
-      onClick: g[0] || (g[0] = (f) => v(f))
+      onClick: g[0] || (g[0] = (f) => m(f))
     }, [
-      i.isLoading ? (m(), S(te, {
+      l.isLoading ? (v(), D(Q, {
         key: 0,
         icon: "spinner",
         spin: ""
-      })) : (m(), y(K, { key: 1 }, [
-        i.icon ? (m(), S(te, {
+      })) : (v(), k(K, { key: 1 }, [
+        l.icon ? (v(), D(Q, {
           key: 0,
-          class: M(["ck-button__icon-left", { "just-icon": !i.$slots.default }]),
-          icon: i.icon,
-          "icon-pack": i.iconPack
-        }, null, 8, ["icon", "icon-pack", "class"])) : w("", !0),
-        W(i.$slots, "default", {}, void 0, !0),
-        i.iconRight ? (m(), S(te, {
+          class: I(["ck-button__icon-left", { "just-icon": !l.$slots.default }]),
+          icon: l.icon,
+          "icon-pack": l.iconPack
+        }, null, 8, ["icon", "icon-pack", "class"])) : C("", !0),
+        W(l.$slots, "default", {}, void 0, !0),
+        l.iconRight ? (v(), D(Q, {
           key: 1,
-          class: M(["ck-button__icon-right", { "just-icon": !i.$slots.default }]),
-          icon: i.iconRight,
-          "icon-pack": i.iconPack
-        }, null, 8, ["icon", "icon-pack", "class"])) : w("", !0)
+          class: I(["ck-button__icon-right", { "just-icon": !l.$slots.default }]),
+          icon: l.iconRight,
+          "icon-pack": l.iconPack
+        }, null, 8, ["icon", "icon-pack", "class"])) : C("", !0)
       ], 64))
     ], 14, Jo));
   }
 });
-const Te = /* @__PURE__ */ H(tn, [["__scopeId", "data-v-1598dab4"]]), on = ["for"], nn = "m", an = /* @__PURE__ */ R({
+const Be = /* @__PURE__ */ H(tn, [["__scopeId", "data-v-1598dab4"]]), on = ["for"], nn = "m", an = /* @__PURE__ */ R({
   __name: "ck-label",
   props: {
     for: {},
@@ -635,20 +635,20 @@ const Te = /* @__PURE__ */ H(tn, [["__scopeId", "data-v-1598dab4"]]), on = ["for
   },
   setup(e) {
     const o = e, { cleekOptions: t } = ae(ne()), n = d(() => {
-      const l = [];
+      const i = [];
       let s = "left";
-      return (o.align === "center" || o.align === "right") && (s = o.align), l.push(`ck-align--${s}`), l.push(`ck-size--${o.size || nn}`), l;
+      return (o.align === "center" || o.align === "right") && (s = o.align), i.push(`ck-align--${s}`), i.push(`ck-size--${o.size || nn}`), i;
     }), a = d(() => {
-      const l = [];
+      const i = [];
       let s = t.value.popup.textColor;
-      return t.value.darkMode && (s = t.value.darkModeColorText), s && (D.isColorTemplateVariable(s) ? l.push(`ck-component__color--${s}`) : l.push({ color: s })), l;
+      return t.value.darkMode && (s = t.value.darkModeColorText), s && (L.isColorTemplateVariable(s) ? i.push(`ck-component__color--${s}`) : i.push({ color: s })), i;
     });
-    return (l, s) => (m(), y("label", {
-      class: M(["ck-label", n.value]),
+    return (i, s) => (v(), k("label", {
+      class: I(["ck-label", n.value]),
       for: o.for,
       style: F(a.value)
     }, [
-      W(l.$slots, "default", {}, void 0, !0)
+      W(i.$slots, "default", {}, void 0, !0)
     ], 14, on));
   }
 });
@@ -698,185 +698,185 @@ const ze = /* @__PURE__ */ H(an, [["__scopeId", "data-v-f242d7f6"]]), ln = {
   }),
   emits: /* @__PURE__ */ oe(["click", "focus", "blur", "input", "inputDelayed", "change", "changeDelayed"], ["update:modelValue"]),
   setup(e, { expose: o, emit: t }) {
-    const n = ge(e, "modelValue"), a = e, l = t;
-    o({ focus: T, select: O });
-    const { cleekOptions: s } = ae(ne()), { windowWidth: c } = ke(), u = x(), p = x(""), r = x(!1), v = x(!1), i = d(() => r.value ? "text" : a.plusMinusButtons ? "number" : a.type), g = d(() => a.justInteger || a.plusMinusButtons), f = d(() => a.labelAlign ? a.labelAlign : a.align ? a.align : a.plusMinusButtons ? ct : "left"), k = d(() => {
-      const C = [];
-      let I = "";
-      if (a.width && (I = a.width), a.plusMinusButtons && (I = un), I && C.push({ width: I }), a.widthBreaks) {
-        const ee = D.getWidthByWidthBreaks(a.widthBreaks, c.value);
-        ee && C.push({ width: ee });
+    const n = ge(e, "modelValue"), a = e, i = t;
+    o({ focus: B, select: O });
+    const { cleekOptions: s } = ae(ne()), { windowWidth: c } = ke(), u = x(), p = x(""), r = x(!1), m = x(!1), l = d(() => r.value ? "text" : a.plusMinusButtons ? "number" : a.type), g = d(() => a.justInteger || a.plusMinusButtons), f = d(() => a.labelAlign ? a.labelAlign : a.align ? a.align : a.plusMinusButtons ? ct : "left"), y = d(() => {
+      const w = [];
+      let A = "";
+      if (a.width && (A = a.width), a.plusMinusButtons && (A = un), A && w.push({ width: A }), a.widthBreaks) {
+        const te = L.getWidthByWidthBreaks(a.widthBreaks, c.value);
+        te && w.push({ width: te });
       }
-      return C;
+      return w;
     }), b = d(() => {
-      const C = [];
-      C.push(D.getGroupClass(a, c.value)), a.icon && C.push("has-icon-left"), a.iconRight && C.push("has-icon-right");
-      let I = a.align;
-      a.plusMinusButtons && (I = ct), I && C.push(`align--${I}`), a.hideBorder && C.push("no-border");
-      const ee = a.layout || s.value.styles.layout;
-      ee && C.push(ee), a.plusMinusButtons && C.push("squared"), a.size && C.push(`ck-input-size__${a.size}`);
+      const w = [];
+      w.push(L.getGroupClass(a, c.value)), a.icon && w.push("has-icon-left"), a.iconRight && w.push("has-icon-right");
+      let A = a.align;
+      a.plusMinusButtons && (A = ct), A && w.push(`align--${A}`), a.hideBorder && w.push("no-border");
+      const te = a.layout || s.value.styles.layout;
+      te && w.push(te), a.plusMinusButtons && w.push("squared"), a.size && w.push(`ck-input-size__${a.size}`);
       const ie = a.borderColor || s.value.styles.borderColor;
-      return ie && D.isColorTemplateVariable(ie) && C.push(`ck-component__border-color--${ie}`), C;
+      return ie && L.isColorTemplateVariable(ie) && w.push(`ck-component__border-color--${ie}`), w;
     }), h = d(() => {
-      const C = [];
-      a.fontSize && C.push({ "font-size": a.fontSize }), a.textColor && C.push({ color: a.textColor });
-      const I = a.borderColor || s.value.styles.borderColor;
-      I && !D.isColorTemplateVariable(I) && C.push({ "border-color": I });
-      let ee = "";
-      s.value.darkMode && (ee = s.value.darkModeColorItems), ee && !D.isColorTemplateVariable(ee) && C.push({ backgroundColor: ee });
+      const w = [];
+      a.fontSize && w.push({ "font-size": a.fontSize }), a.textColor && w.push({ color: a.textColor });
+      const A = a.borderColor || s.value.styles.borderColor;
+      A && !L.isColorTemplateVariable(A) && w.push({ "border-color": A });
+      let te = "";
+      s.value.darkMode && (te = s.value.darkModeColorItems), te && !L.isColorTemplateVariable(te) && w.push({ backgroundColor: te });
       let ie = a.textColor || s.value.popup.textColor;
-      return s.value.darkMode && (ie = s.value.darkModeColorText), ie && !D.isColorTemplateVariable(ie) && (C.push(`ck-component__color--${ie}`), C.push({ color: ie })), C;
+      return s.value.darkMode && (ie = s.value.darkModeColorText), ie && !L.isColorTemplateVariable(ie) && (w.push(`ck-component__color--${ie}`), w.push({ color: ie })), w;
     });
     ce(
       () => n.value,
-      (C) => me(C),
+      (w) => me(w),
       { immediate: !0 }
     );
-    function T() {
-      var C;
-      (C = u.value) == null || C.focus();
+    function B() {
+      var w;
+      (w = u.value) == null || w.focus();
     }
     function O() {
-      var C;
-      (C = u.value) == null || C.select();
+      var w;
+      (w = u.value) == null || w.select();
     }
-    function P(C) {
-      l("input", C), setTimeout(() => {
-        n.value === C && l("inputDelayed", C);
+    function P(w) {
+      i("input", w), setTimeout(() => {
+        n.value === w && i("inputDelayed", w);
       }, a.delayChangeTime);
     }
-    function B(C) {
-      l("change", C), setTimeout(() => {
-        n.value === C && l("changeDelayed", C);
+    function T(w) {
+      i("change", w), setTimeout(() => {
+        n.value === w && i("changeDelayed", w);
       }, a.delayChangeTime);
     }
-    function L(C) {
-      var I;
-      l("click", C), a.autoSelect && ((I = u.value) == null || I.select());
+    function S(w) {
+      var A;
+      i("click", w), a.autoSelect && ((A = u.value) == null || A.select());
     }
     function j() {
-      const C = me(p.value);
-      P(C);
+      const w = me(p.value);
+      P(w);
     }
-    function X() {
-      B(n.value);
+    function ee() {
+      T(n.value);
     }
-    function le(C) {
-      l("focus", C), a.preventAutocomplete && (v.value = !0), i.value === "number" && !p.value && (p.value = "");
+    function le(w) {
+      i("focus", w), a.preventAutocomplete && (m.value = !0), l.value === "number" && !p.value && (p.value = "");
     }
-    function $e(C) {
-      l("blur", C), i.value === "number" && !p.value && (p.value = n.value);
+    function $e(w) {
+      i("blur", w), l.value === "number" && !p.value && (p.value = n.value);
     }
     function V() {
-      const C = me(+p.value - 1);
-      P(C), B(C);
+      const w = me(+p.value - 1);
+      P(w), T(w);
     }
     function q() {
-      const C = me(+p.value + 1);
-      P(C), B(C);
+      const w = me(+p.value + 1);
+      P(w), T(w);
     }
-    function de(C) {
-      let I = C;
-      return a.capitalize && (I = Ee.capitalize(`${I}`)), a.toUpperCase && (I = `${I}`.toUpperCase()), g.value && (I = parseInt(`${+I}`)), typeof a.min < "u" && +I < +a.min && (I = +a.min), typeof a.max < "u" && +I > +a.max && (I = +a.max), I;
+    function de(w) {
+      let A = w;
+      return a.capitalize && (A = Ee.capitalize(`${A}`)), a.toUpperCase && (A = `${A}`.toUpperCase()), g.value && (A = parseInt(`${+A}`)), typeof a.min < "u" && +A < +a.min && (A = +a.min), typeof a.max < "u" && +A > +a.max && (A = +a.max), A;
     }
-    function me(C) {
-      const I = de(C);
-      return n.value = I, p.value = I, I;
+    function me(w) {
+      const A = de(w);
+      return n.value = A, p.value = A, A;
     }
     return _e(() => {
-      a.autofocus && (T(), L(null));
-    }), (C, I) => {
+      a.autofocus && (B(), S(null));
+    }), (w, A) => {
       var ie;
-      const ee = Y("ck-button");
-      return m(), y("div", {
+      const te = Y("ck-button");
+      return v(), k("div", {
         class: "ck-input",
-        style: F(k.value)
+        style: F(y.value)
       }, [
-        C.label ? (m(), S(ze, {
+        w.label ? (v(), D(ze, {
           key: 0,
           for: "ck-input",
-          size: C.size,
+          size: w.size,
           align: f.value
         }, {
           default: N(() => [
-            G(A(C.label) + " ", 1),
-            C.optional ? (m(), y("span", ln, "opcional")) : w("", !0)
+            G(M(w.label) + " ", 1),
+            w.optional ? (v(), k("span", ln, "opcional")) : C("", !0)
           ]),
           _: 1
-        }, 8, ["size", "align"])) : w("", !0),
+        }, 8, ["size", "align"])) : C("", !0),
         $("div", sn, [
-          C.plusMinusButtons ? (m(), S(ee, {
+          w.plusMinusButtons ? (v(), D(te, {
             key: 0,
             size: "s",
             icon: "minus",
             group: "left",
             type: "filled",
-            class: M(["ck-input-plus-minus-buttons", { "--small": C.size === "s" }]),
-            onClick: I[0] || (I[0] = (Z) => V())
-          }, null, 8, ["class"])) : w("", !0),
-          C.icon ? (m(), S(te, {
+            class: I(["ck-input-plus-minus-buttons", { "--small": w.size === "s" }]),
+            onClick: A[0] || (A[0] = (Z) => V())
+          }, null, 8, ["class"])) : C("", !0),
+          w.icon ? (v(), D(Q, {
             key: 1,
             class: "ck-input__icon-left",
-            color: C.iconColor ? C.iconColor : "lightgrey",
-            icon: C.icon,
-            "icon-pack": C.iconPack,
+            color: w.iconColor ? w.iconColor : "lightgrey",
+            icon: w.icon,
+            "icon-pack": w.iconPack,
             size: "s"
-          }, null, 8, ["color", "icon", "icon-pack"])) : w("", !0),
+          }, null, 8, ["color", "icon", "icon-pack"])) : C("", !0),
           ue($("input", {
             ref_key: "inputRef",
             ref: u,
-            "onUpdate:modelValue": I[1] || (I[1] = (Z) => p.value = Z),
-            type: i.value,
-            autocomplete: C.preventAutocomplete ? "new-password" : "on",
-            readonly: C.readonly || C.preventAutocomplete && !v.value,
-            placeholder: C.placeholder,
-            class: M(b.value),
+            "onUpdate:modelValue": A[1] || (A[1] = (Z) => p.value = Z),
+            type: l.value,
+            autocomplete: w.preventAutocomplete ? "new-password" : "on",
+            readonly: w.readonly || w.preventAutocomplete && !m.value,
+            placeholder: w.placeholder,
+            class: I(b.value),
             style: F(h.value),
-            disabled: C.disabled,
-            tabindex: C.tabindex,
-            onClick: I[2] || (I[2] = (Z) => L(Z)),
-            onInput: I[3] || (I[3] = (Z) => j()),
-            onChange: I[4] || (I[4] = (Z) => X()),
-            onFocus: I[5] || (I[5] = (Z) => le(Z)),
-            onBlur: I[6] || (I[6] = (Z) => $e(Z))
+            disabled: w.disabled,
+            tabindex: w.tabindex,
+            onClick: A[2] || (A[2] = (Z) => S(Z)),
+            onInput: A[3] || (A[3] = (Z) => j()),
+            onChange: A[4] || (A[4] = (Z) => ee()),
+            onFocus: A[5] || (A[5] = (Z) => le(Z)),
+            onBlur: A[6] || (A[6] = (Z) => $e(Z))
           }, null, 46, rn), [
             [Et, p.value]
           ]),
-          C.type === "password" ? (m(), y("div", {
+          w.type === "password" ? (v(), k("div", {
             key: 2,
-            class: M(["show-password", C.layout || ((ie = we(s)) == null ? void 0 : ie.styles.layout)]),
-            onClick: I[7] || (I[7] = (Z) => r.value = !r.value)
+            class: I(["show-password", w.layout || ((ie = we(s)) == null ? void 0 : ie.styles.layout)]),
+            onClick: A[7] || (A[7] = (Z) => r.value = !r.value)
           }, [
-            U(te, {
+            U(Q, {
               icon: r.value ? "eye-slash" : "eye"
             }, null, 8, ["icon"])
-          ], 2)) : w("", !0),
-          C.iconRight && C.type !== "password" ? (m(), S(te, {
+          ], 2)) : C("", !0),
+          w.iconRight && w.type !== "password" ? (v(), D(Q, {
             key: 3,
             class: "ck-input__icon-right",
-            color: C.iconColor ? C.iconColor : "lightgrey",
-            icon: C.iconRight,
-            "icon-pack": C.iconPack
-          }, null, 8, ["color", "icon", "icon-pack"])) : w("", !0),
-          C.plusMinusButtons ? (m(), S(ee, {
+            color: w.iconColor ? w.iconColor : "lightgrey",
+            icon: w.iconRight,
+            "icon-pack": w.iconPack
+          }, null, 8, ["color", "icon", "icon-pack"])) : C("", !0),
+          w.plusMinusButtons ? (v(), D(te, {
             key: 4,
             size: "s",
             icon: "plus",
             group: "right",
             type: "filled",
-            class: M(["ck-input-plus-minus-buttons", { "--small": C.size === "s" }]),
-            onClick: I[8] || (I[8] = (Z) => q())
-          }, null, 8, ["class"])) : w("", !0),
-          C.suffix ? (m(), y("span", {
+            class: I(["ck-input-plus-minus-buttons", { "--small": w.size === "s" }]),
+            onClick: A[8] || (A[8] = (Z) => q())
+          }, null, 8, ["class"])) : C("", !0),
+          w.suffix ? (v(), k("span", {
             key: 5,
-            class: M(["suffix", { "--plus-minus-btns": C.plusMinusButtons }])
-          }, A(C.suffix), 3)) : w("", !0)
+            class: I(["suffix", { "--plus-minus-btns": w.plusMinusButtons }])
+          }, M(w.suffix), 3)) : C("", !0)
         ])
       ], 4);
     };
   }
 });
-const Tt = /* @__PURE__ */ H(cn, [["__scopeId", "data-v-cd3f4c82"]]), dn = {
+const Bt = /* @__PURE__ */ H(cn, [["__scopeId", "data-v-cd3f4c82"]]), dn = {
   key: 0,
   class: "flex items-center"
 }, pn = { key: 2 }, vn = /* @__PURE__ */ R({
@@ -893,7 +893,7 @@ const Tt = /* @__PURE__ */ H(cn, [["__scopeId", "data-v-cd3f4c82"]]), dn = {
   }),
   emits: /* @__PURE__ */ oe(["refreshList"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const t = ge(e, "modelValue"), n = e, a = o, l = d(() => typeof t.value < "u"), s = d(() => {
+    const t = ge(e, "modelValue"), n = e, a = o, i = d(() => typeof t.value < "u"), s = d(() => {
       const p = [];
       return n.layout && p.push(n.layout), n.version && p.push(`version--${n.version}`), p;
     });
@@ -906,14 +906,14 @@ const Tt = /* @__PURE__ */ H(cn, [["__scopeId", "data-v-cd3f4c82"]]), dn = {
         r === t.value && a("refreshList", !1);
       }, 1e3);
     }
-    return (p, r) => (m(), y("div", {
-      class: M(["ck-table__header-items", s.value])
+    return (p, r) => (v(), k("div", {
+      class: I(["ck-table__header-items", s.value])
     }, [
-      p.$slots.headerActionsLeft ? (m(), y("div", dn, [
+      p.$slots.headerActionsLeft ? (v(), k("div", dn, [
         W(p.$slots, "headerActionsLeft", {}, void 0, !0)
-      ])) : w("", !0),
-      !p.hideHeaderActions && l.value ? (m(), y(K, { key: 1 }, [
-        p.hideRefreshBtn ? w("", !0) : (m(), S(Te, {
+      ])) : C("", !0),
+      !p.hideHeaderActions && i.value ? (v(), k(K, { key: 1 }, [
+        p.hideRefreshBtn ? C("", !0) : (v(), D(Be, {
           key: 0,
           class: "mr-1",
           type: "flat",
@@ -922,22 +922,22 @@ const Tt = /* @__PURE__ */ H(cn, [["__scopeId", "data-v-cd3f4c82"]]), dn = {
           layout: "rounded",
           icon: p.isLoading ? "spinner" : "rotate-right",
           isLoading: !!p.isLoading,
-          onClick: r[0] || (r[0] = (v) => c())
+          onClick: r[0] || (r[0] = (m) => c())
         }, null, 8, ["icon", "isLoading"])),
-        U(Tt, {
+        U(Bt, {
           modelValue: t.value,
-          "onUpdate:modelValue": r[1] || (r[1] = (v) => t.value = v),
+          "onUpdate:modelValue": r[1] || (r[1] = (m) => t.value = m),
           class: "ck-table--search-input",
           layout: "rounded",
           icon: "magnifying-glass",
           placeholder: "Buscar...",
           borderColor: p.version === "colored" ? "white" : "",
-          onInput: r[2] || (r[2] = (v) => u(v))
+          onInput: r[2] || (r[2] = (m) => u(m))
         }, null, 8, ["modelValue", "borderColor"])
-      ], 64)) : w("", !0),
-      p.$slots.headerActionsRight ? (m(), y("div", pn, [
+      ], 64)) : C("", !0),
+      p.$slots.headerActionsRight ? (v(), k("div", pn, [
         W(p.$slots, "headerActionsRight", {}, void 0, !0)
-      ])) : w("", !0)
+      ])) : C("", !0)
     ], 2));
   }
 });
@@ -953,12 +953,12 @@ const mn = /* @__PURE__ */ H(vn, [["__scopeId", "data-v-187caf58"]]), fn = { cla
   },
   emits: ["refreshList", "update:currentPage"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { cleekOptions: a } = ae(ne()), l = d({
+    const t = e, n = o, { cleekOptions: a } = ae(ne()), i = d({
       get() {
         return t.currentPage;
       },
-      set(k) {
-        n("update:currentPage", k);
+      set(y) {
+        n("update:currentPage", y);
       }
     }), s = d({
       get() {
@@ -969,77 +969,77 @@ const mn = /* @__PURE__ */ H(vn, [["__scopeId", "data-v-187caf58"]]), fn = { cla
     }), c = d(() => t.currentPage !== 1), u = d(() => !!r.value.length), p = d(() => {
       if (!t.listLength)
         return [];
-      const k = [], b = (dt - 1) / 2;
+      const y = [], b = (dt - 1) / 2;
       for (const h of Array(b).keys()) {
-        const T = t.currentPage - h - 1;
-        T > 0 && k.unshift(T);
+        const B = t.currentPage - h - 1;
+        B > 0 && y.unshift(B);
       }
-      return k;
+      return y;
     }), r = d(() => {
       if (!t.listLength)
         return [];
-      const k = [], b = (dt - 1) / 2;
+      const y = [], b = (dt - 1) / 2;
       for (const h of Array(b).keys()) {
-        const T = t.currentPage + h + 1;
-        T <= t.totalPages && k.push(T);
+        const B = t.currentPage + h + 1;
+        B <= t.totalPages && y.push(B);
       }
-      return k;
-    }), v = d(() => {
-      const k = [], b = t.align || "center";
-      b && k.push(`pagination-align--${b || "center"}`);
+      return y;
+    }), m = d(() => {
+      const y = [], b = t.align || "center";
+      b && y.push(`pagination-align--${b || "center"}`);
       const h = t.layout || a.value.styles.layout;
-      return h && k.push(h), k;
+      return h && y.push(h), y;
     });
-    ce(() => l.value, () => n("refreshList"));
-    function i(k) {
-      let b = +k.value;
-      b > t.totalPages && (b = t.totalPages), b < 1 && (b = 1), t.currentPage === b ? k.value = `${b}` : l.value = b;
+    ce(() => i.value, () => n("refreshList"));
+    function l(y) {
+      let b = +y.value;
+      b > t.totalPages && (b = t.totalPages), b < 1 && (b = 1), t.currentPage === b ? y.value = `${b}` : i.value = b;
     }
     function g() {
-      u.value && (l.value = t.currentPage + 1);
+      u.value && (i.value = t.currentPage + 1);
     }
     function f() {
-      c.value && (l.value = t.currentPage - 1);
+      c.value && (i.value = t.currentPage - 1);
     }
-    return (k, b) => (m(), y("div", {
-      class: M(["ck-table__pagination-container", v.value])
+    return (y, b) => (v(), k("div", {
+      class: I(["ck-table__pagination-container", m.value])
     }, [
       $("div", fn, [
         $("div", {
-          class: M(["ck-table__pagination--arrow-left", { disabled: !c.value }]),
+          class: I(["ck-table__pagination--arrow-left", { disabled: !c.value }]),
           onClick: b[0] || (b[0] = (h) => f())
         }, [
-          U(te, {
+          U(Q, {
             icon: c.value ? "angle-left" : "grip-lines-vertical"
           }, null, 8, ["icon"])
         ], 2),
         $("div", hn, [
-          (m(!0), y(K, null, re(p.value, (h) => (m(), y("div", {
+          (v(!0), k(K, null, re(p.value, (h) => (v(), k("div", {
             class: "ck-table__pagination-item--left",
-            onClick: (T) => l.value = h
-          }, A(h), 9, gn))), 256)),
+            onClick: (B) => i.value = h
+          }, M(h), 9, gn))), 256)),
           $("div", kn, [
             ue($("input", {
               "onUpdate:modelValue": b[1] || (b[1] = (h) => s.value = h),
               class: "ck-table__pagination-input",
               type: "number",
               onClick: b[2] || (b[2] = (h) => h.target.select()),
-              onChange: b[3] || (b[3] = (h) => i(h.target))
+              onChange: b[3] || (b[3] = (h) => l(h.target))
             }, null, 544), [
               [Fe, s.value]
             ]),
             b[5] || (b[5] = $("div", { class: "ck-table__pagination--input-pointer" }, null, -1))
           ]),
-          (m(!0), y(K, null, re(r.value, (h) => (m(), y("div", {
+          (v(!0), k(K, null, re(r.value, (h) => (v(), k("div", {
             class: "ck-table__pagination-item--right",
-            onClick: (T) => l.value = h
-          }, A(h), 9, yn))), 256))
+            onClick: (B) => i.value = h
+          }, M(h), 9, yn))), 256))
         ]),
         $("div", {
-          class: M(["ck-table__pagination--arrow-right", { disabled: !u.value }]),
+          class: I(["ck-table__pagination--arrow-right", { disabled: !u.value }]),
           onClick: b[4] || (b[4] = (h) => g())
         }, [
-          U(te, {
+          U(Q, {
             icon: u.value ? "angle-right" : "grip-lines-vertical"
           }, null, 8, ["icon"])
         ], 2)
@@ -1047,7 +1047,7 @@ const mn = /* @__PURE__ */ H(vn, [["__scopeId", "data-v-187caf58"]]), fn = { cla
     ], 2));
   }
 });
-const _n = /* @__PURE__ */ H(bn, [["__scopeId", "data-v-a399c4bf"]]), Cn = ["disabled", "checked"], wn = ["textContent"], $n = "m", Bn = /* @__PURE__ */ R({
+const _n = /* @__PURE__ */ H(bn, [["__scopeId", "data-v-a399c4bf"]]), Cn = ["disabled", "checked"], wn = ["textContent"], $n = "m", Tn = /* @__PURE__ */ R({
   __name: "ck-checkbox",
   props: /* @__PURE__ */ oe({
     label: {},
@@ -1063,76 +1063,76 @@ const _n = /* @__PURE__ */ H(bn, [["__scopeId", "data-v-a399c4bf"]]), Cn = ["dis
   }),
   emits: /* @__PURE__ */ oe(["change"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const t = ge(e, "modelValue"), n = e, a = o, l = d(() => ({
+    const t = ge(e, "modelValue"), n = e, a = o, i = d(() => ({
       "aria-disabled": n.disabled,
       tabindex: n.disabled ? void 0 : "0"
     })), s = d(() => {
-      const i = [];
-      return n.size && i.push(`size__${n.size}`), i;
+      const l = [];
+      return n.size && l.push(`size__${n.size}`), l;
     }), c = d(() => {
-      const i = [];
-      return n.color && D.isColorTemplateVariable(n.color) && (i.push(`ck-component__border-color--${n.color}`), (t.value || t.value === null) && i.push(`ck-component__color-background--${n.color}`)), i;
+      const l = [];
+      return n.color && L.isColorTemplateVariable(n.color) && (l.push(`ck-component__border-color--${n.color}`), (t.value || t.value === null) && l.push(`ck-component__color-background--${n.color}`)), l;
     }), u = d(() => {
-      const i = [];
-      return n.color && !D.isColorTemplateVariable(n.color) && (i.push({ borderColor: n.color }), (t.value || t.value === null) && i.push({ backgroundColor: n.color })), i;
+      const l = [];
+      return n.color && !L.isColorTemplateVariable(n.color) && (l.push({ borderColor: n.color }), (t.value || t.value === null) && l.push({ backgroundColor: n.color })), l;
     }), p = d(() => {
-      const i = [];
-      return n.colorText && D.isColorTemplateVariable(n.colorText) && i.push(`ck-component__color--${n.colorText}`), n.textSize && n.textSize !== $n && i.push(`ck-checkbox--label-text-size--${n.textSize}`), i;
+      const l = [];
+      return n.colorText && L.isColorTemplateVariable(n.colorText) && l.push(`ck-component__color--${n.colorText}`), n.textSize && n.textSize !== $n && l.push(`ck-checkbox--label-text-size--${n.textSize}`), l;
     }), r = d(() => {
-      const i = [];
-      return n.colorText && !D.isColorTemplateVariable(n.colorText) && i.push({ color: n.colorText }), i;
+      const l = [];
+      return n.colorText && !L.isColorTemplateVariable(n.colorText) && l.push({ color: n.colorText }), l;
     });
-    function v() {
+    function m() {
       n.preventAutoUpdate || (t.value = !t.value);
     }
-    return (i, g) => (m(), y("label", Ie(l.value, {
+    return (l, g) => (v(), k("label", Ae(i.value, {
       class: ["ck-checkbox", s.value],
       onKeydown: g[4] || (g[4] = he(se(() => {
       }, ["prevent"]), ["space"])),
       onKeyup: [
-        g[5] || (g[5] = he((f) => v(), ["enter"])),
-        g[6] || (g[6] = he((f) => v(), ["space"]))
+        g[5] || (g[5] = he((f) => m(), ["enter"])),
+        g[6] || (g[6] = he((f) => m(), ["space"]))
       ],
-      onClick: g[7] || (g[7] = se((f) => v(), ["prevent"]))
+      onClick: g[7] || (g[7] = se((f) => m(), ["prevent"]))
     }), [
       $("input", {
-        class: M(["ck-checkbox--input", { "ck-checkbox--input__intermediate": t.value === null }]),
+        class: I(["ck-checkbox--input", { "ck-checkbox--input__intermediate": t.value === null }]),
         "aria-hidden": "true",
         type: "checkbox",
-        disabled: i.disabled,
+        disabled: l.disabled,
         checked: t.value,
         onChange: g[0] || (g[0] = (f) => a("change", f)),
         onClick: g[1] || (g[1] = se(() => {
         }, ["prevent"]))
       }, null, 42, Cn),
       $("div", {
-        class: M(["ck-checkbox--element", c.value]),
+        class: I(["ck-checkbox--element", c.value]),
         style: F(u.value),
         onClick: g[2] || (g[2] = se(() => {
         }, ["prevent"]))
       }, null, 6),
-      i.label || i.$slots.default ? (m(), y("span", {
+      l.label || l.$slots.default ? (v(), k("span", {
         key: 0,
-        class: M(["ck-checkbox--label", p.value]),
+        class: I(["ck-checkbox--label", p.value]),
         style: F(r.value),
         onClick: g[3] || (g[3] = se(() => {
         }, ["prevent"]))
       }, [
-        i.label ? (m(), y("span", {
+        l.label ? (v(), k("span", {
           key: 0,
-          textContent: A(i.label)
-        }, null, 8, wn)) : w("", !0),
-        W(i.$slots, "default", {}, void 0, !0)
-      ], 6)) : w("", !0)
+          textContent: M(l.label)
+        }, null, 8, wn)) : C("", !0),
+        W(l.$slots, "default", {}, void 0, !0)
+      ], 6)) : C("", !0)
     ], 16));
   }
 });
-const Pt = /* @__PURE__ */ H(Bn, [["__scopeId", "data-v-a8d6cf84"]]);
+const Pt = /* @__PURE__ */ H(Tn, [["__scopeId", "data-v-a8d6cf84"]]);
 function Vt(e) {
   const o = e ? "visible" : "hidden";
   document.body.style.overflow = o;
 }
-const Tn = { class: "ck-popup" }, Pn = {
+const Bn = { class: "ck-popup" }, Pn = {
   key: 0,
   class: "ck-popup__title"
 }, Vn = {
@@ -1171,124 +1171,124 @@ const Tn = { class: "ck-popup" }, Pn = {
   }),
   emits: /* @__PURE__ */ oe(["accept", "cancel", "close"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const t = ge(e, "modelValue"), n = e, a = o, { cleekOptions: l } = ae(ne()), s = d(() => {
-      const B = [], L = n.layout || l.value.styles.layout;
-      L && B.push(L);
-      const j = n.textColor || l.value.popup.textColor;
-      return j && D.isColorTemplateVariable(j) && B.push(`ck-component__color--${j}`), B;
+    const t = ge(e, "modelValue"), n = e, a = o, { cleekOptions: i } = ae(ne()), s = d(() => {
+      const T = [], S = n.layout || i.value.styles.layout;
+      S && T.push(S);
+      const j = n.textColor || i.value.popup.textColor;
+      return j && L.isColorTemplateVariable(j) && T.push(`ck-component__color--${j}`), T;
     }), c = d(() => {
-      const B = [], L = n.fontSize || l.value.popup.fontSize;
-      L && B.push({ "font-size": L }), n.width && B.push({ width: n.width });
-      const j = n.width ? "95%" : n.maxWidth || l.value.popup.maxWidth;
-      j && B.push({ "max-width": j });
-      const X = n.textColor || l.value.popup.textColor;
-      X && !D.isColorTemplateVariable(X) && (B.push(`ck-component__color--${X}`), B.push({ color: X }));
+      const T = [], S = n.fontSize || i.value.popup.fontSize;
+      S && T.push({ "font-size": S }), n.width && T.push({ width: n.width });
+      const j = n.width ? "95%" : n.maxWidth || i.value.popup.maxWidth;
+      j && T.push({ "max-width": j });
+      const ee = n.textColor || i.value.popup.textColor;
+      ee && !L.isColorTemplateVariable(ee) && (T.push(`ck-component__color--${ee}`), T.push({ color: ee }));
       let le = "white";
-      return l.value.popup.backgroundColor && (le = l.value.popup.backgroundColor), l.value.darkMode && (le = l.value.darkModeColorItems), n.backgroundColor && (le = n.backgroundColor), le && !D.isColorTemplateVariable(le) && B.push({ backgroundColor: le }), B;
+      return i.value.popup.backgroundColor && (le = i.value.popup.backgroundColor), i.value.darkMode && (le = i.value.darkModeColorItems), n.backgroundColor && (le = n.backgroundColor), le && !L.isColorTemplateVariable(le) && T.push({ backgroundColor: le }), T;
     }), u = d(() => {
-      const B = [];
-      let L = "";
-      l.value.popup.headerColor && (L = l.value.popup.headerColor), l.value.darkMode && (L = l.value.darkModeColorItems), n.headerColor && (L = n.headerColor), L && !D.isColorTemplateVariable(L) && B.push({ backgroundColor: L });
-      let j = n.textColor || l.value.popup.textColor;
-      return l.value.darkMode && (j = l.value.darkModeColorText), j && !D.isColorTemplateVariable(j) && (B.push(`ck-component__color--${j}`), B.push({ color: j })), B;
+      const T = [];
+      let S = "";
+      i.value.popup.headerColor && (S = i.value.popup.headerColor), i.value.darkMode && (S = i.value.darkModeColorItems), n.headerColor && (S = n.headerColor), S && !L.isColorTemplateVariable(S) && T.push({ backgroundColor: S });
+      let j = n.textColor || i.value.popup.textColor;
+      return i.value.darkMode && (j = i.value.darkModeColorText), j && !L.isColorTemplateVariable(j) && (T.push(`ck-component__color--${j}`), T.push({ color: j })), T;
     }), p = d(() => {
-      const B = [];
-      let L = "";
-      return l.value.popup.backgroundColor && (L = l.value.popup.backgroundColor), l.value.darkMode && (L = l.value.darkModeColorItems), n.backgroundColor && (L = n.backgroundColor), L && !D.isColorTemplateVariable(L) && B.push({ backgroundColor: L }), B;
+      const T = [];
+      let S = "";
+      return i.value.popup.backgroundColor && (S = i.value.popup.backgroundColor), i.value.darkMode && (S = i.value.darkModeColorItems), n.backgroundColor && (S = n.backgroundColor), S && !L.isColorTemplateVariable(S) && T.push({ backgroundColor: S }), T;
     }), r = d(() => {
-      const B = [], L = n.headerAlign || l.value.popup.headerAlign;
-      L && B.push(`header-align--${L}`);
-      const j = n.headerColor || l.value.popup.headerColor;
-      return j && D.isColorTemplateVariable(j) && B.push(`ck-component__bg-color--${j}`), g.value || B.push("close-btn-hidden"), B;
-    }), v = d(() => n.acceptBtnType ? n.acceptBtnType : l.value.popup.acceptBtnType ? l.value.popup.acceptBtnType : "outlined"), i = d(() => n.cancelBtnType ? n.cancelBtnType : l.value.popup.cancelBtnType ? l.value.popup.cancelBtnType : "flat"), g = d(() => !(n.notCloseBtn || n.notClose)), f = d(() => n.acceptBtnText ? n.acceptBtnText : l.value.lang === "es" ? "Aceptar" : "Accept"), k = d(() => n.cancelBtnText ? n.cancelBtnText : l.value.lang === "es" ? "Cancelar" : "Cancel");
-    ce(() => t.value, (B) => Vt(!B));
+      const T = [], S = n.headerAlign || i.value.popup.headerAlign;
+      S && T.push(`header-align--${S}`);
+      const j = n.headerColor || i.value.popup.headerColor;
+      return j && L.isColorTemplateVariable(j) && T.push(`ck-component__bg-color--${j}`), g.value || T.push("close-btn-hidden"), T;
+    }), m = d(() => n.acceptBtnType ? n.acceptBtnType : i.value.popup.acceptBtnType ? i.value.popup.acceptBtnType : "outlined"), l = d(() => n.cancelBtnType ? n.cancelBtnType : i.value.popup.cancelBtnType ? i.value.popup.cancelBtnType : "flat"), g = d(() => !(n.notCloseBtn || n.notClose)), f = d(() => n.acceptBtnText ? n.acceptBtnText : i.value.lang === "es" ? "Aceptar" : "Accept"), y = d(() => n.cancelBtnText ? n.cancelBtnText : i.value.lang === "es" ? "Cancelar" : "Cancel");
+    ce(() => t.value, (T) => Vt(!T));
     function b() {
       t.value = !1, a("close");
     }
     function h() {
       a("cancel"), n.preventCloseOnCancel || b();
     }
-    function T() {
+    function B() {
       a("accept");
     }
     function O() {
       n.notCloseByBg || n.notClose || b();
     }
-    function P(B) {
-      t.value && (B.key === "Escape" && O(), B.key === "Enter" && B.shiftKey && T());
+    function P(T) {
+      t.value && (T.key === "Escape" && O(), T.key === "Enter" && T.shiftKey && B());
     }
     return _e(() => {
       window.addEventListener("keydown", P);
     }), ot(() => {
       window.removeEventListener("keydown", P);
-    }), (B, L) => t.value ? (m(), S(Ae, {
+    }), (T, S) => t.value ? (v(), D(xe, {
       key: 0,
       to: "body"
     }, [
-      $("div", Tn, [
-        L[5] || (L[5] = $("div", { class: "blackout" }, null, -1)),
+      $("div", Bn, [
+        S[5] || (S[5] = $("div", { class: "blackout" }, null, -1)),
         $("div", {
           class: "popup-container",
-          onMousedown: L[4] || (L[4] = (j) => O())
+          onMousedown: S[4] || (S[4] = (j) => O())
         }, [
           $("div", {
-            class: M(["ck-popup__content", s.value]),
+            class: I(["ck-popup__content", s.value]),
             style: F(c.value),
-            onMousedown: L[3] || (L[3] = se(() => {
+            onMousedown: S[3] || (S[3] = se(() => {
             }, ["stop"]))
           }, [
             $("div", {
-              class: M(["ck-popup__slot-header", r.value]),
+              class: I(["ck-popup__slot-header", r.value]),
               style: F(u.value)
             }, [
-              B.title ? (m(), y("h3", Pn, A(B.title), 1)) : w("", !0),
-              W(B.$slots, "header"),
-              g.value ? (m(), S(te, {
+              T.title ? (v(), k("h3", Pn, M(T.title), 1)) : C("", !0),
+              W(T.$slots, "header"),
+              g.value ? (v(), D(Q, {
                 key: 1,
                 class: "icon-close",
                 icon: "times",
-                onClick: L[0] || (L[0] = (j) => b())
-              })) : w("", !0)
+                onClick: S[0] || (S[0] = (j) => b())
+              })) : C("", !0)
             ], 6),
             $("div", {
               class: "ck-popup__slot-body",
               style: F(p.value)
             }, [
-              W(B.$slots, "default")
+              W(T.$slots, "default")
             ], 4),
-            B.$slots.footer || B.confirmButtons || B.acceptButton || B.cancelButton ? (m(), y("div", Vn, [
+            T.$slots.footer || T.confirmButtons || T.acceptButton || T.cancelButton ? (v(), k("div", Vn, [
               $("div", Dn, [
-                W(B.$slots, "footer")
+                W(T.$slots, "footer")
               ]),
-              B.confirmButtons || B.acceptButton || B.cancelButton ? (m(), y("div", Ln, [
-                B.confirmButtons || B.cancelButton ? (m(), S(Te, {
+              T.confirmButtons || T.acceptButton || T.cancelButton ? (v(), k("div", Ln, [
+                T.confirmButtons || T.cancelButton ? (v(), D(Be, {
                   key: 0,
                   color: "danger",
-                  type: i.value,
-                  onClick: L[1] || (L[1] = (j) => h())
+                  type: l.value,
+                  onClick: S[1] || (S[1] = (j) => h())
                 }, {
                   default: N(() => [
-                    G(A(k.value), 1)
+                    G(M(y.value), 1)
                   ]),
                   _: 1
-                }, 8, ["type"])) : w("", !0),
-                B.confirmButtons || B.acceptButton ? (m(), S(Te, {
+                }, 8, ["type"])) : C("", !0),
+                T.confirmButtons || T.acceptButton ? (v(), D(Be, {
                   key: 1,
-                  type: v.value,
-                  isLoading: B.isLoading,
-                  onClick: L[2] || (L[2] = (j) => T())
+                  type: m.value,
+                  isLoading: T.isLoading,
+                  onClick: S[2] || (S[2] = (j) => B())
                 }, {
                   default: N(() => [
-                    G(A(f.value), 1)
+                    G(M(f.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 Sn = { class: "columns-manger-container" }, Mn = /* @__PURE__ */ R({
@@ -1302,7 +1302,7 @@ const Sn = { class: "columns-manger-container" }, Mn = /* @__PURE__ */ R({
   setup(e, { emit: o }) {
     const t = e, n = o;
     let a = x([]);
-    const l = d({
+    const i = d({
       get() {
         return t.modelValue;
       },
@@ -1310,9 +1310,9 @@ const Sn = { class: "columns-manger-container" }, Mn = /* @__PURE__ */ R({
         n("update:modelValue", u);
       }
     });
-    ce(() => l.value, (u) => {
+    ce(() => i.value, (u) => {
       u && s();
-    }), ce(() => l.value, (u) => {
+    }), ce(() => i.value, (u) => {
       u && s();
     });
     function s() {
@@ -1321,31 +1321,31 @@ const Sn = { class: "columns-manger-container" }, Mn = /* @__PURE__ */ R({
         p.unchangeable || u.push({
           name: p.name,
           title: p.title,
-          value: D.isColumnDisplayed(p)
+          value: L.isColumnDisplayed(p)
         });
       }), a.value = u;
     }
     function c(u, p) {
       t.columns[u].isDisplayed = p;
     }
-    return (u, p) => (m(), S(nt, {
-      modelValue: l.value,
-      "onUpdate:modelValue": p[0] || (p[0] = (r) => l.value = r),
+    return (u, p) => (v(), D(nt, {
+      modelValue: i.value,
+      "onUpdate:modelValue": p[0] || (p[0] = (r) => i.value = r),
       title: "Administrador de columnas"
     }, {
       default: N(() => [
         $("div", Sn, [
-          (m(!0), y(K, null, re(we(a), (r, v) => (m(), y("div", {
+          (v(!0), k(K, null, re(we(a), (r, m) => (v(), k("div", {
             class: "columns-manger__item",
-            key: v
+            key: m
           }, [
             U(Pt, {
               modelValue: r.value,
-              "onUpdate:modelValue": (i) => r.value = i,
-              onClick: (i) => c(r.name, r.value)
+              "onUpdate:modelValue": (l) => r.value = l,
+              onClick: (l) => c(r.name, r.value)
             }, {
               default: N(() => [
-                G(A(r.title), 1)
+                G(M(r.title), 1)
               ]),
               _: 2
             }, 1032, ["modelValue", "onUpdate:modelValue", "onClick"])
@@ -1356,7 +1356,7 @@ const Sn = { class: "columns-manger-container" }, Mn = /* @__PURE__ */ R({
     }, 8, ["modelValue"]));
   }
 });
-const xn = /* @__PURE__ */ H(Mn, [["__scopeId", "data-v-3f119c7c"]]), An = /* @__PURE__ */ R({
+const In = /* @__PURE__ */ H(Mn, [["__scopeId", "data-v-3f119c7c"]]), xn = /* @__PURE__ */ R({
   __name: "LoadingAndNoResultsText",
   props: {
     listLength: {},
@@ -1365,10 +1365,10 @@ const xn = /* @__PURE__ */ H(Mn, [["__scopeId", "data-v-3f119c7c"]]), An = /* @_
     noResultsText: {}
   },
   setup(e) {
-    const o = e, { cleekOptions: t } = ae(ne()), n = d(() => !(typeof o.listLength > "u" || o.listLength)), a = d(() => o.loadingText ? o.loadingText : t.value.lang === "es" ? "Cargando..." : "Loading..."), l = d(() => o.noResultsText ? o.noResultsText : t.value.lang === "es" ? "No se encontraron resultados" : "No results found");
+    const o = e, { cleekOptions: t } = ae(ne()), n = d(() => !(typeof o.listLength > "u" || o.listLength)), a = d(() => o.loadingText ? o.loadingText : t.value.lang === "es" ? "Cargando..." : "Loading..."), i = d(() => o.noResultsText ? o.noResultsText : t.value.lang === "es" ? "No se encontraron resultados" : "No results found");
     return (s, c) => {
       const u = Y("ck-icon"), p = Y("ck-td"), r = Y("ck-tr");
-      return n.value ? (m(), S(r, { key: 0 }, {
+      return n.value ? (v(), D(r, { key: 0 }, {
         default: N(() => [
           U(p, {
             class: "no-result-text",
@@ -1376,26 +1376,26 @@ const xn = /* @__PURE__ */ H(Mn, [["__scopeId", "data-v-3f119c7c"]]), An = /* @_
             align: "center"
           }, {
             default: N(() => [
-              s.isLoading ? (m(), y(K, { key: 0 }, [
+              s.isLoading ? (v(), k(K, { key: 0 }, [
                 U(u, {
                   class: "mr-2",
                   icon: "spinner",
                   spin: ""
                 }),
-                G(" " + A(a.value), 1)
-              ], 64)) : n.value ? (m(), y(K, { key: 1 }, [
-                G(A(l.value), 1)
-              ], 64)) : w("", !0)
+                G(" " + M(a.value), 1)
+              ], 64)) : n.value ? (v(), k(K, { key: 1 }, [
+                G(M(i.value), 1)
+              ], 64)) : C("", !0)
             ]),
             _: 1
           })
         ]),
         _: 1
-      })) : w("", !0);
+      })) : C("", !0);
     };
   }
 });
-const pt = /* @__PURE__ */ H(An, [["__scopeId", "data-v-0731cbef"]]), In = { class: "ck-table" }, zn = {
+const pt = /* @__PURE__ */ H(xn, [["__scopeId", "data-v-0731cbef"]]), An = { class: "ck-table" }, zn = {
   key: 0,
   class: "ck-table__header"
 }, Rn = {
@@ -1444,35 +1444,35 @@ const pt = /* @__PURE__ */ H(An, [["__scopeId", "data-v-0731cbef"]]), In = { cla
   }),
   emits: /* @__PURE__ */ oe(["refreshList", "update:search", "update:currentPage"], ["update:selectedRows"]),
   setup(e, { emit: o }) {
-    const t = ge(e, "selectedRows"), n = e, a = o, { cleekOptions: l } = ae(ne()), { windowWidth: s } = ke(), c = x({
+    const t = ge(e, "selectedRows"), n = e, a = o, { cleekOptions: i } = ae(ne()), { windowWidth: s } = ke(), c = x({
       columnsManager: !1
-    }), u = d(() => !!t.value), p = d(() => typeof n.darkMode < "u" ? n.darkMode : l.value.darkMode), r = d(() => Math.ceil(n.listLength / n.itemsPerPage)), v = d(() => n.version ? n.version : l.value ? l.value.table.version : "default"), i = d(() => {
+    }), u = d(() => !!t.value), p = d(() => typeof n.darkMode < "u" ? n.darkMode : i.value.darkMode), r = d(() => Math.ceil(n.listLength / n.itemsPerPage)), m = d(() => n.version ? n.version : i.value ? i.value.table.version : "default"), l = d(() => {
       if (n.headerTextColor)
         return n.headerTextColor;
-      if (l.value) {
-        if (l.value.table.headerTextColor)
-          return l.value.table.headerTextColor;
+      if (i.value) {
+        if (i.value.table.headerTextColor)
+          return i.value.table.headerTextColor;
         if (p.value)
           return "#ccc";
       }
     }), g = d(() => {
       if (n.headerBackgroundColor)
         return n.headerBackgroundColor;
-      if (l.value)
-        return l.value.table.headerBackgroundColor;
-    }), f = d(() => !h.value[h.value.length - 1].title), k = d(() => !eo.isArray(n.columns || [])), b = d(() => {
-      if (k.value) {
+      if (i.value)
+        return i.value.table.headerBackgroundColor;
+    }), f = d(() => !h.value[h.value.length - 1].title), y = d(() => !eo.isArray(n.columns || [])), b = d(() => {
+      if (y.value) {
         const q = Object.values(n.columns || []), de = Object.keys(n.columns || []);
-        return q.forEach((me, C) => {
-          const I = de[C];
-          me.name = I;
+        return q.forEach((me, w) => {
+          const A = de[w];
+          me.name = A;
         }), q;
       }
       const V = [];
       return (n.columns || []).forEach((q) => {
         typeof q == "string" ? V.push({ title: q }) : V.push(q);
       }), V;
-    }), h = d(() => b.value.filter(D.isColumnDisplayed)), T = d({
+    }), h = d(() => b.value.filter(L.isColumnDisplayed)), B = d({
       // @ts-ignore
       get() {
         return n.search;
@@ -1487,17 +1487,17 @@ const pt = /* @__PURE__ */ H(An, [["__scopeId", "data-v-0731cbef"]]), In = { cla
       set(V) {
         a("update:currentPage", V);
       }
-    }), P = d(() => n.layout || l.value.styles.layout), B = d(() => s.value <= (+n.mobileMaxWidth || 0));
-    function L(V = !1) {
+    }), P = d(() => n.layout || i.value.styles.layout), T = d(() => s.value <= (+n.mobileMaxWidth || 0));
+    function S(V = !1) {
       a("refreshList", V);
     }
     function j() {
-      k.value ? c.value.columnsManager = !0 : console.log("ERROR ck-table", "The columns list should be an object");
+      y.value ? c.value.columnsManager = !0 : console.log("ERROR ck-table", "The columns list should be an object");
     }
-    const X = d(() => {
+    const ee = d(() => {
       var de;
       const V = [];
-      return n.cellPadding && V.push(`table__cell-padding--${n.cellPadding}`), n.cellPaddingY && V.push(`table__cell-padding-y--${n.cellPaddingY}`), n.notFullWidth && V.push("not-full-width"), p.value && V.push("dark-mode"), (n.striped || ((de = l.value.table) == null ? void 0 : de.striped)) && V.push("striped-table"), V;
+      return n.cellPadding && V.push(`table__cell-padding--${n.cellPadding}`), n.cellPaddingY && V.push(`table__cell-padding-y--${n.cellPaddingY}`), n.notFullWidth && V.push("not-full-width"), p.value && V.push("dark-mode"), (n.striped || ((de = i.value.table) == null ? void 0 : de.striped)) && V.push("striped-table"), V;
     }), le = d(() => {
       const V = n.rows.map((q) => q[De]);
       if (t.value.areAllRowsSelecteds(V))
@@ -1510,28 +1510,28 @@ const pt = /* @__PURE__ */ H(An, [["__scopeId", "data-v-0731cbef"]]), In = { cla
       le.value ? t.value.removeManyRows(V) : t.value.addManyRows(V);
     }
     return (V, q) => {
-      var ee, ie, Z, Ce;
-      const de = Y("ck-checkbox"), me = Y("ck-chip"), C = Y("ck-button"), I = Y("ck-th");
-      return m(), y(K, null, [
-        V.hasColumnsManager && k.value ? (m(), S(xn, {
+      var te, ie, Z, Ce;
+      const de = Y("ck-checkbox"), me = Y("ck-chip"), w = Y("ck-button"), A = Y("ck-th");
+      return v(), k(K, null, [
+        V.hasColumnsManager && y.value ? (v(), D(In, {
           key: 0,
           modelValue: c.value.columnsManager,
-          "onUpdate:modelValue": q[0] || (q[0] = (Q) => c.value.columnsManager = Q),
+          "onUpdate:modelValue": q[0] || (q[0] = (J) => c.value.columnsManager = J),
           isLoading: V.isLoading,
           columnsArray: b.value,
           columns: V.columns || []
-        }, null, 8, ["modelValue", "isLoading", "columnsArray", "columns"])) : w("", !0),
-        $("div", In, [
-          V.$slots.header || !V.hideHeaderActions ? (m(), y("div", zn, [
+        }, null, 8, ["modelValue", "isLoading", "columnsArray", "columns"])) : C("", !0),
+        $("div", An, [
+          V.$slots.header || !V.hideHeaderActions ? (v(), k("div", zn, [
             U(mn, {
-              modelValue: T.value,
-              "onUpdate:modelValue": q[1] || (q[1] = (Q) => T.value = Q),
+              modelValue: B.value,
+              "onUpdate:modelValue": q[1] || (q[1] = (J) => B.value = J),
               hideHeaderActions: V.hideHeaderActions,
               hideRefreshBtn: V.hideRefreshBtn,
               layout: P.value,
-              version: v.value,
+              version: m.value,
               isLoading: V.isLoading,
-              onRefreshList: q[2] || (q[2] = (Q) => L(Q))
+              onRefreshList: q[2] || (q[2] = (J) => S(J))
             }, {
               headerActionsLeft: N(() => [
                 W(V.$slots, "headerActionsLeft", {}, void 0, !0)
@@ -1541,18 +1541,18 @@ const pt = /* @__PURE__ */ H(An, [["__scopeId", "data-v-0731cbef"]]), In = { cla
               ]),
               _: 3
             }, 8, ["modelValue", "hideHeaderActions", "hideRefreshBtn", "layout", "version", "isLoading"]),
-            V.$slots.header ? (m(), y("div", {
+            V.$slots.header ? (v(), k("div", {
               key: 0,
-              class: M(["ck-table__header--slot", { "full-width": V.hideHeaderActions }])
+              class: I(["ck-table__header--slot", { "full-width": V.hideHeaderActions }])
             }, [
               W(V.$slots, "header", {}, void 0, !0)
-            ], 2)) : w("", !0)
-          ])) : w("", !0),
-          V.$slots.headerBottom ? (m(), y("div", Rn, [
+            ], 2)) : C("", !0)
+          ])) : C("", !0),
+          V.$slots.headerBottom ? (v(), k("div", Rn, [
             W(V.$slots, "headerBottom", {}, void 0, !0)
-          ])) : w("", !0),
-          u.value || h.value.length && !(V.$slots.mobile && B.value) ? (m(), y("div", Wn, [
-            (ie = (ee = t.value) == null ? void 0 : ee.ids) != null && ie.size ? (m(), y("div", On, [
+          ])) : C("", !0),
+          u.value || h.value.length && !(V.$slots.mobile && T.value) ? (v(), k("div", Wn, [
+            (ie = (te = t.value) == null ? void 0 : te.ids) != null && ie.size ? (v(), k("div", On, [
               $("div", En, [
                 U(de, {
                   class: "main-checkbox",
@@ -1560,22 +1560,22 @@ const pt = /* @__PURE__ */ H(An, [["__scopeId", "data-v-0731cbef"]]), In = { cla
                   size: "xs",
                   color: "#BABDBF",
                   modelValue: le.value,
-                  onClick: q[3] || (q[3] = (Q) => $e())
+                  onClick: q[3] || (q[3] = (J) => $e())
                 }, null, 8, ["modelValue"]),
                 U(me, {
                   class: "nowrap cursor-pointer",
                   size: "s",
                   iconRight: "times",
-                  onClick: q[4] || (q[4] = (Q) => t.value.removeAll())
+                  onClick: q[4] || (q[4] = (J) => t.value.removeAll())
                 }, {
                   default: N(() => [
-                    G(A(t.value.ids.size) + " seleccionado" + A(t.value.ids.size === 1 ? "" : "s"), 1)
+                    G(M(t.value.ids.size) + " seleccionado" + M(t.value.ids.size === 1 ? "" : "s"), 1)
                   ]),
                   _: 1
                 })
               ]),
               W(V.$slots, "selectedRowsActions", {}, void 0, !0),
-              V.currentPage && r.value > 1 ? (m(), S(C, {
+              V.currentPage && r.value > 1 ? (v(), D(w, {
                 key: 0,
                 size: "s",
                 color: "dark"
@@ -1584,37 +1584,37 @@ const pt = /* @__PURE__ */ H(An, [["__scopeId", "data-v-0731cbef"]]), In = { cla
                   G(" seleccionar todas las páginas ")
                 ])),
                 _: 1
-              })) : w("", !0)
-            ])) : w("", !0)
-          ])) : w("", !0),
-          B.value ? w("", !0) : (m(), y("div", {
+              })) : C("", !0)
+            ])) : C("", !0)
+          ])) : C("", !0),
+          T.value ? C("", !0) : (v(), k("div", {
             key: 3,
-            class: M(["ck-table__table-container", { "not-overflow": V.notOverflow }])
+            class: I(["ck-table__table-container", { "not-overflow": V.notOverflow }])
           }, [
             $("table", {
-              class: M(["ck-table__table", X.value])
+              class: I(["ck-table__table", ee.value])
             }, [
-              (Ce = (Z = t.value) == null ? void 0 : Z.ids) != null && Ce.size ? w("", !0) : (m(), y("thead", Nn, [
+              (Ce = (Z = t.value) == null ? void 0 : Z.ids) != null && Ce.size ? C("", !0) : (v(), k("thead", Nn, [
                 $("tr", null, [
-                  u.value ? (m(), y("th", Fn, [
+                  u.value ? (v(), k("th", Fn, [
                     U(de, {
                       class: "main-checkbox",
                       usesThirdState: "",
                       size: "xs",
                       color: "#BABDBF",
                       modelValue: le.value,
-                      onClick: q[5] || (q[5] = (Q) => $e())
+                      onClick: q[5] || (q[5] = (J) => $e())
                     }, null, 8, ["modelValue"])
-                  ])) : w("", !0),
-                  (m(!0), y(K, null, re(h.value, (Q, Be) => (m(), S(I, {
-                    align: Q.align,
-                    "min-width": Q.minWidth,
-                    textColor: i.value,
+                  ])) : C("", !0),
+                  (v(!0), k(K, null, re(h.value, (J, Te) => (v(), D(A, {
+                    align: J.align,
+                    "min-width": J.minWidth,
+                    textColor: l.value,
                     backgroundColor: g.value
                   }, {
                     default: N(() => [
-                      G(A(Q.title) + " ", 1),
-                      Be === h.value.length - 1 && V.hasColumnsManager ? (m(), y("div", {
+                      G(M(J.title) + " ", 1),
+                      Te === h.value.length - 1 && V.hasColumnsManager ? (v(), k("div", {
                         key: 0,
                         style: F(f.value ? "" : { "margin-left": "auto", "padding-left": "1rem" })
                       }, [
@@ -1622,7 +1622,7 @@ const pt = /* @__PURE__ */ H(An, [["__scopeId", "data-v-0731cbef"]]), In = { cla
                           layout: V.layout,
                           onClick: q[6] || (q[6] = (He) => j())
                         }, null, 8, ["layout"])
-                      ], 4)) : w("", !0)
+                      ], 4)) : C("", !0)
                     ]),
                     _: 2
                   }, 1032, ["align", "min-width", "textColor", "backgroundColor"]))), 256))
@@ -1631,11 +1631,11 @@ const pt = /* @__PURE__ */ H(An, [["__scopeId", "data-v-0731cbef"]]), In = { cla
               $("tbody", null, [
                 W(V.$slots, "default", {}, void 0, !0),
                 W(V.$slots, "desktop", {}, void 0, !0),
-                (m(!0), y(K, null, re(V.rows, (Q, Be) => (m(), S($t, {
-                  key: Q[De]
+                (v(!0), k(K, null, re(V.rows, (J, Te) => (v(), D($t, {
+                  key: J[De]
                 }, {
                   default: N(() => [
-                    u.value ? (m(), S(Bt, {
+                    u.value ? (v(), D(Tt, {
                       key: 0,
                       autoWidth: ""
                     }, {
@@ -1643,15 +1643,15 @@ const pt = /* @__PURE__ */ H(An, [["__scopeId", "data-v-0731cbef"]]), In = { cla
                         U(de, {
                           size: "xs",
                           color: "#BABDBF",
-                          modelValue: t.value.isRowSelected(Q[De]),
-                          onClick: (He) => t.value.switchValue(Q[De])
+                          modelValue: t.value.isRowSelected(J[De]),
+                          onClick: (He) => t.value.switchValue(J[De])
                         }, null, 8, ["modelValue", "onClick"])
                       ]),
                       _: 2
-                    }, 1024)) : w("", !0),
+                    }, 1024)) : C("", !0),
                     W(V.$slots, "row", {
-                      row: Q,
-                      rowIndex: Be
+                      row: J,
+                      rowIndex: Te
                     }, void 0, !0)
                   ]),
                   _: 2
@@ -1663,12 +1663,12 @@ const pt = /* @__PURE__ */ H(An, [["__scopeId", "data-v-0731cbef"]]), In = { cla
                   noResultsText: V.noResultsText
                 }, null, 8, ["listLength", "isLoading", "loadingText", "noResultsText"])
               ]),
-              V.$slots.footer ? (m(), y("tfoot", jn, [
+              V.$slots.footer ? (v(), k("tfoot", jn, [
                 W(V.$slots, "footer", {}, void 0, !0)
-              ])) : w("", !0)
+              ])) : C("", !0)
             ], 2)
           ], 2)),
-          B.value ? (m(), y("div", Hn, [
+          T.value ? (v(), k("div", Hn, [
             W(V.$slots, "mobile", {}, void 0, !0),
             U(pt, {
               listLength: V.listLength,
@@ -1676,25 +1676,25 @@ const pt = /* @__PURE__ */ H(An, [["__scopeId", "data-v-0731cbef"]]), In = { cla
               loadingText: V.loadingText,
               noResultsText: V.noResultsText
             }, null, 8, ["listLength", "isLoading", "loadingText", "noResultsText"])
-          ])) : w("", !0),
+          ])) : C("", !0),
           U(Ko, {
             currentPage: V.currentPage,
             itemsPerPage: V.itemsPerPage,
             hideItemsPerPage: V.hideItemsPerPage,
             listLength: V.listLength
           }, null, 8, ["currentPage", "itemsPerPage", "hideItemsPerPage", "listLength"]),
-          V.currentPage && r.value > 1 ? (m(), S(_n, {
+          V.currentPage && r.value > 1 ? (v(), D(_n, {
             key: 5,
             currentPage: O.value,
-            "onUpdate:currentPage": q[7] || (q[7] = (Q) => O.value = Q),
+            "onUpdate:currentPage": q[7] || (q[7] = (J) => O.value = J),
             class: "ck-table__pagination",
             totalPages: r.value,
             itemsPerPage: V.itemsPerPage,
             listLength: V.listLength,
             align: V.paginationAlign,
             layout: P.value,
-            onRefreshList: q[8] || (q[8] = (Q) => L(!0))
-          }, null, 8, ["currentPage", "totalPages", "itemsPerPage", "listLength", "align", "layout"])) : w("", !0)
+            onRefreshList: q[8] || (q[8] = (J) => S(!0))
+          }, null, 8, ["currentPage", "totalPages", "itemsPerPage", "listLength", "align", "layout"])) : C("", !0)
         ])
       ], 64);
     };
@@ -1715,7 +1715,7 @@ const Un = /* @__PURE__ */ H(qn, [["__scopeId", "data-v-c7c24c40"]]), Yn = /* @_
   },
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { cleekOptions: a } = ae(ne()), l = d({
+    const t = e, n = o, { cleekOptions: a } = ae(ne()), i = d({
       get() {
         return t.modelValue;
       },
@@ -1728,56 +1728,56 @@ const Un = /* @__PURE__ */ H(qn, [["__scopeId", "data-v-c7c24c40"]]), Yn = /* @_
     }), c = d(() => {
       const b = t.btnType || a.value.button.type;
       return b.toLowerCase() === "filled" ? "outlined" : b;
-    }), u = d(() => t.btnLayout || a.value.styles.layout), p = d(() => t.maxStep === 1 || c.value === "flat" ? "" : "center"), r = d(() => c.value === "flat" ? "" : "left"), v = d(() => c.value === "flat" ? "" : "right"), i = d(() => l.value === 1 ? t.iconDisableLeft ? t.iconDisableLeft : "grip-lines-vertical" : t.iconArrowLeft ? t.iconArrowLeft : "arrow-left"), g = d(() => l.value === t.maxStep ? t.iconDisableRight ? t.iconDisableRight : "grip-lines-vertical" : t.iconArrowRight ? t.iconArrowRight : "arrow-right");
+    }), u = d(() => t.btnLayout || a.value.styles.layout), p = d(() => t.maxStep === 1 || c.value === "flat" ? "" : "center"), r = d(() => c.value === "flat" ? "" : "left"), m = d(() => c.value === "flat" ? "" : "right"), l = d(() => i.value === 1 ? t.iconDisableLeft ? t.iconDisableLeft : "grip-lines-vertical" : t.iconArrowLeft ? t.iconArrowLeft : "arrow-left"), g = d(() => i.value === t.maxStep ? t.iconDisableRight ? t.iconDisableRight : "grip-lines-vertical" : t.iconArrowRight ? t.iconArrowRight : "arrow-right");
     function f() {
-      l.value <= 1 || (l.value = l.value - 1);
+      i.value <= 1 || (i.value = i.value - 1);
     }
-    function k() {
-      l.value >= t.maxStep || (l.value = l.value + 1);
+    function y() {
+      i.value >= t.maxStep || (i.value = i.value + 1);
     }
     return (b, h) => {
-      const T = Y("ck-button");
-      return m(), y("div", {
-        class: M(["ck-pagination", s.value])
+      const B = Y("ck-button");
+      return v(), k("div", {
+        class: I(["ck-pagination", s.value])
       }, [
-        U(T, {
+        U(B, {
           width: "42px",
           align: "center",
           group: r.value,
           type: c.value,
           layout: u.value,
-          icon: i.value,
+          icon: l.value,
           onClick: h[0] || (h[0] = (O) => f())
         }, null, 8, ["group", "type", "layout", "icon"]),
-        l.value - 2 >= 1 ? (m(), S(T, {
+        i.value - 2 >= 1 ? (v(), D(B, {
           key: 0,
           width: "42px",
           align: "center",
           group: p.value,
           type: c.value,
           layout: u.value,
-          onClick: h[1] || (h[1] = (O) => l.value = l.value - 2)
+          onClick: h[1] || (h[1] = (O) => i.value = i.value - 2)
         }, {
           default: N(() => [
-            G(A(l.value - 2), 1)
+            G(M(i.value - 2), 1)
           ]),
           _: 1
-        }, 8, ["group", "type", "layout"])) : w("", !0),
-        l.value - 1 >= 1 ? (m(), S(T, {
+        }, 8, ["group", "type", "layout"])) : C("", !0),
+        i.value - 1 >= 1 ? (v(), D(B, {
           key: 1,
           width: "42px",
           align: "center",
           group: p.value,
           type: c.value,
           layout: u.value,
-          onClick: h[2] || (h[2] = (O) => l.value = l.value - 1)
+          onClick: h[2] || (h[2] = (O) => i.value = i.value - 1)
         }, {
           default: N(() => [
-            G(A(l.value - 1), 1)
+            G(M(i.value - 1), 1)
           ]),
           _: 1
-        }, 8, ["group", "type", "layout"])) : w("", !0),
-        U(T, {
+        }, 8, ["group", "type", "layout"])) : C("", !0),
+        U(B, {
           type: "filled",
           width: "42px",
           align: "center",
@@ -1785,46 +1785,46 @@ const Un = /* @__PURE__ */ H(qn, [["__scopeId", "data-v-c7c24c40"]]), Yn = /* @_
           layout: u.value
         }, {
           default: N(() => [
-            G(A(l.value), 1)
+            G(M(i.value), 1)
           ]),
           _: 1
         }, 8, ["group", "layout"]),
-        l.value + 1 <= b.maxStep ? (m(), S(T, {
+        i.value + 1 <= b.maxStep ? (v(), D(B, {
           key: 2,
           width: "42px",
           align: "center",
           group: p.value,
           type: c.value,
           layout: u.value,
-          onClick: h[3] || (h[3] = (O) => l.value = l.value + 1)
+          onClick: h[3] || (h[3] = (O) => i.value = i.value + 1)
         }, {
           default: N(() => [
-            G(A(l.value + 1), 1)
+            G(M(i.value + 1), 1)
           ]),
           _: 1
-        }, 8, ["group", "type", "layout"])) : w("", !0),
-        l.value + 2 <= b.maxStep ? (m(), S(T, {
+        }, 8, ["group", "type", "layout"])) : C("", !0),
+        i.value + 2 <= b.maxStep ? (v(), D(B, {
           key: 3,
           group: "center",
           width: "42px",
           align: "center",
           type: c.value,
           layout: u.value,
-          onClick: h[4] || (h[4] = (O) => l.value = l.value + 2)
+          onClick: h[4] || (h[4] = (O) => i.value = i.value + 2)
         }, {
           default: N(() => [
-            G(A(l.value + 2), 1)
+            G(M(i.value + 2), 1)
           ]),
           _: 1
-        }, 8, ["type", "layout"])) : w("", !0),
-        U(T, {
+        }, 8, ["type", "layout"])) : C("", !0),
+        U(B, {
           width: "42px",
           align: "center",
-          group: v.value,
+          group: m.value,
           type: c.value,
           layout: u.value,
           icon: g.value,
-          onClick: h[5] || (h[5] = (O) => k())
+          onClick: h[5] || (h[5] = (O) => y())
         }, null, 8, ["group", "type", "layout", "icon"])
       ], 2);
     };
@@ -1841,14 +1841,14 @@ const Gn = { class: "ck-th" }, Zn = "left", Kn = /* @__PURE__ */ R({
   setup(e) {
     const o = e, t = d(() => {
       const a = [];
-      return a.push(`align-${o.align || Zn}`), o.textColor && D.isColorTemplateVariable(o.textColor) && a.push(`ck-component__color--${o.textColor}`), o.backgroundColor && D.isColorTemplateVariable(o.backgroundColor) && a.push(`ck-component__bg-color--${o.backgroundColor}`), a;
+      return a.push(`align-${o.align || Zn}`), o.textColor && L.isColorTemplateVariable(o.textColor) && a.push(`ck-component__color--${o.textColor}`), o.backgroundColor && L.isColorTemplateVariable(o.backgroundColor) && a.push(`ck-component__bg-color--${o.backgroundColor}`), a;
     }), n = d(() => {
       const a = [];
-      return o.minWidth && a.push({ "min-width": o.minWidth }), o.textColor && !D.isColorTemplateVariable(o.textColor) && a.push({ color: o.textColor || "white" }), o.backgroundColor && !D.isColorTemplateVariable(o.backgroundColor) && a.push({ backgroundColor: o.backgroundColor }), a;
+      return o.minWidth && a.push({ "min-width": o.minWidth }), o.textColor && !L.isColorTemplateVariable(o.textColor) && a.push({ color: o.textColor || "white" }), o.backgroundColor && !L.isColorTemplateVariable(o.backgroundColor) && a.push({ backgroundColor: o.backgroundColor }), a;
     });
-    return (a, l) => (m(), y("th", Gn, [
+    return (a, i) => (v(), k("th", Gn, [
       $("span", {
-        class: M(t.value),
+        class: I(t.value),
         style: F(n.value)
       }, [
         W(a.$slots, "default", {}, void 0, !0)
@@ -1945,9 +1945,9 @@ const Jn = ["year", "month", "day", "time", "custom"], Xn = R({
     })
   ])
 ], -1)), la = { class: "v3dp__body" }, ia = { class: "v3dp__subheading" }, sa = /* @__PURE__ */ at(() => /* @__PURE__ */ $("hr", { class: "v3dp__divider" }, null, -1)), ra = { class: "v3dp__elements" }, ua = ["disabled", "onClick"];
-function ca(e, o, t, n, a, l) {
-  return m(), y("div", {
-    class: M(["v3dp__popout", `v3dp__popout-${e.viewMode}`]),
+function ca(e, o, t, n, a, i) {
+  return v(), k("div", {
+    class: I(["v3dp__popout", `v3dp__popout-${e.viewMode}`]),
     style: F({ "--popout-column-definition": `repeat(${e.columnCount}, 1fr)` }),
     onMousedown: o[3] || (o[3] = se(() => {
     }, ["prevent"]))
@@ -1962,7 +1962,7 @@ function ca(e, o, t, n, a, l) {
           oa
         ], !0)
       ], 8, ta),
-      (m(), S(Nt(e.headingClickable ? "button" : "span"), {
+      (v(), D(Nt(e.headingClickable ? "button" : "span"), {
         class: "v3dp__heading__center",
         onClick: o[1] || (o[1] = se((s) => e.$emit("heading"), ["stop", "prevent"]))
       }, {
@@ -1982,18 +1982,18 @@ function ca(e, o, t, n, a, l) {
       ], 8, na)
     ]),
     $("div", la, [
-      "subheading" in e.$slots ? (m(), y(K, { key: 0 }, [
+      "subheading" in e.$slots ? (v(), k(K, { key: 0 }, [
         $("div", ia, [
           W(e.$slots, "subheading", {}, void 0, !0)
         ]),
         sa
-      ], 64)) : w("", !0),
+      ], 64)) : C("", !0),
       $("div", ra, [
         W(e.$slots, "body", {}, () => [
-          (m(!0), y(K, null, re(e.items, (s) => (m(), y("button", {
+          (v(!0), k(K, null, re(e.items, (s) => (v(), k("button", {
             key: s.key,
             disabled: s.disabled,
-            class: M([
+            class: I([
               {
                 selected: s.selected,
                 current: s.current
@@ -2002,7 +2002,7 @@ function ca(e, o, t, n, a, l) {
             ]),
             onClick: se((c) => e.$emit("elementClick", s.value), ["stop", "prevent"])
           }, [
-            $("span", null, A(s.display), 1)
+            $("span", null, M(s.display), 1)
           ], 10, ua))), 128))
         ], !0)
       ])
@@ -2036,7 +2036,7 @@ const je = /* @__PURE__ */ Pe(Xn, [["render", ca], ["__scopeId", "data-v-65eb861
     }
   },
   setup(e, { emit: o }) {
-    const t = d(() => oo(e.pageDate)), n = d(() => no(e.pageDate)), a = (p, r, v) => !r && !v ? !0 : !(r && ve(p) < ve(r) || v && ve(p) > ve(v)), l = d(
+    const t = d(() => oo(e.pageDate)), n = d(() => no(e.pageDate)), a = (p, r, m) => !r && !m ? !0 : !(r && ve(p) < ve(r) || m && ve(p) > ve(m)), i = d(
       () => ao({
         start: t.value,
         end: n.value
@@ -2055,10 +2055,10 @@ const je = /* @__PURE__ */ Pe(Xn, [["render", ca], ["__scopeId", "data-v-65eb861
     }), c = d(
       () => e.lowerLimit && (We(e.lowerLimit) === We(e.pageDate) || Me(e.pageDate, e.lowerLimit))
     ), u = d(
-      () => e.upperLimit && (We(e.upperLimit) === We(e.pageDate) || xe(e.pageDate, e.upperLimit))
+      () => e.upperLimit && (We(e.upperLimit) === We(e.pageDate) || Ie(e.pageDate, e.upperLimit))
     );
     return {
-      years: l,
+      years: i,
       heading: s,
       leftDisabled: c,
       rightDisabled: u,
@@ -2067,9 +2067,9 @@ const je = /* @__PURE__ */ Pe(Xn, [["render", ca], ["__scopeId", "data-v-65eb861
     };
   }
 });
-function pa(e, o, t, n, a, l) {
+function pa(e, o, t, n, a, i) {
   const s = Y("picker-popup");
-  return m(), S(s, {
+  return v(), D(s, {
     columnCount: 3,
     leftDisabled: e.leftDisabled,
     rightDisabled: e.rightDisabled,
@@ -2080,7 +2080,7 @@ function pa(e, o, t, n, a, l) {
     onElementClick: o[0] || (o[0] = (c) => e.$emit("select", c))
   }, {
     heading: N(() => [
-      G(A(e.heading), 1)
+      G(M(e.heading), 1)
     ]),
     _: 1
   }, 8, ["leftDisabled", "rightDisabled", "items", "onLeft", "onRight"]);
@@ -2129,7 +2129,7 @@ const va = /* @__PURE__ */ Pe(da, [["render", pa]]), ma = R({
       () => (r) => Ne(r, e.format, {
         locale: e.locale
       })
-    ), l = (r, v, i) => !v && !i ? !0 : !(v && Me(r, bt(v)) || i && xe(r, _t(i))), s = d(
+    ), i = (r, m, l) => !m && !l ? !0 : !(m && Me(r, bt(m)) || l && Ie(r, _t(l))), s = d(
       () => so({
         start: t.value,
         end: n.value
@@ -2139,13 +2139,13 @@ const va = /* @__PURE__ */ Pe(da, [["render", pa]]), ma = R({
           display: a.value(r),
           key: a.value(r),
           selected: !!e.selected && Xe(e.selected, r),
-          disabled: !l(r, e.lowerLimit, e.upperLimit)
+          disabled: !i(r, e.lowerLimit, e.upperLimit)
         })
       )
     ), c = d(() => ve(t.value)), u = d(
       () => e.lowerLimit && (it(e.lowerLimit, e.pageDate) || Me(e.pageDate, e.lowerLimit))
     ), p = d(
-      () => e.upperLimit && (it(e.upperLimit, e.pageDate) || xe(e.pageDate, e.upperLimit))
+      () => e.upperLimit && (it(e.upperLimit, e.pageDate) || Ie(e.pageDate, e.upperLimit))
     );
     return {
       months: s,
@@ -2157,9 +2157,9 @@ const va = /* @__PURE__ */ Pe(da, [["render", pa]]), ma = R({
     };
   }
 });
-function fa(e, o, t, n, a, l) {
+function fa(e, o, t, n, a, i) {
   const s = Y("picker-popup");
-  return m(), S(s, {
+  return v(), D(s, {
     headingClickable: "",
     columnCount: 3,
     items: e.months,
@@ -2172,7 +2172,7 @@ function fa(e, o, t, n, a, l) {
     onElementClick: o[1] || (o[1] = (c) => e.$emit("select", c))
   }, {
     heading: N(() => [
-      G(A(e.heading), 1)
+      G(M(e.heading), 1)
     ]),
     _: 1
   }, 8, ["items", "leftDisabled", "rightDisabled", "onLeft", "onRight"]);
@@ -2244,7 +2244,7 @@ const ha = /* @__PURE__ */ Pe(ma, [["render", fa]]), ga = R({
         locale: e.locale,
         weekStartsOn: e.weekStartsOn
       })
-    ), n = d(() => bt(e.pageDate)), a = d(() => _t(e.pageDate)), l = d(() => ({
+    ), n = d(() => bt(e.pageDate)), a = d(() => _t(e.pageDate)), i = d(() => ({
       start: n.value,
       end: a.value
     })), s = d(() => ({
@@ -2256,52 +2256,52 @@ const ha = /* @__PURE__ */ Pe(ma, [["render", fa]]), ga = R({
       })
     })), c = d(() => {
       const g = e.weekStartsOn, f = t.value(e.weekdayFormat);
-      return Array.from(Array(7)).map((k, b) => (g + b) % 7).map(
-        (k) => co(/* @__PURE__ */ new Date(), k, {
+      return Array.from(Array(7)).map((y, b) => (g + b) % 7).map(
+        (y) => co(/* @__PURE__ */ new Date(), y, {
           weekStartsOn: e.weekStartsOn
         })
       ).map(f);
-    }), u = (g, f, k, b) => {
-      var h, T;
-      return (h = b == null ? void 0 : b.dates) != null && h.some((O) => Ze(g, O)) || (T = b == null ? void 0 : b.predicate) != null && T.call(b, g) ? !1 : !f && !k ? !0 : !(f && Me(g, ko(f)) || k && xe(g, yo(k)));
+    }), u = (g, f, y, b) => {
+      var h, B;
+      return (h = b == null ? void 0 : b.dates) != null && h.some((O) => Ze(g, O)) || (B = b == null ? void 0 : b.predicate) != null && B.call(b, g) ? !1 : !f && !y ? !0 : !(f && Me(g, ko(f)) || y && Ie(g, yo(y)));
     }, p = d(() => {
       const g = /* @__PURE__ */ new Date(), f = t.value(e.format);
       return po(s.value).map(
-        (k) => ({
-          value: k,
-          display: f(k),
-          selected: !!e.selected && Ze(e.selected, k),
-          current: Ze(g, k),
-          disabled: !e.allowOutsideInterval && !vo(k, l.value) || !u(
-            k,
+        (y) => ({
+          value: y,
+          display: f(y),
+          selected: !!e.selected && Ze(e.selected, y),
+          current: Ze(g, y),
+          disabled: !e.allowOutsideInterval && !vo(y, i.value) || !u(
+            y,
             e.lowerLimit,
             e.upperLimit,
             e.disabledDates
           ),
-          key: t.value("yyyy-MM-dd")(k)
+          key: t.value("yyyy-MM-dd")(y)
         })
       );
     }), r = d(
       () => t.value(e.headingFormat)(e.pageDate)
-    ), v = d(
+    ), m = d(
       () => e.lowerLimit && (Xe(e.lowerLimit, e.pageDate) || Me(e.pageDate, e.lowerLimit))
-    ), i = d(
-      () => e.upperLimit && (Xe(e.upperLimit, e.pageDate) || xe(e.pageDate, e.upperLimit))
+    ), l = d(
+      () => e.upperLimit && (Xe(e.upperLimit, e.pageDate) || Ie(e.pageDate, e.upperLimit))
     );
     return {
       weekDays: c,
       days: p,
       heading: r,
-      leftDisabled: v,
-      rightDisabled: i,
+      leftDisabled: m,
+      rightDisabled: l,
       previousPage: () => o("update:pageDate", mo(e.pageDate, 1)),
       nextPage: () => o("update:pageDate", fo(e.pageDate, 1))
     };
   }
 });
-function ka(e, o, t, n, a, l) {
+function ka(e, o, t, n, a, i) {
   const s = Y("picker-popup");
-  return m(), S(s, {
+  return v(), D(s, {
     headingClickable: "",
     leftDisabled: e.leftDisabled,
     rightDisabled: e.rightDisabled,
@@ -2313,13 +2313,13 @@ function ka(e, o, t, n, a, l) {
     onElementClick: o[1] || (o[1] = (c) => e.$emit("select", c))
   }, {
     heading: N(() => [
-      G(A(e.heading), 1)
+      G(M(e.heading), 1)
     ]),
     subheading: N(() => [
-      (m(!0), y(K, null, re(e.weekDays, (c, u) => (m(), y("span", {
+      (v(!0), k(K, null, re(e.weekDays, (c, u) => (v(), k("span", {
         key: c,
-        class: M(`v3dp__subheading__weekday__${u}`)
-      }, A(c), 3))), 128))
+        class: I(`v3dp__subheading__weekday__${u}`)
+      }, M(c), 3))), 128))
     ]),
     _: 1
   }, 8, ["leftDisabled", "rightDisabled", "items", "onLeft", "onRight"]);
@@ -2331,8 +2331,8 @@ function vt(e, o) {
     width: e.clientWidth
   }, a = o.getBoundingClientRect();
   if (!(a.top >= t.top && a.bottom <= t.top + n.height)) {
-    const l = a.top - t.top, s = a.bottom - t.bottom;
-    Math.abs(l) < Math.abs(s) ? e.scrollTop += l : e.scrollTop += s;
+    const i = a.top - t.top, s = a.bottom - t.bottom;
+    Math.abs(i) < Math.abs(s) ? e.scrollTop += i : e.scrollTop += s;
   }
 }
 const ba = R({
@@ -2362,73 +2362,73 @@ const ba = R({
     }
   },
   setup(e, { emit: o }) {
-    const t = x(null), n = x(null), a = d(() => e.pageDate ?? e.selected), l = x(a.value.getHours()), s = x(a.value.getMinutes());
+    const t = x(null), n = x(null), a = d(() => e.pageDate ?? e.selected), i = x(a.value.getHours()), s = x(a.value.getMinutes());
     ce(
       () => e.selected,
-      (v) => {
-        let i = 0, g = 0;
-        v && (i = v.getHours(), g = v.getMinutes()), l.value = i, s.value = g;
+      (m) => {
+        let l = 0, g = 0;
+        m && (l = m.getHours(), g = m.getMinutes()), i.value = l, s.value = g;
       }
     );
     const c = d(
       () => [...Array(24).keys()].map(
-        (v) => ({
-          value: v,
+        (m) => ({
+          value: m,
           date: st(new Date(a.value.getTime()), {
-            hours: v,
+            hours: m,
             minutes: s.value,
             seconds: 0
           }),
-          selected: l.value === v,
+          selected: i.value === m,
           ref: x(null)
         })
       )
     ), u = d(
-      () => [...Array(60).keys()].map((v) => ({
-        value: v,
+      () => [...Array(60).keys()].map((m) => ({
+        value: m,
         date: st(new Date(a.value.getTime()), {
-          hours: l.value,
-          minutes: v,
+          hours: i.value,
+          minutes: m,
           seconds: 0
         }),
-        selected: s.value === v,
+        selected: s.value === m,
         ref: x(null)
       }))
-    ), p = (v) => {
-      s.value = v.value, o("select", v.date);
+    ), p = (m) => {
+      s.value = m.value, o("select", m.date);
     }, r = () => {
-      const v = c.value.find(
+      const m = c.value.find(
         (g) => {
-          var f, k;
-          return ((k = (f = g.ref.value) == null ? void 0 : f.classList) == null ? void 0 : k.contains("selected")) ?? !1;
+          var f, y;
+          return ((y = (f = g.ref.value) == null ? void 0 : f.classList) == null ? void 0 : y.contains("selected")) ?? !1;
         }
-      ), i = u.value.find(
+      ), l = u.value.find(
         (g) => {
-          var f, k;
-          return ((k = (f = g.ref.value) == null ? void 0 : f.classList) == null ? void 0 : k.contains("selected")) ?? !1;
+          var f, y;
+          return ((y = (f = g.ref.value) == null ? void 0 : f.classList) == null ? void 0 : y.contains("selected")) ?? !1;
         }
       );
-      v && i && (vt(t.value, v.ref.value), vt(n.value, i.ref.value));
+      m && l && (vt(t.value, m.ref.value), vt(n.value, l.ref.value));
     };
     return ce(
       () => e.visible,
-      (v) => {
-        v && gt(r);
+      (m) => {
+        m && gt(r);
       }
     ), {
       hoursListRef: t,
       minutesListRef: n,
-      hours: l,
+      hours: i,
       minutes: s,
       hoursList: c,
       minutesList: u,
-      padStartZero: (v) => `0${v}`.substr(-2),
+      padStartZero: (m) => `0${m}`.substr(-2),
       selectMinutes: p,
-      isEnabled: (v) => {
-        var i, g, f, k;
-        return !((g = (i = e.disabledTime) == null ? void 0 : i.dates) != null && g.some(
-          (b) => ho(v, b) && go(v, b)
-        ) || (k = (f = e.disabledTime) == null ? void 0 : f.predicate) != null && k.call(f, v));
+      isEnabled: (m) => {
+        var l, g, f, y;
+        return !((g = (l = e.disabledTime) == null ? void 0 : l.dates) != null && g.some(
+          (b) => ho(m, b) && go(m, b)
+        ) || (y = (f = e.disabledTime) == null ? void 0 : f.predicate) != null && y.call(f, m));
       },
       scroll: r
     };
@@ -2440,9 +2440,9 @@ const ba = R({
   ref: "minutesListRef",
   class: "v3dp__column"
 }, $a = ["disabled", "onClick"];
-function Ba(e, o, t, n, a, l) {
+function Ta(e, o, t, n, a, i) {
   const s = Y("picker-popup");
-  return m(), S(s, {
+  return v(), D(s, {
     headingClickable: "",
     columnCount: 2,
     leftDisabled: !0,
@@ -2451,38 +2451,38 @@ function Ba(e, o, t, n, a, l) {
     onHeading: o[0] || (o[0] = (c) => e.$emit("back"))
   }, {
     heading: N(() => [
-      G(A(e.padStartZero(e.hours)) + ":" + A(e.padStartZero(e.minutes)), 1)
+      G(M(e.padStartZero(e.hours)) + ":" + M(e.padStartZero(e.minutes)), 1)
     ]),
     body: N(() => [
       $("div", _a, [
-        (m(!0), y(K, null, re(e.hoursList, (c) => (m(), y("button", {
+        (v(!0), k(K, null, re(e.hoursList, (c) => (v(), k("button", {
           key: c.value,
           ref_for: !0,
           ref: c.ref,
-          class: M([{ selected: c.selected }, "v3dp__element_button__hour"]),
+          class: I([{ selected: c.selected }, "v3dp__element_button__hour"]),
           disabled: !e.isEnabled(c.date),
           onClick: se((u) => e.hours = c.value, ["stop", "prevent"])
         }, [
-          $("span", null, A(e.padStartZero(c.value)), 1)
+          $("span", null, M(e.padStartZero(c.value)), 1)
         ], 10, Ca))), 128))
       ], 512),
       $("div", wa, [
-        (m(!0), y(K, null, re(e.minutesList, (c) => (m(), y("button", {
+        (v(!0), k(K, null, re(e.minutesList, (c) => (v(), k("button", {
           key: c.value,
           ref_for: !0,
           ref: c.ref,
-          class: M([{ selected: c.selected }, "v3dp__element_button__minute"]),
+          class: I([{ selected: c.selected }, "v3dp__element_button__minute"]),
           disabled: !e.isEnabled(c.date),
           onClick: se((u) => e.selectMinutes(c), ["stop", "prevent"])
         }, [
-          $("span", null, A(e.padStartZero(c.value)), 1)
+          $("span", null, M(e.padStartZero(c.value)), 1)
         ], 10, $a))), 128))
       ], 512)
     ]),
     _: 1
   });
 }
-const Ta = /* @__PURE__ */ Pe(ba, [["render", Ba], ["__scopeId", "data-v-81ac698d"]]), Oe = ["time", "day", "month", "year"], Pa = (e, o, t = void 0) => {
+const Ba = /* @__PURE__ */ Pe(ba, [["render", Ta], ["__scopeId", "data-v-81ac698d"]]), Oe = ["time", "day", "month", "year"], Pa = (e, o, t = void 0) => {
   let n = t || /* @__PURE__ */ new Date();
   return e && (n = bo([e, n])), o && (n = _o([o, n])), n;
 }, Va = R({
@@ -2490,7 +2490,7 @@ const Ta = /* @__PURE__ */ Pe(ba, [["render", Ba], ["__scopeId", "data-v-81ac698
     YearPicker: va,
     MonthPicker: ha,
     DayPicker: ya,
-    TimePicker: Ta
+    TimePicker: Ba
   },
   inheritAttrs: !1,
   props: {
@@ -2661,7 +2661,7 @@ const Ta = /* @__PURE__ */ Pe(ba, [["render", Ba], ["__scopeId", "data-v-81ac698
     closed: () => !0
   },
   setup(e, { emit: o, attrs: t }) {
-    const n = x("none"), a = x(e.startingViewDate), l = x(null), s = x(!1), c = x("");
+    const n = x("none"), a = x(e.startingViewDate), i = x(null), s = x(!1), c = x("");
     Ye(() => {
       const P = rt(c.value, e.inputFormat, /* @__PURE__ */ new Date(), {
         locale: e.locale
@@ -2678,73 +2678,73 @@ const Ta = /* @__PURE__ */ Pe(ba, [["render", Ba], ["__scopeId", "data-v-81ac698
     Ye(() => {
       e.disabled && (n.value = "none");
     });
-    const p = (P, B) => {
-      a.value = B, P === "year" ? o("decadePageChanged", B) : P === "month" ? o("yearPageChanged", B) : P === "day" && o("monthPageChanged", B);
+    const p = (P, T) => {
+      a.value = T, P === "year" ? o("decadePageChanged", T) : P === "month" ? o("yearPageChanged", T) : P === "day" && o("monthPageChanged", T);
     }, r = (P) => {
       a.value = P, e.minimumView === "year" ? (u("none"), o("update:modelValue", P)) : n.value = "month";
-    }, v = (P) => {
+    }, m = (P) => {
       a.value = P, e.minimumView === "month" ? (u("none"), o("update:modelValue", P)) : n.value = "day";
-    }, i = (P) => {
+    }, l = (P) => {
       a.value = P, e.minimumView === "day" ? (u("none"), o("update:modelValue", P)) : n.value = "time";
     }, g = (P) => {
       u("none"), o("update:modelValue", P);
     }, f = () => {
       e.clearable && (u("none"), o("update:modelValue", null), a.value = e.startingViewDate);
-    }, k = () => s.value = !0, b = () => u(O.value), h = () => {
+    }, y = () => s.value = !0, b = () => u(O.value), h = () => {
       s.value = !1, u();
-    }, T = (P) => {
-      const B = P.keyCode ? P.keyCode : P.which;
+    }, B = (P) => {
+      const T = P.keyCode ? P.keyCode : P.which;
       if ([
         27,
         // escape
         13
         // enter
-      ].includes(B) && l.value.blur(), e.typeable) {
-        const L = rt(
-          l.value.value,
+      ].includes(T) && i.value.blur(), e.typeable) {
+        const S = rt(
+          i.value.value,
           e.inputFormat,
           /* @__PURE__ */ new Date(),
           { locale: e.locale }
         );
-        pe(L) && c.value === Ne(L, e.inputFormat, { locale: e.locale }) && (c.value = l.value.value, o("update:modelValue", L));
+        pe(S) && c.value === Ne(S, e.inputFormat, { locale: e.locale }) && (c.value = i.value.value, o("update:modelValue", S));
       }
     }, O = d(() => {
-      const P = Oe.indexOf(e.startingView), B = Oe.indexOf(e.minimumView);
-      return P < B ? e.minimumView : e.startingView;
+      const P = Oe.indexOf(e.startingView), T = Oe.indexOf(e.minimumView);
+      return P < T ? e.minimumView : e.startingView;
     });
     return {
       blur: h,
       focus: b,
-      click: k,
+      click: y,
       input: c,
-      inputRef: l,
+      inputRef: i,
       pageDate: a,
       renderView: u,
       updatePageDate: p,
       selectYear: r,
-      selectMonth: v,
-      selectDay: i,
+      selectMonth: m,
+      selectDay: l,
       selectTime: g,
-      keyUp: T,
+      keyUp: B,
       viewShown: n,
       goBackFromTimepicker: () => e.startingView === "time" && e.minimumView === "time" ? null : n.value = "day",
       clearModelValue: f,
       initialView: O,
       log: (P) => console.log(P),
       variables: (P) => Object.fromEntries(
-        Object.entries(P ?? {}).filter(([B, L]) => B.startsWith("--"))
+        Object.entries(P ?? {}).filter(([T, S]) => T.startsWith("--"))
       )
     };
   }
 }), Da = { class: "v3dp__input_wrapper" }, La = ["readonly", "placeholder", "disabled", "tabindex"], Sa = { class: "v3dp__clearable" };
-function Ma(e, o, t, n, a, l) {
+function Ma(e, o, t, n, a, i) {
   const s = Y("year-picker"), c = Y("month-picker"), u = Y("day-picker"), p = Y("time-picker");
-  return m(), y("div", {
+  return v(), k("div", {
     class: "v3dp__datepicker",
     style: F(e.variables(e.$attrs.style))
   }, [
     $("div", Da, [
-      ue($("input", Ie({
+      ue($("input", Ae({
         type: "text",
         ref: "inputRef",
         readonly: !e.typeable,
@@ -2823,7 +2823,7 @@ function Ma(e, o, t, n, a, l) {
     ])
   ], 4);
 }
-const xa = /* @__PURE__ */ Pe(Va, [["render", Ma]]);
+const Ia = /* @__PURE__ */ Pe(Va, [["render", Ma]]);
 function Qe(e) {
   return function() {
     var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = o.width ? String(o.width) : e.defaultWidth, n = e.formats[t] || e.formats[e.defaultWidth];
@@ -2834,8 +2834,8 @@ function Le(e) {
   return function(o, t) {
     var n = t != null && t.context ? String(t.context) : "standalone", a;
     if (n === "formatting" && e.formattingValues) {
-      var l = e.defaultFormattingWidth || e.defaultWidth, s = t != null && t.width ? String(t.width) : l;
-      a = e.formattingValues[s] || e.formattingValues[l];
+      var i = e.defaultFormattingWidth || e.defaultWidth, s = t != null && t.width ? String(t.width) : i;
+      a = e.formattingValues[s] || e.formattingValues[i];
     } else {
       var c = e.defaultWidth, u = t != null && t.width ? String(t.width) : e.defaultWidth;
       a = e.values[u] || e.values[c];
@@ -2846,13 +2846,13 @@ function Le(e) {
 }
 function Se(e) {
   return function(o) {
-    var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.width, a = n && e.matchPatterns[n] || e.matchPatterns[e.defaultMatchWidth], l = o.match(a);
-    if (!l)
+    var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.width, a = n && e.matchPatterns[n] || e.matchPatterns[e.defaultMatchWidth], i = o.match(a);
+    if (!i)
       return null;
-    var s = l[0], c = n && e.parsePatterns[n] || e.parsePatterns[e.defaultParseWidth], u = Array.isArray(c) ? Ia(c, function(v) {
-      return v.test(s);
-    }) : Aa(c, function(v) {
-      return v.test(s);
+    var s = i[0], c = n && e.parsePatterns[n] || e.parsePatterns[e.defaultParseWidth], u = Array.isArray(c) ? Aa(c, function(m) {
+      return m.test(s);
+    }) : xa(c, function(m) {
+      return m.test(s);
     }), p;
     p = e.valueCallback ? e.valueCallback(u) : u, p = t.valueCallback ? t.valueCallback(p) : p;
     var r = o.slice(s.length);
@@ -2862,12 +2862,12 @@ function Se(e) {
     };
   };
 }
-function Aa(e, o) {
+function xa(e, o) {
   for (var t in e)
     if (e.hasOwnProperty(t) && o(e[t]))
       return t;
 }
-function Ia(e, o) {
+function Aa(e, o) {
   for (var t = 0; t < e.length; t++)
     if (o(e[t]))
       return t;
@@ -2877,10 +2877,10 @@ function za(e) {
     var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = o.match(e.matchPattern);
     if (!n)
       return null;
-    var a = n[0], l = o.match(e.parsePattern);
-    if (!l)
+    var a = n[0], i = o.match(e.parsePattern);
+    if (!i)
       return null;
-    var s = e.valueCallback ? e.valueCallback(l[0]) : l[0];
+    var s = e.valueCallback ? e.valueCallback(i[0]) : i[0];
     s = t.valueCallback ? t.valueCallback(s) : s;
     var c = o.slice(a.length);
     return {
@@ -2952,8 +2952,8 @@ var Ra = {
     other: "casi {{count}} años"
   }
 }, Wa = function(o, t, n) {
-  var a, l = Ra[o];
-  return typeof l == "string" ? a = l : t === 1 ? a = l.one : a = l.other.replace("{{count}}", t.toString()), n != null && n.addSuffix ? n.comparison && n.comparison > 0 ? "en " + a : "hace " + a : a;
+  var a, i = Ra[o];
+  return typeof i == "string" ? a = i : t === 1 ? a = i.one : a = i.other.replace("{{count}}", t.toString()), n != null && n.addSuffix ? n.comparison && n.comparison > 0 ? "en " + a : "hace " + a : a;
 };
 const Oa = Wa;
 var Ea = {
@@ -3234,59 +3234,59 @@ const yl = kl, bl = ["id"], _l = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { cleekOptions: a } = ae(ne()), { windowWidth: l } = ke(), s = x(), c = x(Math.floor(Math.random() * 1e3)), u = x(`ck-input-date-${c.value}`), p = d({
+    const t = e, n = o, { cleekOptions: a } = ae(ne()), { windowWidth: i } = ke(), s = x(), c = x(Math.floor(Math.random() * 1e3)), u = x(`ck-input-date-${c.value}`), p = d({
       get() {
-        return i(t.modelValue);
+        return l(t.modelValue);
       },
       set(h) {
         n("update:modelValue", g(h));
       }
     }), r = d(() => {
       const h = [];
-      return h.push(D.getGroupClass(t, l.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;
-    }), v = d(() => {
+      return h.push(L.getGroupClass(t, i.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;
+    }), m = d(() => {
       const h = [];
-      let T = "";
-      return a.value.darkMode && (T = a.value.darkModeColorItems), T && !D.isColorTemplateVariable(T) && h.push({ backgroundColor: T }), h;
+      let B = "";
+      return a.value.darkMode && (B = a.value.darkModeColorItems), B && !L.isColorTemplateVariable(B) && h.push({ backgroundColor: B }), h;
     });
     ce(() => t.modelValue, (h) => {
       s.value && (s.value.style.display = "block", s.value.focus(), s.value.style.display = "none"), n("change", h);
     });
-    function i(h) {
+    function l(h) {
       if (!h)
         return null;
-      const T = `${h}`.slice(0, 10);
-      return /* @__PURE__ */ new Date(`${T}T00:00:00`);
+      const B = `${h}`.slice(0, 10);
+      return /* @__PURE__ */ new Date(`${B}T00:00:00`);
     }
     function g(h) {
       if (!h)
         return null;
-      const T = h.getFullYear(), O = Ee.padZeros(h.getMonth() + 1, 2), P = Ee.padZeros(h.getDate(), 2);
-      return `${T}-${O}-${P}`;
+      const B = h.getFullYear(), O = Ee.padZeros(h.getMonth() + 1, 2), P = Ee.padZeros(h.getDate(), 2);
+      return `${B}-${O}-${P}`;
     }
     function f() {
-      const h = document.getElementById(`${u.value}`), T = h == null ? void 0 : h.querySelector(".v3dp__popout-day");
+      const h = document.getElementById(`${u.value}`), B = h == null ? void 0 : h.querySelector(".v3dp__popout-day");
       let O = { y: 0 };
       const P = document.querySelector(".ck-popup__slot-body");
       P instanceof HTMLElement && (P.style.overflow = "hidden"), h && (O = h.getBoundingClientRect());
-      const B = window.innerHeight - O.y;
-      h && T && (B - 300 < 0 ? T.setAttribute("style", "bottom: 0px") : T.setAttribute("style", `top: ${O.y + 60}px;`), h.setAttribute("style", "overflow: hidden;"));
+      const T = window.innerHeight - O.y;
+      h && B && (T - 300 < 0 ? B.setAttribute("style", "bottom: 0px") : B.setAttribute("style", `top: ${O.y + 60}px;`), h.setAttribute("style", "overflow: hidden;"));
     }
-    function k() {
+    function y() {
       const h = document.querySelector(".ck-popup__slot-body");
       h instanceof HTMLElement && (h.style.overflow = "auto");
     }
     function b() {
-      t.clearable && (p.value = i(t.clearValue));
+      t.clearable && (p.value = l(t.clearValue));
     }
-    return (h, T) => {
-      const O = Y("ck-label"), P = Y("ck-icon"), B = Y("ck-div");
-      return m(), S(B, { widthBreaks: h.widthBreaks }, {
+    return (h, B) => {
+      const O = Y("ck-label"), P = Y("ck-icon"), T = Y("ck-div");
+      return v(), D(T, { widthBreaks: h.widthBreaks }, {
         default: N(() => {
-          var L;
+          var S;
           return [
             $("div", {
-              class: M(["ck-input-date", r.value]),
+              class: I(["ck-input-date", r.value]),
               id: u.value
             }, [
               $("input", {
@@ -3296,39 +3296,39 @@ const yl = kl, bl = ["id"], _l = {
               }, null, 512),
               U(O, null, {
                 default: N(() => [
-                  G(A(h.label) + " ", 1),
-                  h.optional ? (m(), y("span", _l, "opcional")) : w("", !0)
+                  G(M(h.label) + " ", 1),
+                  h.optional ? (v(), k("span", _l, "opcional")) : C("", !0)
                 ]),
                 _: 1
               }),
               $("div", {
-                class: M(["ck-picker-container", ((L = we(a)) == null ? void 0 : L.darkMode) && "picker-dark"])
+                class: I(["ck-picker-container", ((S = we(a)) == null ? void 0 : S.darkMode) && "picker-dark"])
               }, [
-                h.icon ? (m(), S(P, {
+                h.icon ? (v(), D(P, {
                   key: 0,
                   class: "ck-input__icon-left",
                   color: h.iconColor ? h.iconColor : "lightgrey",
                   icon: h.icon,
                   "icon-pack": h.iconPack
-                }, null, 8, ["color", "icon", "icon-pack"])) : w("", !0),
-                U(we(xa), {
+                }, null, 8, ["color", "icon", "icon-pack"])) : C("", !0),
+                U(we(Ia), {
                   modelValue: p.value,
-                  "onUpdate:modelValue": T[0] || (T[0] = (j) => p.value = j),
+                  "onUpdate:modelValue": B[0] || (B[0] = (j) => p.value = j),
                   onOpened: f,
-                  onClosed: k,
+                  onClosed: y,
                   inputFormat: "dd-MM-yyyy",
-                  style: F(v.value),
+                  style: F(m.value),
                   disabled: h.disabled,
                   locale: we(yl)
                 }, null, 8, ["modelValue", "style", "disabled", "locale"]),
-                h.clearable && h.modelValue != h.clearValue || h.iconRight ? (m(), S(P, {
+                h.clearable && h.modelValue != h.clearValue || h.iconRight ? (v(), D(P, {
                   key: 1,
-                  class: M(["ck-input__icon-right", { "icon-right__clearable": h.clearable }]),
+                  class: I(["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: T[1] || (T[1] = (j) => b())
-                }, null, 8, ["class", "color", "icon", "icon-pack"])) : w("", !0)
+                  onClick: B[1] || (B[1] = (j) => b())
+                }, null, 8, ["class", "color", "icon", "icon-pack"])) : C("", !0)
               ], 2)
             ], 10, bl)
           ];
@@ -3354,28 +3354,28 @@ const wl = /* @__PURE__ */ H(Cl, [["__scopeId", "data-v-3762640e"]]), $l = /* @_
       get() {
         return typeof t.modelValue != "number" ? null : be.minToHour(t.modelValue);
       },
-      set(l) {
-        n("update:modelValue", +be.hourToMin(l));
+      set(i) {
+        n("update:modelValue", +be.hourToMin(i));
       }
     });
-    return (l, s) => {
+    return (i, s) => {
       const c = Y("ck-input");
-      return m(), S(c, {
+      return v(), D(c, {
         modelValue: a.value,
         "onUpdate:modelValue": s[0] || (s[0] = (u) => a.value = u),
         type: "time",
-        label: l.label,
-        group: l.group,
-        widthBreaks: l.widthBreaks,
-        disabled: l.disabled,
+        label: i.label,
+        group: i.group,
+        widthBreaks: i.widthBreaks,
+        disabled: i.disabled,
         onChange: s[1] || (s[1] = (u) => n("change", a.value))
       }, null, 8, ["modelValue", "label", "group", "widthBreaks", "disabled"]);
     };
   }
-}), Bl = {
+}), Tl = {
   key: 0,
   class: "ck-tab"
-}, Tl = /* @__PURE__ */ R({
+}, Bl = /* @__PURE__ */ R({
   __name: "ck-tab",
   props: {
     title: {},
@@ -3383,8 +3383,8 @@ const wl = /* @__PURE__ */ H(Cl, [["__scopeId", "data-v-3762640e"]]), $l = /* @_
   },
   setup(e) {
     const o = e, t = Ht("addTab"), n = x(!1);
-    function a(l) {
-      n.value = l;
+    function a(i) {
+      n.value = i;
     }
     return _e(() => {
       t({
@@ -3392,37 +3392,37 @@ const wl = /* @__PURE__ */ H(Cl, [["__scopeId", "data-v-3762640e"]]), $l = /* @_
         icon: o.icon,
         title: o.title
       });
-    }), (l, s) => n.value ? (m(), y("div", Bl, [
-      W(l.$slots, "default", {}, void 0, !0)
-    ])) : w("", !0);
+    }), (i, s) => n.value ? (v(), k("div", Tl, [
+      W(i.$slots, "default", {}, void 0, !0)
+    ])) : C("", !0);
   }
 });
-const Pl = /* @__PURE__ */ H(Tl, [["__scopeId", "data-v-eaadcaf7"]]), Vl = { class: "ck-tabs" }, Dl = ["onClick"], Ll = { class: "ck-tabs__tab-content" }, Sl = "flat", Ml = /* @__PURE__ */ R({
+const Pl = /* @__PURE__ */ H(Bl, [["__scopeId", "data-v-eaadcaf7"]]), Vl = { class: "ck-tabs" }, Dl = ["onClick"], Ll = { class: "ck-tabs__tab-content" }, Sl = "flat", Ml = /* @__PURE__ */ R({
   __name: "ck-tabs",
   props: {
     type: {}
   },
   emits: ["tabSelected"],
   setup(e, { expose: o, emit: t }) {
-    const n = x(null), a = x(!1), l = x(!1), s = e, c = t, u = x([]), p = x(null), r = d(() => s.type ? s.type : Sl), v = d(() => {
+    const n = x(null), a = x(!1), i = x(!1), s = e, c = t, u = x([]), p = x(null), r = d(() => s.type ? s.type : Sl), m = d(() => {
       const b = [];
       return r.value && b.push(`ck-tabs__header--button-${r.value}`), b;
     });
-    function i(b) {
-      u.value.forEach((h, T) => {
-        h.selectTab(T === b);
+    function l(b) {
+      u.value.forEach((h, B) => {
+        h.selectTab(B === b);
       }), p.value = b, c("tabSelected", b);
     }
     function g() {
       if (!n.value)
         return;
-      const { scrollLeft: b, scrollWidth: h, clientWidth: T } = n.value;
-      a.value = b > 0, l.value = b + T < h - 3;
+      const { scrollLeft: b, scrollWidth: h, clientWidth: B } = n.value;
+      a.value = b > 0, i.value = b + B < h - 3;
     }
     function f() {
       n.value && n.value.scrollBy({ left: -200, behavior: "smooth" });
     }
-    function k() {
+    function y() {
       n.value && n.value.scrollBy({ left: 200, behavior: "smooth" });
     }
     return qt("addTab", (b) => {
@@ -3430,17 +3430,17 @@ const Pl = /* @__PURE__ */ H(Tl, [["__scopeId", "data-v-eaadcaf7"]]), Vl = { cla
     }), _e(() => {
       var h;
       g(), (h = n.value) == null || h.addEventListener("scroll", g);
-      const b = u.value.find((T) => T.active) || u.value[0];
-      b && i(u.value.indexOf(b));
+      const b = u.value.find((B) => B.active) || u.value[0];
+      b && l(u.value.indexOf(b));
     }), o({
-      selectTab: i
+      selectTab: l
     }), Ut(g), (b, h) => {
-      const T = Y("ck-icon"), O = Y("ck-circle");
-      return m(), y("div", Vl, [
+      const B = Y("ck-icon"), O = Y("ck-circle");
+      return v(), k("div", Vl, [
         $("div", {
-          class: M(["ck-tabs__header", { "has-left-arrow": a.value, "has-right-arrow": l.value }])
+          class: I(["ck-tabs__header", { "has-left-arrow": a.value, "has-right-arrow": i.value }])
         }, [
-          a.value ? (m(), S(O, {
+          a.value ? (v(), D(O, {
             key: 0,
             class: "header--scroll-btn",
             color: "primary",
@@ -3448,39 +3448,39 @@ const Pl = /* @__PURE__ */ H(Tl, [["__scopeId", "data-v-eaadcaf7"]]), Vl = { cla
             onClick: h[0] || (h[0] = (P) => f())
           }, {
             default: N(() => [
-              U(T, { icon: "chevron-left" })
+              U(B, { icon: "chevron-left" })
             ]),
             _: 1
-          })) : w("", !0),
+          })) : C("", !0),
           $("div", {
             ref_key: "tabsContainer",
             ref: n,
-            class: M(["ck-tabs__header-content", { "header-content--flat": r.value === "flat" }])
+            class: I(["ck-tabs__header-content", { "header-content--flat": r.value === "flat" }])
           }, [
-            (m(!0), y(K, null, re(u.value, (P, B) => (m(), y("div", {
-              key: B,
-              class: M([v.value, { "is-selected": p.value === B }]),
-              onClick: (L) => i(B)
+            (v(!0), k(K, null, re(u.value, (P, T) => (v(), k("div", {
+              key: T,
+              class: I([m.value, { "is-selected": p.value === T }]),
+              onClick: (S) => l(T)
             }, [
-              P.icon ? (m(), S(T, {
+              P.icon ? (v(), D(B, {
                 key: 0,
                 icon: P.icon
-              }, null, 8, ["icon"])) : w("", !0),
-              G(" " + A(P.title), 1)
+              }, null, 8, ["icon"])) : C("", !0),
+              G(" " + M(P.title), 1)
             ], 10, Dl))), 128))
           ], 2),
-          l.value ? (m(), S(O, {
+          i.value ? (v(), D(O, {
             key: 1,
             class: "header--scroll-btn",
             color: "primary",
             size: "xs",
-            onClick: h[1] || (h[1] = (P) => k())
+            onClick: h[1] || (h[1] = (P) => y())
           }, {
             default: N(() => [
-              U(T, { icon: "chevron-right" })
+              U(B, { icon: "chevron-right" })
             ]),
             _: 1
-          })) : w("", !0)
+          })) : C("", !0)
         ], 2),
         $("div", Ll, [
           W(b.$slots, "default", {}, void 0, !0)
@@ -3489,7 +3489,7 @@ const Pl = /* @__PURE__ */ H(Tl, [["__scopeId", "data-v-eaadcaf7"]]), Vl = { cla
     };
   }
 });
-const xl = /* @__PURE__ */ H(Ml, [["__scopeId", "data-v-1d834ae1"]]), Al = "rounded", Il = /* @__PURE__ */ R({
+const Il = /* @__PURE__ */ H(Ml, [["__scopeId", "data-v-1d834ae1"]]), xl = "rounded", Al = /* @__PURE__ */ R({
   __name: "ck-toggle",
   props: {
     modelValue: { type: Boolean },
@@ -3502,39 +3502,39 @@ const xl = /* @__PURE__ */ H(Ml, [["__scopeId", "data-v-1d834ae1"]]), Al = "roun
   },
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
-    const t = e, n = d(() => t.layout ? t.layout : Al), a = d(() => {
+    const t = e, n = d(() => t.layout ? t.layout : xl), a = d(() => {
       const c = [];
       return n.value && c.push(`layout-${n.value}`), c;
-    }), l = o, s = d({
+    }), i = o, s = d({
       get() {
         return t.modelValue;
       },
       set(c) {
-        t.preventAutoUpdate || l("update:modelValue", c);
+        t.preventAutoUpdate || i("update:modelValue", c);
       }
     });
     return (c, u) => {
       const p = Y("ck-icon");
-      return m(), y("div", {
-        class: M(["ck-toggle", [a.value, { "is-active": s.value }]]),
+      return v(), k("div", {
+        class: I(["ck-toggle", [a.value, { "is-active": s.value }]]),
         onClick: u[0] || (u[0] = (r) => s.value = !s.value)
       }, [
-        c.icon ? (m(), S(p, {
+        c.icon ? (v(), D(p, {
           key: 0,
           icon: c.icon,
           iconPack: c.iconPack
-        }, null, 8, ["icon", "iconPack"])) : w("", !0),
+        }, null, 8, ["icon", "iconPack"])) : C("", !0),
         W(c.$slots, "default", {}, void 0, !0),
-        c.iconRight ? (m(), S(p, {
+        c.iconRight ? (v(), D(p, {
           key: 1,
           icon: c.iconRight,
           iconPack: c.iconPack
-        }, null, 8, ["icon", "iconPack"])) : w("", !0)
+        }, null, 8, ["icon", "iconPack"])) : C("", !0)
       ], 2);
     };
   }
 });
-const zl = /* @__PURE__ */ H(Il, [["__scopeId", "data-v-f613ffcb"]]), Rl = { class: "ck-toggle-group" }, Wl = /* @__PURE__ */ R({
+const zl = /* @__PURE__ */ H(Al, [["__scopeId", "data-v-f613ffcb"]]), Rl = { class: "ck-toggle-group" }, Wl = /* @__PURE__ */ R({
   __name: "ck-toggle-group",
   props: /* @__PURE__ */ oe({
     options: {},
@@ -3551,7 +3551,7 @@ const zl = /* @__PURE__ */ H(Il, [["__scopeId", "data-v-f613ffcb"]]), Rl = { cla
   emits: /* @__PURE__ */ oe(["change"], ["update:modelValue"]),
   setup(e, { emit: o }) {
     const t = ge(e, "modelValue"), n = e, a = o;
-    function l(r) {
+    function i(r) {
       return r.name;
     }
     function s(r) {
@@ -3562,45 +3562,45 @@ const zl = /* @__PURE__ */ H(Il, [["__scopeId", "data-v-f613ffcb"]]), Rl = { cla
         return r.icon;
     }
     function u(r) {
-      const v = s(r);
-      return n.multipleSelection ? Array.isArray(t.value) && t.value.includes(v) : t.value === v;
+      const m = s(r);
+      return n.multipleSelection ? Array.isArray(t.value) && t.value.includes(m) : t.value === m;
     }
     function p(r) {
-      const v = s(r);
+      const m = s(r);
       if (n.multipleSelection) {
-        const i = Array.isArray(t.value) ? [...t.value] : [], g = i.indexOf(v);
-        g !== -1 ? i.splice(g, 1) : i.push(v), t.value = i;
+        const l = Array.isArray(t.value) ? [...t.value] : [], g = l.indexOf(m);
+        g !== -1 ? l.splice(g, 1) : l.push(m), t.value = l;
       } else
-        t.value = v;
+        t.value = m;
       a("change");
     }
-    return (r, v) => {
-      const i = Y("ck-label"), g = Y("ck-toggle");
-      return m(), y("div", Rl, [
-        r.label ? (m(), S(i, {
+    return (r, m) => {
+      const l = Y("ck-label"), g = Y("ck-toggle");
+      return v(), k("div", Rl, [
+        r.label ? (v(), D(l, {
           key: 0,
           align: r.labelAlign
         }, {
           default: N(() => [
-            G(A(r.label), 1)
+            G(M(r.label), 1)
           ]),
           _: 1
-        }, 8, ["align"])) : w("", !0),
+        }, 8, ["align"])) : C("", !0),
         $("div", {
           class: "ck-toggle-group__options",
           style: F({ gap: r.gap })
         }, [
-          (m(!0), y(K, null, re(r.options, (f) => (m(), S(g, {
+          (v(!0), k(K, null, re(r.options, (f) => (v(), D(g, {
             modelValue: u(f),
             key: s(f),
             icon: c(f),
             iconPack: r.iconPack,
             layout: r.layout,
             preventAutoUpdate: "",
-            onClick: (k) => p(f)
+            onClick: (y) => p(f)
           }, {
             default: N(() => [
-              G(A(l(f)), 1)
+              G(M(i(f)), 1)
             ]),
             _: 2
           }, 1032, ["modelValue", "icon", "iconPack", "layout", "onClick"]))), 128))
@@ -3636,12 +3636,12 @@ const Ol = /* @__PURE__ */ H(Wl, [["__scopeId", "data-v-43006e82"]]), El = ["onC
   },
   emits: ["click", "action"],
   setup(e, { emit: o }) {
-    const t = e, n = o, a = x(!1), l = d(() => {
+    const t = e, n = o, a = x(!1), i = d(() => {
       var r;
       return !!((r = t.extraActions) != null && r.length);
     }), s = d(() => {
-      const { extraActions: r, ...v } = t;
-      return l.value ? { ...v, group: "left" } : v;
+      const { extraActions: r, ...m } = t;
+      return i.value ? { ...m, group: "left" } : m;
     }), c = d(() => ({
       type: t.type,
       color: t.color,
@@ -3657,54 +3657,54 @@ const Ol = /* @__PURE__ */ H(Wl, [["__scopeId", "data-v-43006e82"]]), El = ["onC
     function p(r) {
       n("action", r), a.value = !1;
     }
-    return (r, v) => (m(), y("div", {
+    return (r, m) => (v(), k("div", {
       class: "dropdown-btn__outer",
-      onMouseleave: v[4] || (v[4] = (i) => a.value = !1)
+      onMouseleave: m[4] || (m[4] = (l) => a.value = !1)
     }, [
-      U(Te, Ie(s.value, {
-        onClick: v[0] || (v[0] = (i) => u(i))
+      U(Be, Ae(s.value, {
+        onClick: m[0] || (m[0] = (l) => u(l))
       }), {
         default: N(() => [
           W(r.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 16),
-      l.value ? (m(), y("div", {
+      i.value ? (v(), k("div", {
         key: 0,
         class: "dropdown-btn__chevron-area",
-        onClick: v[1] || (v[1] = (i) => a.value = !a.value),
-        onMouseenter: v[2] || (v[2] = (i) => a.value = !0)
+        onClick: m[1] || (m[1] = (l) => a.value = !a.value),
+        onMouseenter: m[2] || (m[2] = (l) => a.value = !0)
       }, [
-        U(Te, Yt(Gt(c.value)), {
+        U(Be, Yt(Gt(c.value)), {
           default: N(() => [
-            U(te, {
+            U(Q, {
               icon: "angle-down",
               size: "xs"
             })
           ]),
           _: 1
         }, 16)
-      ], 32)) : w("", !0),
+      ], 32)) : C("", !0),
       U(Zt, { name: "fade" }, {
         default: N(() => [
-          a.value ? (m(), y("div", {
+          a.value ? (v(), k("div", {
             key: 0,
             class: "extra-actions__container",
-            onMouseenter: v[3] || (v[3] = (i) => a.value = !0)
+            onMouseenter: m[3] || (m[3] = (l) => a.value = !0)
           }, [
-            (m(!0), y(K, null, re(r.extraActions, (i) => (m(), y("div", {
-              key: i.id,
+            (v(!0), k(K, null, re(r.extraActions, (l) => (v(), k("div", {
+              key: l.id,
               class: "extra-action__item",
               style: F({ color: c.value.textColor }),
-              onClick: (g) => p(i.id)
+              onClick: (g) => p(l.id)
             }, [
-              $("span", Nl, A(i.name), 1),
-              U(te, {
+              $("span", Nl, M(l.name), 1),
+              U(Q, {
                 icon: "angle-left",
                 size: "xs"
               })
             ], 12, El))), 128))
-          ], 32)) : w("", !0)
+          ], 32)) : C("", !0)
         ]),
         _: 1
       })
@@ -3729,9 +3729,9 @@ const Hl = /* @__PURE__ */ H(jl, [["__scopeId", "data-v-156da60c"]]), ql = {
   },
   emits: ["update:modelValue", "closeCard"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { cleekOptions: a } = ae(ne()), l = d(() => typeof t.modelValue < "u"), s = d({
+    const t = e, n = o, { cleekOptions: a } = ae(ne()), i = d(() => typeof t.modelValue < "u"), s = d({
       get() {
-        return !l.value || t.modelValue === null ? !0 : !!t.modelValue;
+        return !i.value || t.modelValue === null ? !0 : !!t.modelValue;
       },
       set(u) {
         n("update:modelValue", u), u || n("closeCard");
@@ -3742,33 +3742,33 @@ const Hl = /* @__PURE__ */ H(jl, [["__scopeId", "data-v-156da60c"]]), ql = {
     });
     return (u, p) => {
       const r = Y("ck-icon");
-      return s.value ? (m(), y("div", {
+      return s.value ? (v(), k("div", {
         key: 0,
-        class: M(["ck-card", c.value])
+        class: I(["ck-card", c.value])
       }, [
-        u.title || u.$slots.header || l.value ? (m(), y("div", {
+        u.title || u.$slots.header || i.value ? (v(), k("div", {
           key: 0,
-          class: M(["ck-card__header", { "is-close-button-visible": l.value }])
+          class: I(["ck-card__header", { "is-close-button-visible": i.value }])
         }, [
-          u.title || u.$slots.header ? (m(), y("div", ql, A(u.title), 1)) : w("", !0),
+          u.title || u.$slots.header ? (v(), k("div", ql, M(u.title), 1)) : C("", !0),
           W(u.$slots, "header", {}, void 0, !0),
-          l.value ? (m(), y("div", {
+          i.value ? (v(), k("div", {
             key: 1,
             class: "ck-card__close-btn",
-            onClick: p[0] || (p[0] = (v) => s.value = !1)
+            onClick: p[0] || (p[0] = (m) => s.value = !1)
           }, [
             U(r, { icon: "times" })
-          ])) : w("", !0)
-        ], 2)) : w("", !0),
+          ])) : C("", !0)
+        ], 2)) : C("", !0),
         $("div", Ul, [
-          u.subtitle ? (m(), y("div", Yl, A(u.subtitle), 1)) : w("", !0),
+          u.subtitle ? (v(), k("div", Yl, M(u.subtitle), 1)) : C("", !0),
           $("div", {
-            class: M(["ck-card__content", { "content-block": u.block }])
+            class: I(["ck-card__content", { "content-block": u.block }])
           }, [
             W(u.$slots, "default", {}, void 0, !0)
           ], 2)
         ])
-      ], 2)) : w("", !0);
+      ], 2)) : C("", !0);
     };
   }
 });
@@ -3790,43 +3790,43 @@ const Zl = /* @__PURE__ */ H(Gl, [["__scopeId", "data-v-780265b9"]]), Kl = ["col
   },
   emits: ["click"],
   setup(e, { emit: o }) {
-    const t = e, { windowWidth: n } = ke(), { cleekOptions: a } = ae(ne()), l = o, s = d(() => t.layout ? t.layout : a.value ? a.value.chip.layout : ei), c = d(() => t.type ? t.type : a.value ? a.value.chip.type : Xl), u = d(() => t.color || Ql), p = d(() => {
-      const i = [];
-      return c.value === "outlined" ? i.push("type--outlined") : c.value === "shadow" ? i.push("type--shadow") : D.isColorTemplateVariable(u.value) && i.push(`ck-component__bg-color--${u.value}`), s.value && i.push(`layout--${s.value}`), i.push(D.getGroupClass(t, n.value)), i.push(`size-${t.size || Jl}`), t.align && i.push(`align--${t.align}`), t.nowrap && i.push(`ck-chip--${t.nowrap}`), t.clickable && i.push("clickable"), i;
+    const t = e, { windowWidth: n } = ke(), { cleekOptions: a } = ae(ne()), i = o, s = d(() => t.layout ? t.layout : a.value ? a.value.chip.layout : ei), c = d(() => t.type ? t.type : a.value ? a.value.chip.type : Xl), u = d(() => t.color || Ql), p = d(() => {
+      const l = [];
+      return c.value === "outlined" ? l.push("type--outlined") : c.value === "shadow" ? l.push("type--shadow") : L.isColorTemplateVariable(u.value) && l.push(`ck-component__bg-color--${u.value}`), s.value && l.push(`layout--${s.value}`), l.push(L.getGroupClass(t, n.value)), l.push(`size-${t.size || Jl}`), t.align && l.push(`align--${t.align}`), t.nowrap && l.push(`ck-chip--${t.nowrap}`), t.clickable && l.push("clickable"), l;
     });
-    function r(i) {
-      return D.isColorTemplateVariable(i) ? D.getColorHexFromTemplateVariable(i, a.value.colors) : i;
+    function r(l) {
+      return L.isColorTemplateVariable(l) ? L.getColorHexFromTemplateVariable(l, a.value.colors) : l;
     }
-    const v = d(() => {
-      const i = [], g = r(u.value);
-      if (i.push({ "--chip-bg": g }), c.value === "outlined") {
+    const m = d(() => {
+      const l = [], g = r(u.value);
+      if (l.push({ "--chip-bg": g }), c.value === "outlined") {
         const f = r(t.textColor || u.value);
-        i.push({ borderColor: g }), i.push({ color: f });
+        l.push({ borderColor: g }), l.push({ color: f });
       } else
-        c.value === "shadow" ? (D.isColorTemplateVariable(u.value) || i.push({ backgroundColor: u.value }), i.push({ color: t.textColor || mt })) : (D.isColorTemplateVariable(u.value) || i.push({ backgroundColor: u.value }), i.push({ color: t.textColor || mt }));
-      return i;
+        c.value === "shadow" ? (L.isColorTemplateVariable(u.value) || l.push({ backgroundColor: u.value }), l.push({ color: t.textColor || mt })) : (L.isColorTemplateVariable(u.value) || l.push({ backgroundColor: u.value }), l.push({ color: t.textColor || mt }));
+      return l;
     });
-    return (i, g) => (m(), y("div", {
-      class: M(["ck-chip", p.value]),
-      color: i.color,
-      style: F(v.value),
-      onClick: g[0] || (g[0] = (f) => l("click", f))
+    return (l, g) => (v(), k("div", {
+      class: I(["ck-chip", p.value]),
+      color: l.color,
+      style: F(m.value),
+      onClick: g[0] || (g[0] = (f) => i("click", f))
     }, [
-      i.icon ? (m(), S(te, {
+      l.icon ? (v(), D(Q, {
         key: 0,
         class: "pr-2",
-        icon: i.icon,
-        "icon-pack": i.iconPack
-      }, null, 8, ["icon", "icon-pack"])) : w("", !0),
+        icon: l.icon,
+        "icon-pack": l.iconPack
+      }, null, 8, ["icon", "icon-pack"])) : C("", !0),
       $("span", null, [
-        W(i.$slots, "default", {}, void 0, !0)
+        W(l.$slots, "default", {}, void 0, !0)
       ]),
-      i.iconRight ? (m(), S(te, {
+      l.iconRight ? (v(), D(Q, {
         key: 1,
         class: "pl-2",
-        icon: i.iconRight,
-        "icon-pack": i.iconPack
-      }, null, 8, ["icon", "icon-pack"])) : w("", !0)
+        icon: l.iconRight,
+        "icon-pack": l.iconPack
+      }, null, 8, ["icon", "icon-pack"])) : C("", !0)
     ], 14, Kl));
   }
 });
@@ -3846,22 +3846,22 @@ const oi = /* @__PURE__ */ H(ti, [["__scopeId", "data-v-2bb1c329"]]), ni = "prim
       const s = [];
       let c = t.size;
       return t.size !== "s" && t.size !== "l" && t.size !== "xs" && (c = ai), s.push(`ck-circle__size-${c}`), s.push(`ck-component__bg-color--${t.color || ni}`), s;
-    }), l = d(() => {
+    }), i = d(() => {
       const s = [];
-      return t.sizeInPx && (s.push({ height: t.sizeInPx }), s.push({ width: t.sizeInPx })), (t.color || D.isColorTemplateVariable(t.color)) && (s.push({ backgroundColor: t.color }), s.push({ color: t.textColor || li })), s;
+      return t.sizeInPx && (s.push({ height: t.sizeInPx }), s.push({ width: t.sizeInPx })), (t.color || L.isColorTemplateVariable(t.color)) && (s.push({ backgroundColor: t.color }), s.push({ color: t.textColor || li })), s;
     });
     return (s, c) => {
       const u = Y("ck-icon");
-      return m(), y("div", {
-        class: M(["ck-circle", a.value]),
-        style: F(l.value),
+      return v(), k("div", {
+        class: I(["ck-circle", a.value]),
+        style: F(i.value),
         onClick: c[0] || (c[0] = (p) => n("click", p))
       }, [
-        s.icon ? (m(), S(u, {
+        s.icon ? (v(), D(u, {
           key: 0,
           icon: s.icon,
           iconPack: s.iconPack
-        }, null, 8, ["icon", "iconPack"])) : w("", !0),
+        }, null, 8, ["icon", "iconPack"])) : C("", !0),
         W(s.$slots, "default", {}, void 0, !0)
       ], 6);
     };
@@ -3876,16 +3876,16 @@ const si = /* @__PURE__ */ H(ii, [["__scopeId", "data-v-ba0b3fb6"]]), ri = /* @_
   },
   emits: ["click"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { cleekOptions: a } = ae(ne()), { windowWidth: l } = ke(), s = d(() => {
+    const t = e, n = o, { cleekOptions: a } = ae(ne()), { windowWidth: i } = ke(), s = d(() => {
       const c = [];
       if (t.widthBreaks) {
-        const p = D.getWidthByWidthBreaks(t.widthBreaks, l.value);
+        const p = L.getWidthByWidthBreaks(t.widthBreaks, i.value);
         p && c.push({ width: p });
       }
       const u = t.gap || a.value.div.gap;
       return u && c.push({ gap: u }), t.block && c.push({ display: "block" }), c;
     });
-    return (c, u) => (m(), y("div", {
+    return (c, u) => (v(), k("div", {
       class: "ck-div",
       style: F(s.value),
       onClick: u[0] || (u[0] = (p) => n("click", p))
@@ -3918,34 +3918,34 @@ const ui = {
   },
   emits: ["click"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { cleekOptions: a } = ae(ne()), l = x(!1), s = x(!1), c = d(() => t.src.substring(0, 4) === "http"), u = d(() => s.value ? c.value ? t.src : g(t.src) : ""), p = d(() => {
+    const t = e, n = o, { cleekOptions: a } = ae(ne()), i = x(!1), s = x(!1), c = d(() => t.src.substring(0, 4) === "http"), u = d(() => s.value ? c.value ? t.src : g(t.src) : ""), p = d(() => {
       const f = [];
-      return t.size && f.push(`ck-img__size--${t.size}`), t.rounded && f.push("is-rounded"), t.hasBorder && (f.push("ck-img__has-border"), D.isColorTemplateVariable(i.value) && f.push(`ck-component__border-color--${i.value}`)), t.zoom && f.push("zoom-able"), f;
+      return t.size && f.push(`ck-img__size--${t.size}`), t.rounded && f.push("is-rounded"), t.hasBorder && (f.push("ck-img__has-border"), L.isColorTemplateVariable(l.value) && f.push(`ck-component__border-color--${l.value}`)), t.zoom && f.push("zoom-able"), f;
     }), r = d(() => {
       const f = [];
       t.sizeAbsolute && (f.push({ width: t.sizeAbsolute }), f.push({ height: t.sizeAbsolute }));
-      let k = t.radius;
-      return typeof t.radius > "u" && a.value.styles.layout === "squared" && (k = "0px"), k && f.push({ "border-radius": k }), t.hasBorder && (D.isColorTemplateVariable(i.value) || f.push({ "border-color": i.value })), f;
-    }), v = d(() => {
+      let y = t.radius;
+      return typeof t.radius > "u" && a.value.styles.layout === "squared" && (y = "0px"), y && f.push({ "border-radius": y }), t.hasBorder && (L.isColorTemplateVariable(l.value) || f.push({ "border-color": l.value })), f;
+    }), m = d(() => {
       const f = [];
       return t.radius && f.push({ "border-radius": t.radius }), t.width && f.push({ width: t.width }), t.height && f.push({ height: t.height }), f;
-    }), i = d(() => t.borderColor ? t.borderColor : ui.defaultImgBorderColor);
+    }), l = d(() => t.borderColor ? t.borderColor : ui.defaultImgBorderColor);
     function g(f) {
-      let k = a.value.img.basePath;
-      return a.value.img.basePath && (k = a.value.img.basePath), k || (k = a.value.img.basePathStatic), t.dynamic && (k = a.value.img.basePathDynamic), `${k}${f}`;
+      let y = a.value.img.basePath;
+      return a.value.img.basePath && (y = a.value.img.basePath), y || (y = a.value.img.basePathStatic), t.dynamic && (y = a.value.img.basePathDynamic), `${y}${f}`;
     }
     return _e(() => {
       s.value = !0;
-    }), (f, k) => (m(), y("div", {
-      class: M(["ck-img", p.value]),
+    }), (f, y) => (v(), k("div", {
+      class: I(["ck-img", p.value]),
       style: F(r.value),
-      onClick: k[1] || (k[1] = (b) => n("click", b))
+      onClick: y[1] || (y[1] = (b) => n("click", b))
     }, [
       $("img", {
         src: u.value,
-        style: F(v.value),
+        style: F(m.value),
         alt: f.alt,
-        onError: k[0] || (k[0] = (b) => l.value = !0)
+        onError: y[0] || (y[0] = (b) => i.value = !0)
       }, null, 44, ci)
     ], 6));
   }
@@ -3974,7 +3974,7 @@ const pi = /* @__PURE__ */ H(di, [["__scopeId", "data-v-485e840f"]]), vi = ["onK
       set(p) {
         n("update:modelValue", p), n("change", p);
       }
-    }), l = d(() => ({
+    }), i = d(() => ({
       "aria-disabled": t.disabled,
       tabindex: t.disabled ? void 0 : "0"
     })), s = d(() => {
@@ -3992,17 +3992,17 @@ const pi = /* @__PURE__ */ H(di, [["__scopeId", "data-v-485e840f"]]), vi = ["onK
     function u(p, r) {
       p.value = a, n("change", a);
     }
-    return (p, r) => (m(!0), y(K, null, re(s.value, (v, i) => (m(), y("label", Ie({
+    return (p, r) => (v(!0), k(K, null, re(s.value, (m, l) => (v(), k("label", Ae({
       class: "ck-radio",
-      key: `radio-${i}`,
+      key: `radio-${l}`,
       ref_for: !0
-    }, l.value, {
+    }, i.value, {
       class: c.value,
       onKeydown: r[1] || (r[1] = he(se(() => {
       }, ["prevent"]), ["space"])),
       onKeyup: [
-        he((g) => u(v), ["enter"]),
-        he((g) => u(v), ["space"])
+        he((g) => u(m), ["enter"]),
+        he((g) => u(m), ["space"])
       ]
     }), [
       ue($("input", {
@@ -4011,21 +4011,21 @@ const pi = /* @__PURE__ */ H(di, [["__scopeId", "data-v-485e840f"]]), vi = ["onK
         "aria-hidden": "true",
         type: "radio",
         name: p.name,
-        value: v.value,
+        value: m.value,
         disabled: p.disabled
       }, null, 8, mi), [
         [Kt, a.value]
       ]),
       r[2] || (r[2] = $("div", { class: "c-Radio__element" }, null, -1)),
-      v.label ? (m(), y("span", fi, A(v.label), 1)) : w("", !0)
+      m.label ? (v(), k("span", fi, M(m.label), 1)) : C("", !0)
     ], 16, vi))), 128));
   }
 });
 const gi = /* @__PURE__ */ H(hi, [["__scopeId", "data-v-d37d3f3e"]]);
 function ki(e, o) {
   const t = (n) => {
-    var l;
-    let a = (l = e.value) == null ? void 0 : l.parentElement;
+    var i;
+    let a = (i = e.value) == null ? void 0 : i.parentElement;
     for (; a && a !== document.body; ) {
       const s = window.getComputedStyle(a).overflowX, c = window.getComputedStyle(a).overflowY;
       (c === "auto" || c === "scroll" || s === "auto" || s === "scroll") && a[n]("scroll", o), a = a.parentElement;
@@ -4040,7 +4040,7 @@ function ft(e) {
 const yi = {
   key: 0,
   class: "ck-select--optional-label"
-}, bi = ["disabled"], _i = ["value"], Ci = ["placeholder", "disabled"], wi = ["onMousedown", "onMouseenter"], $i = ["textContent"], Bi = /* @__PURE__ */ R({
+}, bi = ["disabled"], _i = ["value"], Ci = ["placeholder", "disabled"], wi = ["onMousedown", "onMouseenter"], $i = ["textContent"], Ti = /* @__PURE__ */ R({
   __name: "ck-select",
   props: /* @__PURE__ */ oe({
     options: {},
@@ -4084,31 +4084,31 @@ const yi = {
   }),
   emits: /* @__PURE__ */ oe(["change", "click"], ["update:modelValue"]),
   setup(e, { expose: o, emit: t }) {
-    const n = ge(e, "modelValue"), a = e, l = t;
+    const n = ge(e, "modelValue"), a = e, i = t;
     o({
-      focus: Q,
-      blur: Be
+      focus: J,
+      blur: Te
     });
-    const { cleekOptions: s } = ae(ne()), { windowWidth: c } = ke(), u = x(), p = x(), r = x(), v = x(), i = x(""), g = x(!1), f = x(!1), k = x(-1), b = d(() => a.options.find((_) => Z(_) === n.value)), h = d(() => a.options.length), T = d(() => !h.value), O = d(() => h.value <= a.optionsLimit), P = d(() => {
+    const { cleekOptions: s } = ae(ne()), { windowWidth: c } = ke(), u = x(), p = x(), r = x(), m = x(), l = x(""), g = x(!1), f = x(!1), y = x(-1), b = d(() => a.options.find((_) => Z(_) === n.value)), h = d(() => a.options.length), B = d(() => !h.value), O = d(() => h.value <= a.optionsLimit), P = d(() => {
       if (f.value)
         return a.options;
-      const _ = ft(i.value).split(" ");
+      const _ = ft(l.value).split(" ");
       return a.options.filter((z) => {
-        const J = ft(Ce(z));
-        return _.every((E) => J.includes(E));
+        const X = ft(Ce(z));
+        return _.every((E) => X.includes(E));
       });
-    }), B = d(() => P.value.length), L = d(() => {
+    }), T = d(() => P.value.length), S = d(() => {
       if (g.value && b.value)
         return Ce(b.value);
-    }), j = d(() => a.disabled || T.value), X = d(() => {
+    }), j = d(() => a.disabled || B.value), ee = d(() => {
       var _;
       if (typeof a.clearValue < "u")
         return a.clearValue;
       if ((_ = s.value.select) != null && _.clearValue)
         return s.value.select.clearValue;
     }), le = d(() => {
-      if (X.value)
-        return X.value;
+      if (ee.value)
+        return ee.value;
       const _ = n.value;
       switch (typeof _) {
         case "number":
@@ -4122,47 +4122,47 @@ const yi = {
       }
     }), $e = d(() => {
       const _ = n.value;
-      return X.value ? _ === X.value : typeof _ == "number" ? _ === 0 : typeof _ == "string" ? _ === "" : typeof _ == "object" && _ ? Array.isArray(_) ? _.length === 0 : Object.keys(_).length === 0 : _ === null;
-    }), V = d(() => a.isLoading ? "Cargando..." : T.value ? a.emptyOptionsMsg : a.placeholder), q = d(
-      () => (T.value || $e.value) && !i.value && V.value || a.isLoading
+      return ee.value ? _ === ee.value : typeof _ == "number" ? _ === 0 : typeof _ == "string" ? _ === "" : typeof _ == "object" && _ ? Array.isArray(_) ? _.length === 0 : Object.keys(_).length === 0 : _ === null;
+    }), V = d(() => a.isLoading ? "Cargando..." : B.value ? a.emptyOptionsMsg : a.placeholder), q = d(
+      () => (B.value || $e.value) && !l.value && V.value || a.isLoading
     ), de = d(() => j.value || a.notClearable ? !1 : !$e.value), me = d(() => {
       const _ = [];
       return a.icon && _.push("has-icon-left"), a.iconRight && _.push("has-icon-right"), _;
-    }), C = d(() => {
+    }), w = d(() => {
       const _ = [];
       let z = !1;
       if (a.widthBreaks) {
-        const J = D.getWidthByWidthBreaks(a.widthBreaks, c.value);
-        J && (_.push({ width: J }), z = !0);
+        const X = L.getWidthByWidthBreaks(a.widthBreaks, c.value);
+        X && (_.push({ width: X }), z = !0);
       }
       return !z && a.minWidth && _.push({ "min-width": a.minWidth }), a.width && _.push({ width: a.width }), _;
-    }), I = d(() => {
+    }), A = d(() => {
       const _ = [];
-      _.push(D.getGroupClass(a, c.value));
+      _.push(L.getGroupClass(a, c.value));
       const z = a.layout || s.value.styles.layout;
       z && _.push(z), de.value && _.push("clearable");
-      const J = a.borderColor || s.value.styles.borderColor;
-      return J && D.isColorTemplateVariable(J) && _.push(`ck-component__border-color--${J}`), _;
-    }), ee = d(() => {
+      const X = a.borderColor || s.value.styles.borderColor;
+      return X && L.isColorTemplateVariable(X) && _.push(`ck-component__border-color--${X}`), _;
+    }), te = d(() => {
       const _ = [], z = a.borderColor || s.value.styles.borderColor;
-      z && !D.isColorTemplateVariable(z) && _.push({ "border-color": z });
-      let J = "";
-      s.value.select.backgroundColor && (J = s.value.select.backgroundColor), s.value.darkMode && (J = s.value.darkModeColorItems), J && !D.isColorTemplateVariable(J) && _.push({ backgroundColor: J });
+      z && !L.isColorTemplateVariable(z) && _.push({ "border-color": z });
+      let X = "";
+      s.value.select.backgroundColor && (X = s.value.select.backgroundColor), s.value.darkMode && (X = s.value.darkModeColorItems), X && !L.isColorTemplateVariable(X) && _.push({ backgroundColor: X });
       let E = s.value.popup.textColor;
-      return s.value.darkMode && (E = s.value.darkModeColorText), E && (D.isColorTemplateVariable(E) ? _.push(`ck-component__color--${E}`) : _.push({ color: E })), _;
+      return s.value.darkMode && (E = s.value.darkModeColorText), E && (L.isColorTemplateVariable(E) ? _.push(`ck-component__color--${E}`) : _.push({ color: E })), _;
     }), ie = d(() => {
       const _ = [];
       let z = s.value.popup.textColor;
-      return s.value.darkMode && (z = s.value.darkModeColorText), z && (D.isColorTemplateVariable(z) ? _.push(`ck-component__color--${z}`) : _.push({ color: z })), _;
+      return s.value.darkMode && (z = s.value.darkModeColorText), z && (L.isColorTemplateVariable(z) ? _.push(`ck-component__color--${z}`) : _.push({ color: z })), _;
     });
-    ce(() => b.value, () => Ue()), ce(() => B.value, (_) => {
-      k.value !== -1 && (k.value + 1 <= _ || (k.value = _ - 1));
+    ce(() => b.value, () => Ue()), ce(() => T.value, (_) => {
+      y.value !== -1 && (y.value + 1 <= _ || (y.value = _ - 1));
     }), ce(() => r.value, (_) => {
-      _ && (v.value = { display: "none" }, setTimeout(() => {
-        const z = document.documentElement.clientHeight, J = document.documentElement.clientWidth, E = p.value.getBoundingClientRect(), fe = {}, Re = E.top < z / 2;
-        Re ? fe.top = `${E.bottom}px` : fe.bottom = `${z - E.top}px`, fe.left = `${E.left}px`, fe.right = `${J - E.right}px`;
+      _ && (m.value = { display: "none" }, setTimeout(() => {
+        const z = document.documentElement.clientHeight, X = document.documentElement.clientWidth, E = p.value.getBoundingClientRect(), fe = {}, Re = E.top < z / 2;
+        Re ? fe.top = `${E.bottom}px` : fe.bottom = `${z - E.top}px`, fe.left = `${E.left}px`, fe.right = `${X - E.right}px`;
         const lt = 100;
-        fe["max-height"] = Re ? `${z - E.top - lt}px` : `${E.bottom - lt}px`, fe.display = "block", v.value = fe;
+        fe["max-height"] = Re ? `${z - E.top - lt}px` : `${E.bottom - lt}px`, fe.display = "block", m.value = fe;
       }, 150));
     });
     function Z(_) {
@@ -4171,16 +4171,16 @@ const yi = {
     function Ce(_) {
       return a.reduceNameFunction ? a.reduceNameFunction(_) : a.notReduceName || a.notReduce ? _ : a.reduceNameMethod ? _[a.reduceNameMethod]() : _[a.reduceNameProp];
     }
-    function Q() {
+    function J() {
       var _, z;
       (_ = u.value) == null || _.focus(), (z = p.value) == null || z.focus();
     }
-    function Be() {
+    function Te() {
       var _, z;
       (_ = u.value) == null || _.blur(), (z = p.value) == null || z.blur();
     }
     function He() {
-      i.value = "", f.value = !0, xt(), g.value = !0;
+      l.value = "", f.value = !0, It(), g.value = !0;
     }
     function Dt() {
       Ue(), g.value = !1;
@@ -4189,139 +4189,139 @@ const yi = {
       f.value = !1;
     }
     function St(_) {
-      const z = B.value;
+      const z = T.value;
       if (_ === "ArrowDown")
-        k.value = k.value + 1 >= z ? 0 : k.value + 1;
+        y.value = y.value + 1 >= z ? 0 : y.value + 1;
       else if (_ === "ArrowUp")
-        k.value = k.value <= 0 ? z - 1 : k.value - 1;
+        y.value = y.value <= 0 ? z - 1 : y.value - 1;
       else if (_ === "Enter") {
-        const J = k.value >= 0 ? k.value : 0;
-        qe(Z(P.value[J])), Be();
+        const X = y.value >= 0 ? y.value : 0;
+        qe(Z(P.value[X])), Te();
       }
     }
     function qe(_) {
-      n.value = _, l("change", _);
+      n.value = _, i("change", _);
     }
     function Ue() {
       const _ = b.value;
-      i.value = _ ? Ce(_) : "";
+      l.value = _ ? Ce(_) : "";
     }
     function Mt() {
-      i.value = "", qe(le.value);
+      l.value = "", qe(le.value);
     }
-    function xt() {
+    function It() {
       if (b.value) {
         const _ = P.value;
-        k.value = _.findIndex((z) => Z(z) === Z(b.value));
+        y.value = _.findIndex((z) => Z(z) === Z(b.value));
       } else
-        k.value = -1;
+        y.value = -1;
     }
     return ki(p, () => {
       var _;
       return (_ = p.value) == null ? void 0 : _.blur();
     }), Ue(), (_, z) => {
-      const J = Y("ck-button");
-      return m(), y("div", {
-        class: M(["ck-select", me.value]),
-        style: F(C.value)
+      const X = Y("ck-button");
+      return v(), k("div", {
+        class: I(["ck-select", me.value]),
+        style: F(w.value)
       }, [
-        _.label ? (m(), S(ze, {
+        _.label ? (v(), D(ze, {
           key: 0,
           align: _.labelAlign,
           for: "ck-select"
         }, {
           default: N(() => [
-            G(A(_.label) + " ", 1),
-            _.optional ? (m(), y("span", yi, "opcional")) : w("", !0)
+            G(M(_.label) + " ", 1),
+            _.optional ? (v(), k("span", yi, "opcional")) : C("", !0)
           ]),
           _: 1
-        }, 8, ["align"])) : w("", !0),
-        O.value ? ue((m(), y("select", {
+        }, 8, ["align"])) : C("", !0),
+        O.value ? ue((v(), k("select", {
           key: 1,
           ref_key: "selectRef",
           ref: u,
           tabindex: "0",
           "onUpdate:modelValue": z[0] || (z[0] = (E) => n.value = E),
           id: "ck-select",
-          class: M(I.value),
-          style: F(ee.value),
+          class: I(A.value),
+          style: F(te.value),
           disabled: j.value,
-          onChange: z[1] || (z[1] = (E) => l("change", n.value)),
-          onClick: z[2] || (z[2] = (E) => l("click", E))
+          onChange: z[1] || (z[1] = (E) => i("change", n.value)),
+          onClick: z[2] || (z[2] = (E) => i("click", E))
         }, [
-          (m(!0), y(K, null, re(_.options, (E) => (m(), y("option", {
+          (v(!0), k(K, null, re(_.options, (E) => (v(), k("option", {
             value: Z(E),
             key: E,
             style: F(ie.value)
-          }, A(Ce(E)), 13, _i))), 128))
+          }, M(Ce(E)), 13, _i))), 128))
         ], 46, bi)), [
           [Qt, n.value]
-        ]) : ue((m(), y("input", {
+        ]) : ue((v(), k("input", {
           key: 2,
           ref_key: "inputRef",
           ref: p,
           tabindex: "0",
-          "onUpdate:modelValue": z[3] || (z[3] = (E) => i.value = E),
+          "onUpdate:modelValue": z[3] || (z[3] = (E) => l.value = E),
           id: "ck-select",
-          class: M(I.value),
-          style: F(ee.value),
-          placeholder: L.value,
+          class: I(A.value),
+          style: F(te.value),
+          placeholder: S.value,
           disabled: j.value,
           autocomplete: "off",
-          onClick: z[4] || (z[4] = (E) => l("click", E)),
+          onClick: z[4] || (z[4] = (E) => i("click", E)),
           onFocus: z[5] || (z[5] = (E) => He()),
           onBlur: z[6] || (z[6] = (E) => Dt()),
           onInput: z[7] || (z[7] = (E) => Lt()),
           onKeydown: z[8] || (z[8] = (E) => St(E.key))
         }, null, 46, Ci)), [
-          [Fe, i.value]
+          [Fe, l.value]
         ]),
-        (m(), S(Ae, { to: "body" }, [
-          g.value && P.value.length ? (m(), y("ul", {
+        (v(), D(xe, { to: "body" }, [
+          g.value && P.value.length ? (v(), k("ul", {
             key: 0,
             ref_key: "dropdownRef",
             ref: r,
             class: "ck-input-dropdown",
-            style: F(v.value)
+            style: F(m.value)
           }, [
-            (m(!0), y(K, null, re(P.value, (E, fe) => (m(), y("li", {
+            (v(!0), k(K, null, re(P.value, (E, fe) => (v(), k("li", {
               key: Z(E),
-              class: M(["dropdown--option", {
+              class: I(["dropdown--option", {
                 "dropdown--option__selected": Z(E) === n.value,
-                "dropdown--option__index-selected": fe === k.value
+                "dropdown--option__index-selected": fe === y.value
               }]),
               onMousedown: (Re) => qe(Z(E)),
-              onMouseenter: (Re) => k.value = fe
-            }, A(Ce(E)), 43, wi))), 128))
-          ], 4)) : w("", !0)
+              onMouseenter: (Re) => y.value = fe
+            }, M(Ce(E)), 43, wi))), 128))
+          ], 4)) : C("", !0)
         ])),
-        q.value ? (m(), y("span", {
+        q.value ? (v(), k("span", {
           key: 3,
           class: "ck-select--placeholder",
-          textContent: A(V.value)
-        }, null, 8, $i)) : w("", !0),
-        _.icon ? (m(), S(te, {
+          textContent: M(V.value)
+        }, null, 8, $i)) : C("", !0),
+        _.icon ? (v(), D(Q, {
           key: 4,
           class: "ck-select--icon-left",
           icon: _.icon,
           "icon-pack": _.iconPack,
           color: _.iconColor
-        }, null, 8, ["icon", "icon-pack", "color"])) : w("", !0),
-        _.iconRight ? (m(), S(te, {
+        }, null, 8, ["icon", "icon-pack", "color"])) : C("", !0),
+        _.iconRight ? (v(), D(Q, {
           key: 5,
           class: "ck-select--icon-right",
           icon: _.iconRight,
           "icon-pack": _.iconPack,
           color: _.iconColor
-        }, null, 8, ["icon", "icon-pack", "color"])) : w("", !0),
-        de.value ? (m(), S(J, {
+        }, null, 8, ["icon", "icon-pack", "color"])) : C("", !0),
+        de.value ? (v(), D(X, {
           key: 6,
           class: "ck-select--btn",
           size: "s",
           icon: "times",
           type: "flat",
           onClick: z[9] || (z[9] = (E) => Mt())
-        })) : j.value ? w("", !0) : (m(), S(J, {
+        })) : j.value ? C("", !0) : (v(), D(X, {
           key: 7,
           tabindex: "-1",
           class: "ck-select--btn",
@@ -4334,7 +4334,7 @@ const yi = {
     };
   }
 });
-const Ti = /* @__PURE__ */ H(Bi, [["__scopeId", "data-v-3ab25429"]]), Pi = {
+const Bi = /* @__PURE__ */ H(Ti, [["__scopeId", "data-v-3ab25429"]]), Pi = {
   key: 0,
   class: "sidebar-header-title"
 }, Vi = {
@@ -4369,58 +4369,58 @@ const Ti = /* @__PURE__ */ H(Bi, [["__scopeId", "data-v-3ab25429"]]), Pi = {
     })), a = d(() => {
       const u = [];
       return t.width && u.push({ width: t.width }), u;
-    }), l = d(() => {
+    }), i = d(() => {
       const u = [];
       let p = t.closeBtnAlign;
-      return t.notCloseBtn && (p = "hidden"), p && u.push(`close-btn--${p}`), t.headerAlign && u.push(`align-title--${t.headerAlign}`), t.headerColor && D.isColorTemplateVariable(t.headerColor) && u.push(`ck-component__bg-color--${t.headerColor}`), t.headerColor && u.push(`align-title--${t.headerColor}`), u;
+      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;
     }), s = d(() => {
       const u = [];
-      return t.headerColor && !D.isColorTemplateVariable(t.headerColor) && u.push({ "background-color": t.headerColor }), u;
+      return t.headerColor && !L.isColorTemplateVariable(t.headerColor) && u.push({ "background-color": t.headerColor }), u;
     }), c = d(() => t.closeBtnIcon ? t.closeBtnIcon : "times");
     return ce(() => o.value, (u) => Vt(!u)), (u, p) => {
       const r = Y("ck-icon");
-      return o.value ? (m(), y("div", {
+      return o.value ? (v(), k("div", {
         key: 0,
         class: "ck-sidebar-background",
-        onClick: p[1] || (p[1] = se((v) => o.value = !1, ["self"]))
+        onClick: p[1] || (p[1] = se((m) => o.value = !1, ["self"]))
       }, [
         $("div", {
-          class: M(["ck-sidebar", n.value]),
+          class: I(["ck-sidebar", n.value]),
           style: F(a.value)
         }, [
           W(u.$slots, "header", {}, void 0, !0),
-          u.title ? (m(), y("div", {
+          u.title ? (v(), k("div", {
             key: 0,
-            class: M(["sidebar-header", l.value]),
+            class: I(["sidebar-header", i.value]),
             style: F(s.value),
-            onClick: p[0] || (p[0] = (v) => o.value = !1)
+            onClick: p[0] || (p[0] = (m) => o.value = !1)
           }, [
-            u.title ? (m(), y("div", Pi, A(u.title), 1)) : w("", !0),
-            u.notCloseBtn ? (m(), S(r, {
+            u.title ? (v(), k("div", Pi, M(u.title), 1)) : C("", !0),
+            u.notCloseBtn ? (v(), D(r, {
               key: 1,
               class: "close-btn",
               icon: c.value
-            }, null, 8, ["icon"])) : w("", !0)
-          ], 6)) : w("", !0),
-          u.isLoading ? (m(), y("div", Vi, [
+            }, null, 8, ["icon"])) : C("", !0)
+          ], 6)) : C("", !0),
+          u.isLoading ? (v(), k("div", Vi, [
             U(r, {
               icon: "spinner",
               size: "xxl",
               spin: "",
               color: "primary"
             })
-          ])) : (m(), y("div", Di, [
+          ])) : (v(), k("div", Di, [
             W(u.$slots, "default", {}, void 0, !0)
           ])),
-          u.$slots.footer ? (m(), y("div", Li, [
+          u.$slots.footer ? (v(), k("div", Li, [
             W(u.$slots, "footer", {}, void 0, !0)
-          ])) : w("", !0)
+          ])) : C("", !0)
         ], 6)
-      ])) : w("", !0);
+      ])) : C("", !0);
     };
   }
 });
-const Mi = /* @__PURE__ */ H(Si, [["__scopeId", "data-v-19f1984b"]]), xi = ["disabled"], Ai = { class: "ck-switch__slider-container" }, Je = "s", Ii = "m", zi = /* @__PURE__ */ R({
+const Mi = /* @__PURE__ */ H(Si, [["__scopeId", "data-v-19f1984b"]]), Ii = { key: 1 }, xi = ["disabled"], Ai = { class: "ck-switch__slider-container" }, zi = { key: 1 }, Je = "s", Ri = "m", Wi = /* @__PURE__ */ R({
   __name: "ck-switch",
   props: /* @__PURE__ */ oe({
     preventAutoUpdate: { type: Boolean },
@@ -4432,43 +4432,47 @@ const Mi = /* @__PURE__ */ H(Si, [["__scopeId", "data-v-19f1984b"]]), xi = ["dis
     switchSide: {},
     color: {},
     icon: {},
-    iconPack: {}
+    iconPack: {},
+    label: {},
+    labelIcon: {},
+    labelIconRight: {},
+    colorText: {}
   }, {
     modelValue: { type: Boolean, required: !0 },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ oe(["click"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const t = ge(e, "modelValue"), n = e, a = o, { cleekOptions: l } = ae(ne()), s = d(() => {
-      const i = [];
-      n.squared && i.push("is-squared"), n.outlined && i.push("is-outlined"), n.color && i.push(`--${n.color}`);
+    const t = ge(e, "modelValue"), n = e, a = o, { cleekOptions: i } = ae(ne()), s = d(() => {
+      const l = [];
+      n.squared && l.push("is-squared"), n.outlined && l.push("is-outlined"), n.color && l.push(`--${n.color}`);
       let g = n.size || Je;
-      return i.push(`ck-switch--size-${g}`), i;
+      return l.push(`ck-switch--size-${g}`), l;
     }), c = d(() => ({
       "aria-disabled": n.disabled,
       tabindex: n.disabled ? void 0 : "0"
     })), u = d(() => {
-      const i = [];
-      return n.size && n.size !== Je && i.push(`ck-switch__icon-size--${n.size}`), i;
+      const l = [];
+      return n.size && n.size !== Je && l.push(`ck-switch__icon-size--${n.size}`), l;
     }), p = d(() => {
-      const i = [];
-      return l.value.darkMode && i.push({ color: l.value.darkModeColorText }), n.size && n.size !== Je && i.push(`ck-switch__icon-size--${n.size}`), i;
+      const l = [];
+      return i.value.darkMode && l.push({ color: i.value.darkModeColorText }), n.size && n.size !== Je && l.push(`ck-switch__icon-size--${n.size}`), n.colorText && !L.isColorTemplateVariable(n.colorText) && l.push({ color: n.colorText }), l;
     }), r = d(() => {
-      const i = [];
-      return n.textSize && n.textSize !== Ii && i.push(`ck-switch__text-size--${n.textSize}`), i;
+      const l = [];
+      return n.textSize && n.textSize !== Ri && l.push(`ck-switch__text-size--${n.textSize}`), n.colorText && L.isColorTemplateVariable(n.colorText) && l.push(`ck-component__color--${n.colorText}`), l;
     });
-    function v(i) {
+    function m(l) {
       if (!n.disabled) {
         if (n.preventAutoUpdate) {
-          i.preventDefault(), i.stopPropagation();
+          l.preventDefault(), l.stopPropagation();
           return;
         }
-        i instanceof KeyboardEvent && i.key === "Enter" && (t.value = !t.value), a("click");
+        l instanceof KeyboardEvent && l.key === "Enter" && (t.value = !t.value), a("click");
       }
     }
-    return (i, g) => (m(), y("label", Ie(c.value, {
+    return (l, g) => (v(), k("label", Ae(c.value, {
       class: ["ck-switch", s.value],
-      onClick: g[1] || (g[1] = (f) => v(f)),
+      onClick: g[1] || (g[1] = (f) => m(f)),
       onKeydown: [
         g[2] || (g[2] = he(se((f) => {
           t.value = !t.value, a("click");
@@ -4478,48 +4482,74 @@ const Mi = /* @__PURE__ */ H(Si, [["__scopeId", "data-v-19f1984b"]]), xi = ["dis
         }, ["prevent"]), ["enter"]))
       ]
     }), [
-      i.$slots.default && i.switchSide === "right" ? (m(), y("span", {
+      (l.$slots.default || l.label || l.labelIcon || l.labelIconRight) && l.switchSide === "right" ? (v(), k("span", {
         key: 0,
-        class: M(["ck-switch__content", r.value]),
+        class: I(["ck-switch__content", r.value]),
         style: F(p.value)
       }, [
-        W(i.$slots, "default", {}, void 0, !0)
-      ], 6)) : w("", !0),
+        l.labelIcon ? (v(), D(Q, {
+          key: 0,
+          icon: l.labelIcon,
+          "icon-pack": l.iconPack,
+          class: "ck-switch__label-icon"
+        }, null, 8, ["icon", "icon-pack"])) : C("", !0),
+        l.label ? (v(), k("span", Ii, M(l.label), 1)) : C("", !0),
+        l.labelIconRight ? (v(), D(Q, {
+          key: 2,
+          icon: l.labelIconRight,
+          "icon-pack": l.iconPack,
+          class: "ck-switch__label-icon"
+        }, null, 8, ["icon", "icon-pack"])) : C("", !0),
+        W(l.$slots, "default", {}, void 0, !0)
+      ], 6)) : C("", !0),
       ue($("input", {
         class: "ck-switch__input",
         type: "checkbox",
         "onUpdate:modelValue": g[0] || (g[0] = (f) => t.value = f),
         "aria-hidden": "true",
-        disabled: i.disabled
+        disabled: l.disabled
       }, null, 8, xi), [
         [Jt, t.value]
       ]),
       $("div", Ai, [
         g[4] || (g[4] = $("div", { class: "ck-switch__slider" }, null, -1)),
-        i.icon && t.value ? (m(), S(te, {
+        l.icon && t.value ? (v(), D(Q, {
           key: 0,
-          class: M(["ck-switch__icon-left", u.value]),
-          icon: i.icon,
-          "icon-pack": i.iconPack
-        }, null, 8, ["icon", "icon-pack", "class"])) : w("", !0),
-        i.icon && !t.value ? (m(), S(te, {
+          class: I(["ck-switch__icon-left", u.value]),
+          icon: l.icon,
+          "icon-pack": l.iconPack
+        }, null, 8, ["icon", "icon-pack", "class"])) : C("", !0),
+        l.icon && !t.value ? (v(), D(Q, {
           key: 1,
-          class: M(["ck-switch__icon-right", u.value]),
-          icon: i.icon,
-          "icon-pack": i.iconPack
-        }, null, 8, ["icon", "icon-pack", "class"])) : w("", !0)
+          class: I(["ck-switch__icon-right", u.value]),
+          icon: l.icon,
+          "icon-pack": l.iconPack
+        }, null, 8, ["icon", "icon-pack", "class"])) : C("", !0)
       ]),
-      i.$slots.default && i.switchSide !== "right" ? (m(), y("span", {
+      (l.$slots.default || l.label || l.labelIcon || l.labelIconRight) && l.switchSide !== "right" ? (v(), k("span", {
         key: 1,
-        class: M(["ck-switch__content", r.value]),
+        class: I(["ck-switch__content", r.value]),
         style: F(p.value)
       }, [
-        W(i.$slots, "default", {}, void 0, !0)
-      ], 6)) : w("", !0)
+        l.labelIcon ? (v(), D(Q, {
+          key: 0,
+          icon: l.labelIcon,
+          "icon-pack": l.iconPack,
+          class: "ck-switch__label-icon"
+        }, null, 8, ["icon", "icon-pack"])) : C("", !0),
+        l.label ? (v(), k("span", zi, M(l.label), 1)) : C("", !0),
+        l.labelIconRight ? (v(), D(Q, {
+          key: 2,
+          icon: l.labelIconRight,
+          "icon-pack": l.iconPack,
+          class: "ck-switch__label-icon"
+        }, null, 8, ["icon", "icon-pack"])) : C("", !0),
+        W(l.$slots, "default", {}, void 0, !0)
+      ], 6)) : C("", !0)
     ], 16));
   }
 });
-const Ri = /* @__PURE__ */ H(zi, [["__scopeId", "data-v-750acbd8"]]), Wi = { class: "ck-switch-options" }, Oi = ["onClick", "onKeyup"], Ei = /* @__PURE__ */ R({
+const Oi = /* @__PURE__ */ H(Wi, [["__scopeId", "data-v-e488e0d5"]]), Ei = { class: "ck-switch-options" }, Ni = ["onClick", "onKeyup"], Fi = /* @__PURE__ */ R({
   __name: "ck-switch-options",
   props: /* @__PURE__ */ oe({
     options: {},
@@ -4544,62 +4574,62 @@ const Ri = /* @__PURE__ */ H(zi, [["__scopeId", "data-v-750acbd8"]]), Wi = { cla
   }),
   emits: /* @__PURE__ */ oe(["change"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const t = ge(e, "modelValue"), n = e, a = o, { windowWidth: l } = ke(), s = d(() => {
-      const v = [];
-      return v.push(D.getGroupClass(n, l.value)), v;
+    const t = ge(e, "modelValue"), n = e, a = o, { windowWidth: i } = ke(), s = d(() => {
+      const m = [];
+      return m.push(L.getGroupClass(n, i.value)), m;
     }), c = d(() => {
-      const v = [];
-      return n.sameWidthOptions && v.push({ width: `${100 / (n.options || []).length}%` }), v;
+      const m = [];
+      return n.sameWidthOptions && m.push({ width: `${100 / (n.options || []).length}%` }), m;
     });
-    function u(v) {
-      return n.reduceValueFunction ? n.reduceValueFunction(v) : n.notReduceValue || n.notReduce ? v : n.reduceValueMethod ? v[n.reduceValueMethod]() : v[n.reduceValueProp];
+    function u(m) {
+      return n.reduceValueFunction ? n.reduceValueFunction(m) : n.notReduceValue || n.notReduce ? m : n.reduceValueMethod ? m[n.reduceValueMethod]() : m[n.reduceValueProp];
     }
-    function p(v) {
-      return n.reduceNameFunction ? n.reduceNameFunction(v) : n.notReduceName || n.notReduce ? v : n.reduceNameMethod ? v[n.reduceNameMethod]() : v[n.reduceNameProp];
+    function p(m) {
+      return n.reduceNameFunction ? n.reduceNameFunction(m) : n.notReduceName || n.notReduce ? m : n.reduceNameMethod ? m[n.reduceNameMethod]() : m[n.reduceNameProp];
     }
-    function r(v) {
-      const i = u(v);
-      t.value = i, a("change", i);
+    function r(m) {
+      const l = u(m);
+      t.value = l, a("change", l);
     }
-    return (v, i) => {
+    return (m, l) => {
       const g = Y("ck-icon");
-      return m(), y("div", Wi, [
-        v.label ? (m(), S(ze, {
+      return v(), k("div", Ei, [
+        m.label ? (v(), D(ze, {
           key: 0,
-          align: v.labelAlign
+          align: m.labelAlign
         }, {
           default: N(() => [
-            G(A(v.label), 1)
+            G(M(m.label), 1)
           ]),
           _: 1
-        }, 8, ["align"])) : w("", !0),
+        }, 8, ["align"])) : C("", !0),
         $("div", {
-          class: M(["switch-options--options", s.value])
+          class: I(["switch-options--options", s.value])
         }, [
-          (m(!0), y(K, null, re(v.options, (f, k) => (m(), y("div", {
-            key: k,
+          (v(!0), k(K, null, re(m.options, (f, y) => (v(), k("div", {
+            key: y,
             tabindex: "0",
-            class: M(["options--option", { selected: u(f) === t.value }]),
+            class: I(["options--option", { selected: u(f) === t.value }]),
             style: F(c.value),
             onClick: (b) => r(f),
             onKeyup: he((b) => r(f), ["enter"])
           }, [
-            f.icon ? (m(), S(g, {
+            f.icon ? (v(), D(g, {
               key: 0,
               class: "option--icon",
               icon: f.icon
-            }, null, 8, ["icon"])) : w("", !0),
-            G(" " + A(p(f)), 1)
-          ], 46, Oi))), 128))
+            }, null, 8, ["icon"])) : C("", !0),
+            G(" " + M(p(f)), 1)
+          ], 46, Ni))), 128))
         ], 2)
       ]);
     };
   }
 });
-const Ni = /* @__PURE__ */ H(Ei, [["__scopeId", "data-v-c323f4fa"]]), Fi = { class: "ck-textarea" }, ji = {
+const ji = /* @__PURE__ */ H(Fi, [["__scopeId", "data-v-c323f4fa"]]), Hi = { class: "ck-textarea" }, qi = {
   key: 0,
   class: "ck-textarea__optional-label"
-}, Hi = ["placeholder", "disabled"], qi = 300, Ui = /* @__PURE__ */ R({
+}, Ui = ["placeholder", "disabled"], Yi = 300, Gi = /* @__PURE__ */ R({
   __name: "ck-textarea",
   props: {
     modelValue: {},
@@ -4625,7 +4655,7 @@ const Ni = /* @__PURE__ */ H(Ei, [["__scopeId", "data-v-c323f4fa"]]), Fi = { cla
   },
   emits: ["update:modelValue", "input", "change", "click", "changeDelayed"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { cleekOptions: a } = ae(ne()), l = x(), { windowWidth: s } = ke(), c = d({
+    const t = e, n = o, { cleekOptions: a } = ae(ne()), i = x(), { windowWidth: s } = ke(), c = d({
       get() {
         return t.modelValue;
       },
@@ -4633,112 +4663,112 @@ const Ni = /* @__PURE__ */ H(Ei, [["__scopeId", "data-v-c323f4fa"]]), Fi = { cla
         t.capitalize && (f = Ee.capitalize(f)), n("update:modelValue", f), g(f);
       }
     }), u = d(() => {
-      const f = [], k = t.layout || a.value.styles.layout;
-      k && f.push(k);
+      const f = [], y = t.layout || a.value.styles.layout;
+      y && f.push(y);
       const b = t.borderColor || a.value.styles.borderColor;
-      return b && D.isColorTemplateVariable(b) && f.push(`ck-component__border-color--${b}`), f.push(D.getGroupClass(t, s.value)), f;
+      return b && L.isColorTemplateVariable(b) && f.push(`ck-component__border-color--${b}`), f.push(L.getGroupClass(t, s.value)), f;
     }), p = d(() => {
       var h;
-      const f = [], k = t.borderColor || ((h = a.value.styles) == null ? void 0 : h.borderColor);
-      k && !D.isColorTemplateVariable(k) && f.push({ "border-color": k }), t.align && f.push(`align--${t.align}`), t.fontSize && f.push({ "font-size": t.fontSize }), t.borderRadius && f.push({ "border-radius": t.borderRadius }), t.textColor && f.push({ color: t.textColor }), t.width && f.push({ width: t.width }), t.height && f.push({ height: t.height });
+      const f = [], y = t.borderColor || ((h = a.value.styles) == null ? void 0 : h.borderColor);
+      y && !L.isColorTemplateVariable(y) && f.push({ "border-color": y }), t.align && f.push(`align--${t.align}`), t.fontSize && f.push({ "font-size": t.fontSize }), t.borderRadius && f.push({ "border-radius": t.borderRadius }), t.textColor && f.push({ color: t.textColor }), t.width && f.push({ width: t.width }), t.height && f.push({ height: t.height });
       const b = t.resize ? t.resize : "none";
       return b && f.push({ resize: b || "both" }), f;
     }), r = (f) => {
-      var k;
-      t.autoSelect && ((k = l.value) == null || k.select()), n("click", f);
-    }, v = (f) => {
+      var y;
+      t.autoSelect && ((y = i.value) == null || y.select()), n("click", f);
+    }, m = (f) => {
       n("input", f);
-    }, i = (f) => {
+    }, l = (f) => {
       n("change", f);
     };
     function g(f) {
       setTimeout(() => {
         c.value === f && n("changeDelayed", f);
-      }, t.delayChangeTime || qi);
+      }, t.delayChangeTime || Yi);
     }
-    return (f, k) => (m(), y("div", Fi, [
-      f.label ? (m(), S(ze, {
+    return (f, y) => (v(), k("div", Hi, [
+      f.label ? (v(), D(ze, {
         key: 0,
         align: f.labelAlign
       }, {
         default: N(() => [
-          G(A(f.label) + " ", 1),
-          f.optional ? (m(), y("span", ji, "opcional")) : w("", !0)
+          G(M(f.label) + " ", 1),
+          f.optional ? (v(), k("span", qi, "opcional")) : C("", !0)
         ]),
         _: 1
-      }, 8, ["align"])) : w("", !0),
+      }, 8, ["align"])) : C("", !0),
       ue($("textarea", {
-        "onUpdate:modelValue": k[0] || (k[0] = (b) => c.value = b),
+        "onUpdate:modelValue": y[0] || (y[0] = (b) => c.value = b),
         ref_key: "refTextarea",
-        ref: l,
+        ref: i,
         placeholder: f.placeholder,
         disabled: f.disabled,
-        class: M(u.value),
+        class: I(u.value),
         style: F(p.value),
-        onClick: k[1] || (k[1] = (b) => r(b)),
-        onInput: k[2] || (k[2] = (b) => v(b)),
-        onChange: k[3] || (k[3] = (b) => i(b))
-      }, null, 46, Hi), [
+        onClick: y[1] || (y[1] = (b) => r(b)),
+        onInput: y[2] || (y[2] = (b) => m(b)),
+        onChange: y[3] || (y[3] = (b) => l(b))
+      }, null, 46, Ui), [
         [Fe, c.value]
       ])
     ]));
   }
 });
-const Yi = /* @__PURE__ */ H(Ui, [["__scopeId", "data-v-02767f25"]]), Gi = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy43LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNFQTRCNEI7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnPg0KCQk8Zz4NCgkJCTxyZWN0IHg9IjQ1IiB5PSI2NC45IiBjbGFzcz0ic3QwIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAuMiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxnPg0KCQk8Zz4NCgkJCTxyZWN0IHg9IjQ1IiB5PSIyNC45IiBjbGFzcz0ic3QwIiB3aWR0aD0iMTAiIGhlaWdodD0iMzAuMiIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTY5LjIsMTYuN0w4OC41LDUwTDY5LjIsODMuM0gzMC44TDExLjUsNTBsMTkuMi0zMy4zSDY5LjIgTTc1LDYuN0gyNUwwLDUwbDI1LDQzLjNoNTBMMTAwLDUwTDc1LDYuN0w3NSw2Ljd6Ig0KCS8+DQo8L3N2Zz4NCg==", Zi = { class: "ck-confirm--background" }, Ki = { class: "ck-confirm" }, Qi = { class: "ck-confirm__title" }, Ji = { class: "ck-confirm__message" }, Xi = { class: "ck-confirm__buttons-container" }, es = /* @__PURE__ */ R({
+const Zi = /* @__PURE__ */ H(Gi, [["__scopeId", "data-v-02767f25"]]), Ki = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy43LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNFQTRCNEI7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnPg0KCQk8Zz4NCgkJCTxyZWN0IHg9IjQ1IiB5PSI2NC45IiBjbGFzcz0ic3QwIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAuMiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxnPg0KCQk8Zz4NCgkJCTxyZWN0IHg9IjQ1IiB5PSIyNC45IiBjbGFzcz0ic3QwIiB3aWR0aD0iMTAiIGhlaWdodD0iMzAuMiIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTY5LjIsMTYuN0w4OC41LDUwTDY5LjIsODMuM0gzMC44TDExLjUsNTBsMTkuMi0zMy4zSDY5LjIgTTc1LDYuN0gyNUwwLDUwbDI1LDQzLjNoNTBMMTAwLDUwTDc1LDYuN0w3NSw2Ljd6Ig0KCS8+DQo8L3N2Zz4NCg==", Qi = { class: "ck-confirm--background" }, Ji = { class: "ck-confirm" }, Xi = { class: "ck-confirm__title" }, es = { class: "ck-confirm__message" }, ts = { class: "ck-confirm__buttons-container" }, os = /* @__PURE__ */ R({
   __name: "CkConfirm",
   setup(e, { expose: o }) {
-    const t = x(""), n = x(""), a = x(""), l = x(""), s = x(() => {
+    const t = x(""), n = x(""), a = x(""), i = x(""), s = x(() => {
     }), c = x(() => {
     }), u = d(() => "¿Estás seguro?"), p = d(() => "Aceptar"), r = d(() => "Cancelar");
-    function v() {
+    function m() {
       c.value();
     }
-    function i() {
+    function l() {
       s.value();
     }
     return o({
       title: t,
       msg: n,
       acceptText: a,
-      cancelText: l,
+      cancelText: i,
       responseSuccess: s,
       responseFailure: c
-    }), (g, f) => (m(), y("div", Zi, [
-      $("div", Ki, [
+    }), (g, f) => (v(), k("div", Qi, [
+      $("div", Ji, [
         f[2] || (f[2] = $("div", { class: "ck-confirm__icon" }, [
           $("img", {
-            src: Gi,
+            src: Ki,
             height: "125"
           })
         ], -1)),
-        $("div", Qi, A(t.value || u.value), 1),
-        $("div", Ji, A(n.value), 1),
-        $("div", Xi, [
+        $("div", Xi, M(t.value || u.value), 1),
+        $("div", es, M(n.value), 1),
+        $("div", ts, [
           $("button", {
             class: "ck-confirm__button--cancel",
-            onClick: f[0] || (f[0] = (k) => v())
-          }, A(l.value || r.value), 1),
+            onClick: f[0] || (f[0] = (y) => m())
+          }, M(i.value || r.value), 1),
           $("button", {
             class: "ck-confirm__button--accept",
-            onClick: f[1] || (f[1] = (k) => i())
-          }, A(a.value || p.value), 1)
+            onClick: f[1] || (f[1] = (y) => l())
+          }, M(a.value || p.value), 1)
         ])
       ])
     ]));
   }
 });
-const ts = /* @__PURE__ */ H(es, [["__scopeId", "data-v-817a5ee4"]]), os = { class: "alert--msg" }, ns = /* @__PURE__ */ R({
+const ns = /* @__PURE__ */ H(os, [["__scopeId", "data-v-817a5ee4"]]), as = { class: "alert--msg" }, ls = /* @__PURE__ */ R({
   __name: "CkAlert",
   setup(e, { expose: o }) {
-    const t = x(""), n = x(""), a = x(""), l = x(!0), s = d(() => "Atención"), c = d(() => "Aceptar");
+    const t = x(""), n = x(""), a = x(""), i = x(!0), s = d(() => "Atención"), c = d(() => "Aceptar");
     return o({
       title: t,
       msg: n,
       acceptText: a
-    }), (u, p) => (m(), S(Ae, { to: "body" }, [
+    }), (u, p) => (v(), D(xe, { to: "body" }, [
       U(nt, {
-        modelValue: l.value,
-        "onUpdate:modelValue": p[0] || (p[0] = (r) => l.value = r),
+        modelValue: i.value,
+        "onUpdate:modelValue": p[0] || (p[0] = (r) => i.value = r),
         acceptButton: "",
         notCloseBtn: "",
         headerColor: "primary",
@@ -4746,30 +4776,30 @@ const ts = /* @__PURE__ */ H(es, [["__scopeId", "data-v-817a5ee4"]]), os = { cla
         acceptBtnType: "filled",
         title: t.value || s.value,
         acceptBtnText: a.value || c.value,
-        onAccept: p[1] || (p[1] = (r) => l.value = !1)
+        onAccept: p[1] || (p[1] = (r) => i.value = !1)
       }, {
         default: N(() => [
-          $("div", os, A(n.value), 1)
+          $("div", as, M(n.value), 1)
         ]),
         _: 1
       }, 8, ["modelValue", "title", "acceptBtnText"])
     ]));
   }
 });
-const as = /* @__PURE__ */ H(ns, [["__scopeId", "data-v-08c93dad"]]), ls = { class: "ck-notify__container" }, is = { class: "ck-notify__title" }, ss = { class: "close-btn" }, rs = ["innerHTML"], us = /* @__PURE__ */ R({
+const is = /* @__PURE__ */ H(ls, [["__scopeId", "data-v-08c93dad"]]), ss = { class: "ck-notify__container" }, rs = { class: "ck-notify__title" }, us = { class: "close-btn" }, cs = ["innerHTML"], ds = /* @__PURE__ */ R({
   __name: "CkNotify",
   setup(e, { expose: o }) {
-    const t = x(!0), n = x(""), a = x(""), l = x(""), s = x(0), c = x(() => {
+    const t = x(!0), n = x(""), a = x(""), i = x(""), s = x(0), c = x(() => {
     });
     o({
       title: n,
       text: a,
-      color: l,
+      color: i,
       duration: s,
       closeCallback: c
     });
     const u = d(() => {
-      switch (l.value) {
+      switch (i.value) {
         case "success":
           return "Éxito";
         case "danger":
@@ -4779,11 +4809,11 @@ const as = /* @__PURE__ */ H(ns, [["__scopeId", "data-v-08c93dad"]]), ls = { cla
       }
       return "";
     }), p = d(() => {
-      const v = [];
-      return l.value && D.isColorTemplateVariable(l.value) && v.push(`ck-component__bg-color--${l.value}`), v;
+      const m = [];
+      return i.value && L.isColorTemplateVariable(i.value) && m.push(`ck-component__bg-color--${i.value}`), m;
     }), r = d(() => {
-      const v = [];
-      return l.value && !D.isColorTemplateVariable(l.value) && v.push({ "background-color": l.value }), v;
+      const m = [];
+      return i.value && !L.isColorTemplateVariable(i.value) && m.push({ "background-color": i.value }), m;
     });
     return _e(() => {
       setTimeout(() => {
@@ -4791,34 +4821,34 @@ const as = /* @__PURE__ */ H(ns, [["__scopeId", "data-v-08c93dad"]]), ls = { cla
           c.value();
         }, s.value);
       }, 10);
-    }), (v, i) => t.value ? (m(), S(Ae, {
+    }), (m, l) => t.value ? (v(), D(xe, {
       key: 0,
       to: "body"
     }, [
-      $("div", ls, [
+      $("div", ss, [
         $("div", {
-          class: M(["ck-notify", p.value]),
+          class: I(["ck-notify", p.value]),
           style: F(r.value),
-          onClick: i[0] || (i[0] = (g) => {
+          onClick: l[0] || (l[0] = (g) => {
             t.value = !1, c.value();
           })
         }, [
-          $("div", is, [
-            $("div", ss, [
-              U(te, { icon: "times" })
+          $("div", rs, [
+            $("div", us, [
+              U(Q, { icon: "times" })
             ]),
-            G(" " + A(n.value || u.value), 1)
+            G(" " + M(n.value || u.value), 1)
           ]),
           $("div", {
             class: "ck-notify__text",
             innerHTML: a.value
-          }, null, 8, rs)
+          }, null, 8, cs)
         ], 6)
       ])
-    ])) : w("", !0);
+    ])) : C("", !0);
   }
 });
-const cs = /* @__PURE__ */ H(us, [["__scopeId", "data-v-bb914f84"]]), ds = 3e3, ps = {
+const ps = /* @__PURE__ */ H(ds, [["__scopeId", "data-v-bb914f84"]]), vs = 3e3, ms = {
   alert(e) {
     this.alertOptions({
       title: "",
@@ -4827,8 +4857,8 @@ const cs = /* @__PURE__ */ H(us, [["__scopeId", "data-v-bb914f84"]]), ds = 3e3,
     });
   },
   alertOptions({ title: e = "", msg: o = "", acceptText: t = "" }) {
-    const n = document.createElement("div"), l = Ge(as).mount(n);
-    l.title = e, l.msg = o, l.acceptText = t, document.body.appendChild(l.$el);
+    const n = document.createElement("div"), i = Ge(is).mount(n);
+    i.title = e, i.msg = o, i.acceptText = t, document.body.appendChild(i.$el);
   },
   confirmOptions({
     title: e = "",
@@ -4837,14 +4867,14 @@ const cs = /* @__PURE__ */ H(us, [["__scopeId", "data-v-bb914f84"]]), ds = 3e3,
     cancelText: n = "",
     success: a = () => {
     },
-    failure: l = () => {
+    failure: i = () => {
     }
   }) {
-    const s = document.createElement("div"), c = Ge(ts), u = c.mount(s);
+    const s = document.createElement("div"), c = Ge(ns), u = c.mount(s);
     u.title = e, u.msg = o, u.acceptText = t, u.cancelText = n, u.responseSuccess = () => {
       c.unmount(), a();
     }, u.responseFailure = () => {
-      c.unmount(), l();
+      c.unmount(), i();
     }, document.body.appendChild(u.$el);
   },
   confirm(e, o, t) {
@@ -4855,9 +4885,9 @@ const cs = /* @__PURE__ */ H(us, [["__scopeId", "data-v-bb914f84"]]), ds = 3e3,
     });
   },
   notify({ text: e = "", title: o = "", color: t = "", duration: n = 0 }) {
-    const a = document.createElement("div"), l = Ge(cs), s = l.mount(a);
-    s.title = o, s.text = e, s.color = t, s.duration = n || ds, s.closeCallback = () => {
-      l.unmount();
+    const a = document.createElement("div"), i = Ge(ps), s = i.mount(a);
+    s.title = o, s.text = e, s.color = t, s.duration = n || vs, s.closeCallback = () => {
+      i.unmount();
     };
   },
   notifySuccess(e, o = "", t) {
@@ -4870,7 +4900,7 @@ const cs = /* @__PURE__ */ H(us, [["__scopeId", "data-v-bb914f84"]]), ds = 3e3,
     this.notify({ text: e, title: o, color: "warning", duration: t });
   }
 };
-class vs {
+class fs {
   constructor(o) {
     ye(this, "search", "");
     ye(this, "currentPage", 1);
@@ -4881,7 +4911,7 @@ class vs {
     o && (this.itemsPerPage = o);
   }
 }
-class ms {
+class hs {
   constructor(o, t) {
     ye(this, "ids", /* @__PURE__ */ new Set([]));
     ye(this, "toggleable", !0);
@@ -4918,20 +4948,20 @@ class ms {
     this.ids.clear();
   }
 }
-const fs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const gs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  CkButton: Te,
+  CkButton: Be,
   CkCard: Zl,
   CkCheckbox: Pt,
   CkChip: oi,
   CkCircle: si,
-  CkDatetimeShower: Ao,
+  CkDatetimeShower: xo,
   CkDiv: ri,
   CkDropdown: Oo,
   CkDropdownButton: Hl,
-  CkIcon: te,
+  CkIcon: Q,
   CkImg: pi,
-  CkInput: Tt,
+  CkInput: Bt,
   CkInputDate: wl,
   CkInputTime: $l,
   CkLabel: ze,
@@ -4939,46 +4969,46 @@ const fs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   CkPagination: Yn,
   CkPopup: nt,
   CkRadio: gi,
-  CkSelect: Ti,
+  CkSelect: Bi,
   CkSidebar: Mi,
-  CkSwitch: Ri,
-  CkSwitchOptions: Ni,
+  CkSwitch: Oi,
+  CkSwitchOptions: ji,
   CkTab: Pl,
   CkTable: Un,
-  CkTabs: xl,
-  CkTd: Bt,
-  CkTextarea: Yi,
+  CkTabs: Il,
+  CkTd: Tt,
+  CkTextarea: Zi,
   CkTh: Qn,
   CkTimeShower: Ro,
   CkToggle: zl,
   CkToggleGroup: Ol,
   CkTr: $t,
-  SelectedRows: ms,
-  TableData: vs,
-  ckNotify: ps,
+  SelectedRows: hs,
+  TableData: fs,
+  ckNotify: ms,
   useWindowWidth: ke
 }, Symbol.toStringTag, { value: "Module" }));
 tt.add(Rt);
 tt.add(Wt);
 tt.add(Ot);
-function Ps(e, o) {
-  ne().cleekOptions = $o(wt, o), e.use(Vo), e.use(zt, Co), Object.entries(fs).forEach(([t, n]) => {
+function Ds(e, o) {
+  ne().cleekOptions = $o(wt, o), e.use(Vo), e.use(zt, Co), Object.entries(gs).forEach(([t, n]) => {
     e.component(t, n);
   });
 }
 export {
-  Te as CkButton,
+  Be as CkButton,
   Zl as CkCard,
   Pt as CkCheckbox,
   oi as CkChip,
   si as CkCircle,
-  Ao as CkDatetimeShower,
+  xo as CkDatetimeShower,
   ri as CkDiv,
   Oo as CkDropdown,
   Hl as CkDropdownButton,
-  te as CkIcon,
+  Q as CkIcon,
   pi as CkImg,
-  Tt as CkInput,
+  Bt as CkInput,
   wl as CkInputDate,
   $l as CkInputTime,
   ze as CkLabel,
@@ -4986,24 +5016,24 @@ export {
   Yn as CkPagination,
   nt as CkPopup,
   gi as CkRadio,
-  Ti as CkSelect,
+  Bi as CkSelect,
   Mi as CkSidebar,
-  Ri as CkSwitch,
-  Ni as CkSwitchOptions,
+  Oi as CkSwitch,
+  ji as CkSwitchOptions,
   Pl as CkTab,
   Un as CkTable,
-  xl as CkTabs,
-  Bt as CkTd,
-  Yi as CkTextarea,
+  Il as CkTabs,
+  Tt as CkTd,
+  Zi as CkTextarea,
   Qn as CkTh,
   Ro as CkTimeShower,
   zl as CkToggle,
   Ol as CkToggleGroup,
   $t as CkTr,
-  ms as SelectedRows,
-  vs as TableData,
-  ps as ckNotify,
-  Ps as default,
+  hs as SelectedRows,
+  fs as TableData,
+  ms as ckNotify,
+  Ds as default,
   ne as useCleekOptionsStore,
   ke as useWindowWidth
 };