cleek 2.10.86 → 2.11.1

package/dist/main.es.js

@@ -1,17 +1,17 @@
-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 It from "floating-vue";
+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);
+import zt from "floating-vue";
 import { library as tt } from "@fortawesome/fontawesome-svg-core";
-import { fas as zt } from "@fortawesome/free-solid-svg-icons";
-import { far as Rt } from "@fortawesome/free-regular-svg-icons";
-import { fab as Wt } from "@fortawesome/free-brands-svg-icons";
-import { ref as x, computed as d, watch as ce, defineComponent as R, resolveDirective as ft, openBlock as v, createElementBlock as b, toDisplayString as A, createTextVNode as G, createCommentVNode as C, withDirectives as ue, Fragment as Z, unref as we, createElementVNode as $, onMounted as _e, withKeys as he, renderSlot as O, createBlock as L, Teleport as xe, normalizeClass as M, normalizeStyle as E, resolveComponent as U, nextTick as ht, onBeforeUnmount as ot, mergeModels as ee, useModel as ge, withCtx as H, vModelDynamic as Ot, createVNode as Y, renderList as de, vModelText as Ee, mergeProps as Fe, withModifiers as ie, watchEffect as Ye, resolveDynamicComponent as Nt, vShow as Pe, pushScopeId as Et, popScopeId as Ft, inject as jt, provide as Ht, onUpdated as qt, vModelRadio as Ut, vModelSelect as Yt, vModelCheckbox as Gt, createApp as Ge } from "vue";
-import { defineStore as Zt, storeToRefs as ne } from "pinia";
-import { qmDate as be, qmStr as We, qmObj as Kt } from "quantic-methods";
-import { FontAwesomeIcon as Qt } from "@fortawesome/vue-fontawesome";
-import { isValid as pe, startOfDecade as Jt, endOfDecade as Xt, eachYearOfInterval as eo, getYear as me, getDecade as ze, isBefore as Se, isAfter as Me, subYears as gt, addYears as kt, startOfYear as to, endOfYear as oo, format as Oe, eachMonthOfInterval as no, isSameMonth as Xe, isSameYear as it, startOfMonth as yt, endOfMonth as bt, startOfWeek as ao, endOfWeek as lo, setDay as io, eachDayOfInterval as so, isSameDay as Ze, isWithinInterval as ro, subMonths as uo, addMonths as co, set as st, isSameHour as po, isSameMinute as vo, parse as rt, startOfDay as mo, endOfDay as fo, max as ho, min as go } from "date-fns";
-const ko = {
+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 de, defineComponent as R, resolveDirective as ht, openBlock as v, createElementBlock as y, toDisplayString as A, createTextVNode as G, createCommentVNode as w, withDirectives as ce, Fragment as Z, unref as we, createElementVNode as $, onMounted as _e, withKeys as he, renderSlot as O, createBlock as L, Teleport as Ae, normalizeClass as S, normalizeStyle as F, resolveComponent as Y, nextTick as gt, onBeforeUnmount as ot, mergeModels as ee, useModel as ge, withCtx as N, vModelDynamic as Et, createVNode as U, renderList as ue, vModelText as Fe, mergeProps as Ie, withModifiers as se, watchEffect as Ye, resolveDynamicComponent as Nt, vShow as Pe, pushScopeId as Ft, popScopeId as jt, inject as Ht, provide as qt, onUpdated as Ut, Transition as Yt, vModelRadio as Gt, vModelSelect as Zt, vModelCheckbox as Kt, createApp as Ge } from "vue";
+import { defineStore as Qt, storeToRefs as ae } from "pinia";
+import { qmDate as be, qmStr as Ee, qmObj as Jt } from "quantic-methods";
+import { FontAwesomeIcon as Xt } from "@fortawesome/vue-fontawesome";
+import { isValid as pe, startOfDecade as eo, endOfDecade as to, eachYearOfInterval as oo, getYear as me, getDecade as We, isBefore as Se, isAfter as Me, subYears as kt, addYears as yt, startOfYear as no, endOfYear as ao, format as Ne, eachMonthOfInterval as lo, isSameMonth as Xe, isSameYear as it, startOfMonth as bt, endOfMonth as _t, startOfWeek as io, endOfWeek as so, setDay as ro, eachDayOfInterval as uo, isSameDay as Ze, isWithinInterval as co, subMonths as po, addMonths as vo, set as st, isSameHour as mo, isSameMinute as fo, parse as rt, startOfDay as ho, endOfDay as go, max as ko, min as yo } from "date-fns";
+const bo = {
   themes: {
     tooltip: {
       triggers: ["hover", "focus", "touch"],
@@ -19,26 +19,26 @@ const ko = {
     }
   }
 };
-function yo(e) {
+function _o(e) {
   return !!(e && typeof e == "object" && !Array.isArray(e));
 }
 function et(e, o) {
   for (const t in o)
-    yo(o[t]) ? (e[t] || (e[t] = {}), et(e[t], o[t])) : e[t] = o[t];
+    _o(o[t]) ? (e[t] || (e[t] = {}), et(e[t], o[t])) : e[t] = o[t];
 }
-function bo(e, o) {
+function Co(e, o) {
   const t = {};
   return et(t, e), et(t, o), t;
 }
-var _o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Co(e) {
+var wo = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function $o(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var _t = { exports: {} };
+var Ct = { exports: {} };
 (function(e, o) {
   (function(t, n) {
     e.exports = n();
-  })(_o, function() {
+  })(wo, 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"], i = function(s) {
       var m = s.event, r = s.handler;
       (0, s.middleware)(m) && r(m);
@@ -50,31 +50,31 @@ var _t = { exports: {} };
         return { handler: W ? B : B.handler, middleware: B.middleware || function(P) {
           return P;
         }, events: B.events || l, isActive: B.isActive !== !1, detectIframe: B.detectIframe !== !1, capture: !!B.capture };
-      }(m.value), g = r.handler, f = r.middleware, k = r.detectIframe, y = r.capture;
+      }(m.value), g = r.handler, f = r.middleware, k = r.detectIframe, b = r.capture;
       if (r.isActive) {
         if (s[t] = r.events.map(function(B) {
           return { event: B, srcTarget: document.documentElement, handler: function(W) {
             return function(P) {
-              var T = P.el, S = P.event, F = P.handler, X = P.middleware, ae = S.path || S.composedPath && S.composedPath();
-              (ae ? ae.indexOf(T) < 0 : !T.contains(S.target)) && i({ event: S, handler: F, middleware: X });
+              var T = P.el, M = P.event, j = P.handler, X = P.middleware, le = M.path || M.composedPath && M.composedPath();
+              (le ? le.indexOf(T) < 0 : !T.contains(M.target)) && i({ event: M, handler: j, middleware: X });
             }({ el: s, event: W, handler: g, middleware: f });
-          }, capture: y };
+          }, capture: b };
         }), k) {
           var h = { event: "blur", srcTarget: window, handler: function(B) {
             return function(W) {
-              var P = W.el, T = W.event, S = W.handler, F = W.middleware;
+              var P = W.el, T = W.event, M = W.handler, j = W.middleware;
               setTimeout(function() {
                 var X = document.activeElement;
-                X && X.tagName === "IFRAME" && !P.contains(X) && i({ event: T, handler: S, middleware: F });
+                X && X.tagName === "IFRAME" && !P.contains(X) && i({ event: T, handler: M, middleware: j });
               }, 0);
             }({ el: s, event: B, handler: g, middleware: f });
-          }, capture: y };
+          }, capture: b };
           s[t] = [].concat(s[t], [h]);
         }
         s[t].forEach(function(B) {
           var W = B.event, P = B.srcTarget, T = B.handler;
           return setTimeout(function() {
-            s[t] && P.addEventListener(W, T, y);
+            s[t] && P.addEventListener(W, T, b);
           }, 0);
         });
       }
@@ -90,9 +90,9 @@ var _t = { exports: {} };
       s.directive("click-outside", p);
     }, directive: p };
   });
-})(_t);
-var wo = _t.exports;
-const $o = /* @__PURE__ */ Co(wo), Ct = {
+})(Ct);
+var To = Ct.exports;
+const Bo = /* @__PURE__ */ $o(To), wt = {
   lang: "en",
   darkMode: !1,
   darkModeColorText: "#ccc",
@@ -150,21 +150,21 @@ const $o = /* @__PURE__ */ Co(wo), Ct = {
     headerBackgroundColor: ""
   }
 };
-function To(e) {
+function Po(e) {
   e = e.replace(/^#/, "");
   const o = parseInt(e.substring(0, 2), 16), t = parseInt(e.substring(2, 4), 16), n = parseInt(e.substring(4, 6), 16);
   return { r: o, g: t, b: n };
 }
-function Bo(e) {
+function Vo(e) {
   const o = document.querySelector(":root");
   for (const t in e) {
-    const n = e[t], a = To(e[t]);
+    const n = e[t], a = Po(e[t]);
     o.style.setProperty(`--${t}`, n), o.style.setProperty(`--${t}-rgb`, `${a.r}, ${a.g}, ${a.b}`);
   }
 }
-const te = Zt("cleek-options", () => {
-  const e = x(Ct), 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), i = d(() => e.value.img), c = d(() => e.value.popup), u = d(() => e.value.select), p = d(() => e.value.table);
-  return ce(o, (s) => Bo(s), { deep: !0, immediate: !0 }), {
+const te = Qt("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), i = d(() => e.value.img), c = d(() => e.value.popup), u = d(() => e.value.select), p = d(() => e.value.table);
+  return de(o, (s) => Vo(s), { deep: !0, immediate: !0 }), {
     cleekOptions: e,
     colorsOptions: o,
     stylesOptions: t,
@@ -176,13 +176,13 @@ const te = Zt("cleek-options", () => {
     selectOptions: u,
     tableOptions: p
   };
-}), Po = {
+}), Do = {
   key: 0,
   class: "help-text"
-}, Vo = {
+}, Lo = {
   key: 0,
   class: "pl-1"
-}, Do = /* @__PURE__ */ R({
+}, So = /* @__PURE__ */ R({
   __name: "ck-datetime-shower",
   props: {
     datetime: {},
@@ -204,15 +204,15 @@ const te = Zt("cleek-options", () => {
       return `${p}:${s}`;
     }
     return (u, p) => {
-      const s = ft("tooltip");
-      return l.value ? u.split || u.date ? (v(), b("div", {
+      const s = ht("tooltip");
+      return l.value ? u.split || u.date ? (v(), y("div", {
         key: 1,
         class: "ck-datetime-shower--split",
         onClick: p[0] || (p[0] = (m) => n("click", m))
       }, [
         G(A(l.value) + " ", 1),
-        a.value ? (v(), b("span", Vo, " | " + A(a.value), 1)) : C("", !0)
-      ])) : ue((v(), b("div", {
+        a.value ? (v(), y("span", Lo, " | " + A(a.value), 1)) : w("", !0)
+      ])) : ce((v(), y("div", {
         key: 2,
         class: "ck-datetime-shower",
         onClick: p[1] || (p[1] = (m) => n("click", m))
@@ -220,33 +220,33 @@ const te = Zt("cleek-options", () => {
         G(A(l.value), 1)
       ])), [
         [s, a.value]
-      ]) : (v(), b("span", Po, A(u.noDateMsg), 1));
+      ]) : (v(), y("span", Do, A(u.noDateMsg), 1));
     };
   }
 });
-const q = (e, o) => {
+const H = (e, o) => {
   const t = e.__vccOpts || e;
   for (const [n, a] of o)
     t[n] = a;
   return t;
-}, Lo = /* @__PURE__ */ q(Do, [["__scopeId", "data-v-49af3639"]]), So = { class: "ck-time-shower" }, Mo = /* @__PURE__ */ R({
+}, Mo = /* @__PURE__ */ H(So, [["__scopeId", "data-v-49af3639"]]), xo = { class: "ck-time-shower" }, Ao = /* @__PURE__ */ R({
   __name: "ck-time-shower",
   props: {
     time: {},
     minutes: {}
   },
   setup(e) {
-    return (o, t) => (v(), b("span", So, [
-      o.minutes ? (v(), b(Z, { key: 0 }, [
+    return (o, t) => (v(), y("span", xo, [
+      o.minutes ? (v(), y(Z, { key: 0 }, [
         G(A(we(be).minToHour(o.minutes)), 1)
-      ], 64)) : (v(), b(Z, { key: 1 }, [
+      ], 64)) : (v(), y(Z, { key: 1 }, [
         G(A(we(be).presentTime(o.time)), 1)
       ], 64)),
       t[0] || (t[0] = $("span", { class: "hs-text" }, " hs ", -1))
     ]));
   }
 });
-const xo = /* @__PURE__ */ q(Mo, [["__scopeId", "data-v-dc82897f"]]), Ao = /* @__PURE__ */ R({
+const Io = /* @__PURE__ */ H(Ao, [["__scopeId", "data-v-dc82897f"]]), zo = /* @__PURE__ */ R({
   __name: "ck-dropdown",
   props: {
     align: {},
@@ -258,18 +258,18 @@ const xo = /* @__PURE__ */ q(Mo, [["__scopeId", "data-v-dc82897f"]]), Ao = /* @_
     o({
       close: p
     });
-    const { cleekOptions: n } = ne(te()), a = x(!1), l = x(), i = x(), c = x(), u = d(() => {
+    const { cleekOptions: n } = ae(te()), a = x(!1), l = x(), i = x(), c = x(), u = d(() => {
       const s = [];
       t.dark && s.push("ck-dropdown--content__dark");
       const m = t.layout || n.value.styles.layout;
       return m && s.push(`ck-dropdown--content__${m}`), s;
     });
-    ce(() => a.value, (s) => {
+    de(() => a.value, (s) => {
       if (s) {
         const m = document.documentElement.clientHeight, r = document.documentElement.clientWidth, g = l.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 = `${r - g.right}px`), c.value = f;
       }
-    }), ce(() => i.value, (s) => {
+    }), de(() => i.value, (s) => {
       if (s && t.align !== "left" && t.align !== "right") {
         const m = l.value.getBoundingClientRect();
         c.value.left = `${m.left + m.width / 2 - s.getBoundingClientRect().width / 2}px`;
@@ -281,8 +281,8 @@ const xo = /* @__PURE__ */ q(Mo, [["__scopeId", "data-v-dc82897f"]]), Ao = /* @_
     return _e(() => {
       window.addEventListener("scroll", () => a.value = !1);
     }), (s, m) => {
-      const r = ft("click-outside");
-      return v(), b("div", {
+      const r = ht("click-outside");
+      return v(), y("div", {
         ref_key: "dropdownRef",
         ref: l,
         class: "ck-dropdown",
@@ -295,24 +295,24 @@ const xo = /* @__PURE__ */ q(Mo, [["__scopeId", "data-v-dc82897f"]]), Ao = /* @_
         }, [
           O(s.$slots, "trigger", {}, void 0, !0)
         ]),
-        (v(), L(xe, { to: "body" }, [
-          a.value ? ue((v(), b("div", {
+        (v(), L(Ae, { to: "body" }, [
+          a.value ? ce((v(), y("div", {
             key: 0,
             ref_key: "contentRef",
             ref: i,
-            class: M(["ck-dropdown--content", u.value]),
-            style: E(c.value)
+            class: S(["ck-dropdown--content", u.value]),
+            style: F(c.value)
           }, [
             O(s.$slots, "content", {}, void 0, !0)
           ], 6)), [
             [r, () => a.value = !1]
-          ]) : C("", !0)
+          ]) : w("", !0)
         ]))
       ], 544);
     };
   }
 });
-const Io = /* @__PURE__ */ q(Ao, [["__scopeId", "data-v-ee86f04f"]]), zo = "fixed", Ro = /* @__PURE__ */ R({
+const Ro = /* @__PURE__ */ H(zo, [["__scopeId", "data-v-ee86f04f"]]), Wo = "fixed", Oo = /* @__PURE__ */ R({
   __name: "ck-navbar",
   props: {
     backgroundColor: {},
@@ -320,40 +320,40 @@ const Io = /* @__PURE__ */ q(Ao, [["__scopeId", "data-v-ee86f04f"]]), zo = "fixe
     position: {}
   },
   setup(e) {
-    const o = e, { cleekOptions: t } = ne(te()), n = d(() => {
+    const o = e, { cleekOptions: t } = ae(te()), n = d(() => {
       const i = [];
       return o.padding && i.push("has-padding"), i;
     }), a = d(() => {
       const i = [];
       o.padding && i.push({ padding: o.padding });
-      const c = o.position || zo;
+      const c = o.position || Wo;
       return c && i.push({ position: c }), i;
     }), l = d(() => {
       const i = [];
       let c = "";
       return t.value.darkMode && (c = t.value.darkModeColorItems), o.backgroundColor && (c = o.backgroundColor), c && i.push({ backgroundColor: c }), i;
     });
-    return (i, c) => (v(), b("div", {
+    return (i, c) => (v(), y("div", {
       class: "ck-navbar",
-      style: E(a.value)
+      style: F(a.value)
     }, [
       $("div", {
-        class: M(["ck-navbar__content", n.value]),
-        style: E(l.value)
+        class: S(["ck-navbar__content", n.value]),
+        style: F(l.value)
       }, [
         O(i.$slots, "default", {}, void 0, !0)
       ], 6)
     ], 4));
   }
 });
-const Wo = /* @__PURE__ */ q(Ro, [["__scopeId", "data-v-3a574311"]]);
-const Oo = {}, No = { class: "ck-tr" };
-function Eo(e, o) {
-  return v(), b("tr", No, [
+const Eo = /* @__PURE__ */ H(Oo, [["__scopeId", "data-v-3a574311"]]);
+const No = {}, Fo = { class: "ck-tr" };
+function jo(e, o) {
+  return v(), y("tr", Fo, [
     O(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const wt = /* @__PURE__ */ q(Oo, [["render", Eo], ["__scopeId", "data-v-53984b6f"]]), D = {
+const $t = /* @__PURE__ */ H(No, [["render", jo], ["__scopeId", "data-v-53984b6f"]]), D = {
   getGroupClass({
     group: e,
     groupVertical: o,
@@ -393,7 +393,7 @@ const wt = /* @__PURE__ */ q(Oo, [["render", Eo], ["__scopeId", "data-v-53984b6f
   isColumnDisplayed(e) {
     return e.neverDisplay || e.isDisplayed === !1 ? !1 : e.unchangeable ? e.isDisplayed === !0 : !0;
   }
-}, Fo = /* @__PURE__ */ R({
+}, Ho = /* @__PURE__ */ R({
   __name: "ck-td",
   props: {
     col: {},
@@ -420,34 +420,34 @@ const wt = /* @__PURE__ */ q(Oo, [["render", Eo], ["__scopeId", "data-v-53984b6f
       const i = [], c = o.align || ((u = o.col) == null ? void 0 : u.align);
       return c && (c === "center" && i.push("align-center"), c === "right" && i.push("align-right")), (o.block || (p = o.col) != null && p.block) && i.push("block"), (o.nowrap || (s = o.col) != null && s.nowrap) && i.push("no-wrap-text"), i;
     }), a = d(() => {
-      var p, s, m, r, g, f, k, y, h;
+      var p, s, m, r, g, f, k, b, h;
       const i = {};
       let c;
       (o.minWidth || (p = o.col) != null && p.minWidth) && (c = o.minWidth || ((s = o.col) == null ? void 0 : s.minWidth)), (o.fixedWidth || (m = o.col) != null && m.fixedWidth) && (c = o.fixedWidth || ((r = o.col) == null ? void 0 : r.fixedWidth)), c && (i.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 || ((y = o.col) == null ? void 0 : y.fixedWidth)), u && (i.maxWidth = u), (o.maxHeight || (h = o.col) != null && h.maxHeight) && (i.maxHeight = o.maxHeight), i;
+      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 && (i.maxWidth = u), (o.maxHeight || (h = o.col) != null && h.maxHeight) && (i.maxHeight = o.maxHeight), i;
     }), l = d(() => o.col ? D.isColumnDisplayed(o.col) : !0);
-    return (i, c) => l.value ? (v(), b("td", {
+    return (i, c) => l.value ? (v(), y("td", {
       key: 0,
-      class: M([t.value, "ck-td"])
+      class: S([t.value, "ck-td"])
     }, [
       $("span", {
-        class: M(n.value),
-        style: E(a.value)
+        class: S(n.value),
+        style: F(a.value)
       }, [
         O(i.$slots, "default", {}, void 0, !0)
       ], 6)
-    ], 2)) : C("", !0);
+    ], 2)) : w("", !0);
   }
 });
-const $t = /* @__PURE__ */ q(Fo, [["__scopeId", "data-v-8832ff61"]]), jo = /* @__PURE__ */ R({
+const Tt = /* @__PURE__ */ H(Ho, [["__scopeId", "data-v-8832ff61"]]), qo = /* @__PURE__ */ R({
   __name: "ck-table__columns-manager-btn",
   props: {
     layout: {}
   },
   setup(e) {
     return (o, t) => {
-      const n = U("ck-button");
+      const n = Y("ck-button");
       return v(), L(n, {
         size: "s",
         color: "dark",
@@ -458,10 +458,10 @@ const $t = /* @__PURE__ */ q(Fo, [["__scopeId", "data-v-8832ff61"]]), jo = /* @_
       }, null, 8, ["layout"]);
     };
   }
-}), Ho = {
+}), Uo = {
   key: 0,
   class: "ck-table__items-per-page"
-}, qo = /* @__PURE__ */ R({
+}, Yo = /* @__PURE__ */ R({
   __name: "ck-table__items-per-page",
   props: {
     currentPage: {},
@@ -474,10 +474,10 @@ const $t = /* @__PURE__ */ q(Fo, [["__scopeId", "data-v-8832ff61"]]), jo = /* @_
       const l = o.currentPage * o.itemsPerPage;
       return !o.itemsPerPage || l > o.listLength ? o.listLength : l;
     }), a = d(() => !o.hideItemsPerPage && o.listLength && o.currentPage);
-    return (l, i) => a.value ? (v(), b("div", Ho, A(t.value) + " - " + A(n.value) + " de " + A(l.listLength), 1)) : C("", !0);
+    return (l, i) => a.value ? (v(), y("div", Uo, A(t.value) + " - " + A(n.value) + " de " + A(l.listLength), 1)) : w("", !0);
   }
 });
-const Uo = /* @__PURE__ */ q(qo, [["__scopeId", "data-v-c3b27c6d"]]), Yo = /* @__PURE__ */ R({
+const Go = /* @__PURE__ */ H(Yo, [["__scopeId", "data-v-c3b27c6d"]]), Zo = /* @__PURE__ */ R({
   __name: "ck-icon",
   props: {
     icon: {},
@@ -512,12 +512,12 @@ const Uo = /* @__PURE__ */ q(qo, [["__scopeId", "data-v-c3b27c6d"]]), Yo = /* @_
       const s = [];
       return t.color ? t.color && D.isColorTemplateVariable(t.color) && s.push(`ck-component__color-background--${t.color}`) : s.push("ck-component__color--primary"), t.size && s.push("ck-icon__cleek-small"), t.size === "m" && s.push("ck-icon__cleek-medium"), t.size === "l" && s.push("ck-icon__cleek-large"), s;
     });
-    return (s, m) => (v(), b("div", {
-      class: M(["ck-icon", l.value]),
-      style: E(i.value),
+    return (s, m) => (v(), y("div", {
+      class: S(["ck-icon", l.value]),
+      style: F(i.value),
       onClick: m[0] || (m[0] = (r) => c(r))
     }, [
-      a.value === "font-awesome" ? (v(), L(we(Qt), {
+      a.value === "font-awesome" ? (v(), L(we(Xt), {
         key: 0,
         icon: s.icon,
         rotation: s.rotation,
@@ -525,22 +525,22 @@ const Uo = /* @__PURE__ */ q(qo, [["__scopeId", "data-v-c3b27c6d"]]), Yo = /* @_
         spin: s.spin,
         pulse: s.pulse,
         fixedWidth: s.fixedWidth
-      }, null, 8, ["icon", "rotation", "flip", "spin", "pulse", "fixedWidth"])) : a.value === "cleek" ? (v(), b("div", {
+      }, null, 8, ["icon", "rotation", "flip", "spin", "pulse", "fixedWidth"])) : a.value === "cleek" ? (v(), y("div", {
         key: 1,
-        style: E(u.value),
-        class: M([p.value, "ck-icon__cleek"])
-      }, null, 6)) : C("", !0)
+        style: F(u.value),
+        class: S([p.value, "ck-icon__cleek"])
+      }, null, 6)) : w("", !0)
     ], 6));
   }
 });
-const se = /* @__PURE__ */ q(Yo, [["__scopeId", "data-v-4bc5aa54"]]);
+const ne = /* @__PURE__ */ H(Zo, [["__scopeId", "data-v-4bc5aa54"]]);
 function ke() {
   const e = x(0);
   function o(t) {
     e.value = t.currentTarget.innerWidth || 0;
   }
   return _e(() => {
-    ht(() => {
+    gt(() => {
       window.addEventListener("resize", o);
     }), e.value = window.innerWidth;
   }), ot(() => {
@@ -549,7 +549,7 @@ function ke() {
     windowWidth: e
   };
 }
-const Go = ["title", "aria-label", "disabled", "tabindex"], Ke = "transparent", Zo = "outlined", ut = "primary", Ko = "left", Qo = /* @__PURE__ */ R({
+const Ko = ["title", "aria-label", "disabled", "tabindex"], Ke = "transparent", Qo = "outlined", ut = "primary", Jo = "left", Xo = /* @__PURE__ */ R({
   __name: "ck-button",
   props: {
     title: {},
@@ -575,10 +575,10 @@ const Go = ["title", "aria-label", "disabled", "tabindex"], Ke = "transparent",
   },
   emits: ["click"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { cleekOptions: a } = ne(te()), { windowWidth: l } = ke(), i = d(() => t.type ? t.type : a.value ? a.value.button.type : Zo), 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 t = e, n = o, { cleekOptions: a } = ae(te()), { windowWidth: l } = ke(), i = d(() => t.type ? t.type : a.value ? a.value.button.type : Qo), 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 r = [];
       r.push(D.getGroupClass(t, l.value)), (t.color || ut) !== ut && (i.value === "filled" ? r.push(`ck-component__bg-color--${t.color}`) : r.push(`ck-component__border-color--${t.color}`)), c.value !== Ke && D.isColorTemplateVariable(c.value) && r.push(`ck-component__bg-color--${c.value}`), u.value && D.isColorTemplateVariable(u.value) && r.push(`ck-component__color--${u.value}`);
-      const f = t.align || Ko;
+      const f = t.align || Jo;
       (f === "center" || f === "right") && r.push(`ck-button__align--${t.align}`);
       const k = t.layout || a.value.styles.layout;
       return k && r.push(k), r.push(`type-${i.value}`), t.size && r.push(`ck-button-size__${t.size}`), t.isLoading && r.push("is-loading-btn"), r;
@@ -594,39 +594,39 @@ const Go = ["title", "aria-label", "disabled", "tabindex"], Ke = "transparent",
     function m(r) {
       t.isLoading || n("click", r);
     }
-    return (r, g) => (v(), b("button", {
+    return (r, g) => (v(), y("button", {
       type: "button",
-      class: M(p.value),
+      class: S(p.value),
       title: r.title,
       "aria-label": r.title,
       disabled: r.disabled,
       tabindex: r.tabindex,
-      style: E(s.value),
+      style: F(s.value),
       onClick: g[0] || (g[0] = (f) => m(f))
     }, [
-      r.isLoading ? (v(), L(se, {
+      r.isLoading ? (v(), L(ne, {
         key: 0,
         icon: "spinner",
         spin: ""
-      })) : (v(), b(Z, { key: 1 }, [
-        r.icon ? (v(), L(se, {
+      })) : (v(), y(Z, { key: 1 }, [
+        r.icon ? (v(), L(ne, {
           key: 0,
-          class: M(["ck-button__icon-left", { "just-icon": !r.$slots.default }]),
+          class: S(["ck-button__icon-left", { "just-icon": !r.$slots.default }]),
           icon: r.icon,
           "icon-pack": r.iconPack
-        }, null, 8, ["icon", "icon-pack", "class"])) : C("", !0),
+        }, null, 8, ["icon", "icon-pack", "class"])) : w("", !0),
         O(r.$slots, "default", {}, void 0, !0),
-        r.iconRight ? (v(), L(se, {
+        r.iconRight ? (v(), L(ne, {
           key: 1,
-          class: M(["ck-button__icon-right", { "just-icon": !r.$slots.default }]),
+          class: S(["ck-button__icon-right", { "just-icon": !r.$slots.default }]),
           icon: r.iconRight,
           "icon-pack": r.iconPack
-        }, null, 8, ["icon", "icon-pack", "class"])) : C("", !0)
+        }, null, 8, ["icon", "icon-pack", "class"])) : w("", !0)
       ], 64))
-    ], 14, Go));
+    ], 14, Ko));
   }
 });
-const Ne = /* @__PURE__ */ q(Qo, [["__scopeId", "data-v-bce5585d"]]), Jo = ["for"], Xo = "m", en = /* @__PURE__ */ R({
+const xe = /* @__PURE__ */ H(Xo, [["__scopeId", "data-v-1598dab4"]]), en = ["for"], tn = "m", on = /* @__PURE__ */ R({
   __name: "ck-label",
   props: {
     for: {},
@@ -634,28 +634,28 @@ const Ne = /* @__PURE__ */ q(Qo, [["__scopeId", "data-v-bce5585d"]]), Jo = ["for
     size: {}
   },
   setup(e) {
-    const o = e, { cleekOptions: t } = ne(te()), n = d(() => {
+    const o = e, { cleekOptions: t } = ae(te()), n = d(() => {
       const l = [];
       let i = "left";
-      return (o.align === "center" || o.align === "right") && (i = o.align), l.push(`ck-align--${i}`), l.push(`ck-size--${o.size || Xo}`), l;
+      return (o.align === "center" || o.align === "right") && (i = o.align), l.push(`ck-align--${i}`), l.push(`ck-size--${o.size || tn}`), l;
     }), a = d(() => {
       const l = [];
       let i = t.value.popup.textColor;
       return t.value.darkMode && (i = t.value.darkModeColorText), i && (D.isColorTemplateVariable(i) ? l.push(`ck-component__color--${i}`) : l.push({ color: i })), l;
     });
-    return (l, i) => (v(), b("label", {
-      class: M(["ck-label", n.value]),
+    return (l, i) => (v(), y("label", {
+      class: S(["ck-label", n.value]),
       for: o.for,
-      style: E(a.value)
+      style: F(a.value)
     }, [
       O(l.$slots, "default", {}, void 0, !0)
-    ], 14, Jo));
+    ], 14, en));
   }
 });
-const Ae = /* @__PURE__ */ q(en, [["__scopeId", "data-v-f242d7f6"]]), tn = {
+const ze = /* @__PURE__ */ H(on, [["__scopeId", "data-v-f242d7f6"]]), nn = {
   key: 0,
   class: "ck-input__optional-label"
-}, on = { class: "ck-input__content" }, nn = ["type", "autocomplete", "placeholder", "disabled"], an = "120px", ct = "center", ln = /* @__PURE__ */ R({
+}, an = { class: "ck-input__content" }, ln = ["type", "autocomplete", "placeholder", "disabled", "tabindex"], sn = "120px", ct = "center", rn = /* @__PURE__ */ R({
   __name: "ck-input",
   props: /* @__PURE__ */ ee({
     type: { default: "text" },
@@ -689,7 +689,8 @@ const Ae = /* @__PURE__ */ q(en, [["__scopeId", "data-v-f242d7f6"]]), tn = {
     toUpperCase: { type: Boolean },
     autoSelect: { type: Boolean },
     delayChangeTime: { default: 300 },
-    justInteger: { type: Boolean }
+    justInteger: { type: Boolean },
+    tabindex: {}
   }, {
     modelValue: { required: !0 },
     modelModifiers: {}
@@ -698,184 +699,185 @@ const Ae = /* @__PURE__ */ q(en, [["__scopeId", "data-v-f242d7f6"]]), tn = {
   setup(e, { expose: o, emit: t }) {
     const n = ge(e, "modelValue"), a = e, l = t;
     o({ focus: h, select: B });
-    const { cleekOptions: i } = ne(te()), { windowWidth: c } = ke(), u = x(), p = x(""), s = x(!1), m = d(() => s.value ? "text" : a.plusMinusButtons ? "number" : a.type), r = d(() => a.justInteger || a.plusMinusButtons), g = d(() => a.labelAlign ? a.labelAlign : a.align ? a.align : a.plusMinusButtons ? ct : "left"), f = d(() => {
-      const w = [];
+    const { cleekOptions: i } = ae(te()), { windowWidth: c } = ke(), u = x(), p = x(""), s = x(!1), m = d(() => s.value ? "text" : a.plusMinusButtons ? "number" : a.type), r = d(() => a.justInteger || a.plusMinusButtons), g = d(() => a.labelAlign ? a.labelAlign : a.align ? a.align : a.plusMinusButtons ? ct : "left"), f = d(() => {
+      const C = [];
       let I = "";
-      if (a.width && (I = a.width), a.plusMinusButtons && (I = an), I && w.push({ width: I }), a.widthBreaks) {
+      if (a.width && (I = a.width), a.plusMinusButtons && (I = sn), I && C.push({ width: I }), a.widthBreaks) {
         const J = D.getWidthByWidthBreaks(a.widthBreaks, c.value);
-        J && w.push({ width: J });
+        J && C.push({ width: J });
       }
-      return w;
+      return C;
     }), k = d(() => {
-      const w = [];
-      w.push(D.getGroupClass(a, c.value)), a.icon && w.push("has-icon-left"), a.iconRight && w.push("has-icon-right");
+      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 && w.push(`align--${I}`), a.hideBorder && w.push("no-border");
+      a.plusMinusButtons && (I = ct), I && C.push(`align--${I}`), a.hideBorder && C.push("no-border");
       const J = a.layout || i.value.styles.layout;
-      J && w.push(J), a.plusMinusButtons && w.push("squared"), a.size && w.push(`ck-input-size__${a.size}`);
+      J && C.push(J), a.plusMinusButtons && C.push("squared"), a.size && C.push(`ck-input-size__${a.size}`);
       const oe = a.borderColor || i.value.styles.borderColor;
-      return oe && D.isColorTemplateVariable(oe) && w.push(`ck-component__border-color--${oe}`), w;
-    }), y = d(() => {
-      const w = [];
-      a.fontSize && w.push({ "font-size": a.fontSize }), a.textColor && w.push({ color: a.textColor });
+      return oe && D.isColorTemplateVariable(oe) && C.push(`ck-component__border-color--${oe}`), C;
+    }), b = d(() => {
+      const C = [];
+      a.fontSize && C.push({ "font-size": a.fontSize }), a.textColor && C.push({ color: a.textColor });
       const I = a.borderColor || i.value.styles.borderColor;
-      I && !D.isColorTemplateVariable(I) && w.push({ "border-color": I });
+      I && !D.isColorTemplateVariable(I) && C.push({ "border-color": I });
       let J = "";
-      i.value.darkMode && (J = i.value.darkModeColorItems), J && !D.isColorTemplateVariable(J) && w.push({ backgroundColor: J });
+      i.value.darkMode && (J = i.value.darkModeColorItems), J && !D.isColorTemplateVariable(J) && C.push({ backgroundColor: J });
       let oe = a.textColor || i.value.popup.textColor;
-      return i.value.darkMode && (oe = i.value.darkModeColorText), oe && !D.isColorTemplateVariable(oe) && (w.push(`ck-component__color--${oe}`), w.push({ color: oe })), w;
+      return i.value.darkMode && (oe = i.value.darkModeColorText), oe && !D.isColorTemplateVariable(oe) && (C.push(`ck-component__color--${oe}`), C.push({ color: oe })), C;
     });
-    ce(
+    de(
       () => n.value,
-      (w) => re(w),
+      (C) => re(C),
       { immediate: !0 }
     );
     function h() {
-      var w;
-      (w = u.value) == null || w.focus();
+      var C;
+      (C = u.value) == null || C.focus();
     }
     function B() {
-      var w;
-      (w = u.value) == null || w.select();
+      var C;
+      (C = u.value) == null || C.select();
     }
-    function W(w) {
-      l("input", w), setTimeout(() => {
-        n.value === w && l("inputDelayed", w);
+    function W(C) {
+      l("input", C), setTimeout(() => {
+        n.value === C && l("inputDelayed", C);
       }, a.delayChangeTime);
     }
-    function P(w) {
-      l("change", w), setTimeout(() => {
-        n.value === w && l("changeDelayed", w);
+    function P(C) {
+      l("change", C), setTimeout(() => {
+        n.value === C && l("changeDelayed", C);
       }, a.delayChangeTime);
     }
-    function T(w) {
+    function T(C) {
       var I;
-      l("click", w), a.autoSelect && ((I = u.value) == null || I.select());
+      l("click", C), a.autoSelect && ((I = u.value) == null || I.select());
     }
-    function S() {
-      const w = re(p.value);
-      W(w);
+    function M() {
+      const C = re(p.value);
+      W(C);
     }
-    function F() {
+    function j() {
       P(n.value);
     }
-    function X(w) {
-      l("focus", w), m.value === "number" && !p.value && (p.value = "");
+    function X(C) {
+      l("focus", C), m.value === "number" && !p.value && (p.value = "");
     }
-    function ae(w) {
-      l("blur", w), m.value === "number" && !p.value && (p.value = n.value);
+    function le(C) {
+      l("blur", C), m.value === "number" && !p.value && (p.value = n.value);
     }
     function $e() {
-      const w = re(+p.value - 1);
-      W(w), P(w);
+      const C = re(+p.value - 1);
+      W(C), P(C);
     }
     function V() {
-      const w = re(+p.value + 1);
-      W(w), P(w);
+      const C = re(+p.value + 1);
+      W(C), P(C);
     }
-    function j(w) {
-      let I = w;
-      return a.capitalize && (I = We.capitalize(`${I}`)), a.toUpperCase && (I = `${I}`.toUpperCase()), r.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 q(C) {
+      let I = C;
+      return a.capitalize && (I = Ee.capitalize(`${I}`)), a.toUpperCase && (I = `${I}`.toUpperCase()), r.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 re(w) {
-      const I = j(w);
+    function re(C) {
+      const I = q(C);
       return n.value = I, p.value = I, I;
     }
     return _e(() => {
       a.autofocus && (h(), T(null));
-    }), (w, I) => {
+    }), (C, I) => {
       var oe;
-      const J = U("ck-button");
-      return v(), b("div", {
+      const J = Y("ck-button");
+      return v(), y("div", {
         class: "ck-input",
-        style: E(f.value)
+        style: F(f.value)
       }, [
-        w.label ? (v(), L(Ae, {
+        C.label ? (v(), L(ze, {
           key: 0,
           for: "ck-input",
-          size: w.size,
+          size: C.size,
           align: g.value
         }, {
-          default: H(() => [
-            G(A(w.label) + " ", 1),
-            w.optional ? (v(), b("span", tn, "opcional")) : C("", !0)
+          default: N(() => [
+            G(A(C.label) + " ", 1),
+            C.optional ? (v(), y("span", nn, "opcional")) : w("", !0)
           ]),
           _: 1
-        }, 8, ["size", "align"])) : C("", !0),
-        $("div", on, [
-          w.plusMinusButtons ? (v(), L(J, {
+        }, 8, ["size", "align"])) : w("", !0),
+        $("div", an, [
+          C.plusMinusButtons ? (v(), L(J, {
             key: 0,
             size: "s",
             icon: "minus",
             group: "left",
             type: "filled",
-            class: "ck-input-plus-minus-buttons",
-            onClick: I[0] || (I[0] = (le) => $e())
-          })) : C("", !0),
-          w.icon ? (v(), L(se, {
+            class: S(["ck-input-plus-minus-buttons", { "--small": C.size === "s" }]),
+            onClick: I[0] || (I[0] = (ie) => $e())
+          }, null, 8, ["class"])) : w("", !0),
+          C.icon ? (v(), L(ne, {
             key: 1,
             class: "ck-input__icon-left",
-            color: w.iconColor ? w.iconColor : "lightgrey",
-            icon: w.icon,
-            "icon-pack": w.iconPack,
+            color: C.iconColor ? C.iconColor : "lightgrey",
+            icon: C.icon,
+            "icon-pack": C.iconPack,
             size: "s"
-          }, null, 8, ["color", "icon", "icon-pack"])) : C("", !0),
-          ue($("input", {
+          }, null, 8, ["color", "icon", "icon-pack"])) : w("", !0),
+          ce($("input", {
             ref_key: "inputRef",
             ref: u,
-            "onUpdate:modelValue": I[1] || (I[1] = (le) => p.value = le),
+            "onUpdate:modelValue": I[1] || (I[1] = (ie) => p.value = ie),
             type: m.value,
-            autocomplete: w.preventAutocomplete ? "off" : "on",
-            placeholder: w.placeholder,
-            class: M(k.value),
-            style: E(y.value),
-            disabled: w.disabled,
-            onClick: I[2] || (I[2] = (le) => T(le)),
-            onInput: I[3] || (I[3] = (le) => S()),
-            onChange: I[4] || (I[4] = (le) => F()),
-            onFocus: I[5] || (I[5] = (le) => X(le)),
-            onBlur: I[6] || (I[6] = (le) => ae(le))
-          }, null, 46, nn), [
-            [Ot, p.value]
+            autocomplete: C.preventAutocomplete ? "off" : "on",
+            placeholder: C.placeholder,
+            class: S(k.value),
+            style: F(b.value),
+            disabled: C.disabled,
+            tabindex: C.tabindex,
+            onClick: I[2] || (I[2] = (ie) => T(ie)),
+            onInput: I[3] || (I[3] = (ie) => M()),
+            onChange: I[4] || (I[4] = (ie) => j()),
+            onFocus: I[5] || (I[5] = (ie) => X(ie)),
+            onBlur: I[6] || (I[6] = (ie) => le(ie))
+          }, null, 46, ln), [
+            [Et, p.value]
           ]),
-          w.type === "password" ? (v(), b("div", {
+          C.type === "password" ? (v(), y("div", {
             key: 2,
-            class: M(["show-password", w.layout || ((oe = we(i)) == null ? void 0 : oe.styles.layout)]),
-            onClick: I[7] || (I[7] = (le) => s.value = !s.value)
+            class: S(["show-password", C.layout || ((oe = we(i)) == null ? void 0 : oe.styles.layout)]),
+            onClick: I[7] || (I[7] = (ie) => s.value = !s.value)
           }, [
-            Y(se, {
+            U(ne, {
               icon: s.value ? "eye-slash" : "eye"
             }, null, 8, ["icon"])
-          ], 2)) : C("", !0),
-          w.iconRight && w.type !== "password" ? (v(), L(se, {
+          ], 2)) : w("", !0),
+          C.iconRight && C.type !== "password" ? (v(), L(ne, {
             key: 3,
             class: "ck-input__icon-right",
-            color: w.iconColor ? w.iconColor : "lightgrey",
-            icon: w.iconRight,
-            "icon-pack": w.iconPack
-          }, null, 8, ["color", "icon", "icon-pack"])) : C("", !0),
-          w.plusMinusButtons ? (v(), L(J, {
+            color: C.iconColor ? C.iconColor : "lightgrey",
+            icon: C.iconRight,
+            "icon-pack": C.iconPack
+          }, null, 8, ["color", "icon", "icon-pack"])) : w("", !0),
+          C.plusMinusButtons ? (v(), L(J, {
             key: 4,
             size: "s",
             icon: "plus",
             group: "right",
             type: "filled",
-            class: "ck-input-plus-minus-buttons",
-            onClick: I[8] || (I[8] = (le) => V())
-          })) : C("", !0),
-          w.suffix ? (v(), b("span", {
+            class: S(["ck-input-plus-minus-buttons", { "--small": C.size === "s" }]),
+            onClick: I[8] || (I[8] = (ie) => V())
+          }, null, 8, ["class"])) : w("", !0),
+          C.suffix ? (v(), y("span", {
             key: 5,
-            class: M(["suffix", { "--plus-minus-btns": w.plusMinusButtons }])
-          }, A(w.suffix), 3)) : C("", !0)
+            class: S(["suffix", { "--plus-minus-btns": C.plusMinusButtons }])
+          }, A(C.suffix), 3)) : w("", !0)
         ])
       ], 4);
     };
   }
 });
-const Tt = /* @__PURE__ */ q(ln, [["__scopeId", "data-v-529f68f5"]]), sn = {
+const Bt = /* @__PURE__ */ H(rn, [["__scopeId", "data-v-3213f007"]]), un = {
   key: 0,
   class: "flex items-center"
-}, rn = { key: 2 }, un = /* @__PURE__ */ R({
+}, cn = { key: 2 }, dn = /* @__PURE__ */ R({
   __name: "ck-table__header-items",
   props: /* @__PURE__ */ ee({
     hideRefreshBtn: { type: Boolean },
@@ -902,14 +904,14 @@ const Tt = /* @__PURE__ */ q(ln, [["__scopeId", "data-v-529f68f5"]]), sn = {
         s === t.value && a("refreshList", !1);
       }, 1e3);
     }
-    return (p, s) => (v(), b("div", {
-      class: M(["ck-table__header-items", i.value])
+    return (p, s) => (v(), y("div", {
+      class: S(["ck-table__header-items", i.value])
     }, [
-      p.$slots.headerActionsLeft ? (v(), b("div", sn, [
+      p.$slots.headerActionsLeft ? (v(), y("div", un, [
         O(p.$slots, "headerActionsLeft", {}, void 0, !0)
-      ])) : C("", !0),
-      !p.hideHeaderActions && l.value ? (v(), b(Z, { key: 1 }, [
-        p.hideRefreshBtn ? C("", !0) : (v(), L(Ne, {
+      ])) : w("", !0),
+      !p.hideHeaderActions && l.value ? (v(), y(Z, { key: 1 }, [
+        p.hideRefreshBtn ? w("", !0) : (v(), L(xe, {
           key: 0,
           class: "mr-1",
           type: "flat",
@@ -920,7 +922,7 @@ const Tt = /* @__PURE__ */ q(ln, [["__scopeId", "data-v-529f68f5"]]), sn = {
           isLoading: !!p.isLoading,
           onClick: s[0] || (s[0] = (m) => c())
         }, null, 8, ["icon", "isLoading"])),
-        Y(Tt, {
+        U(Bt, {
           modelValue: t.value,
           "onUpdate:modelValue": s[1] || (s[1] = (m) => t.value = m),
           class: "ck-table--search-input",
@@ -930,14 +932,14 @@ const Tt = /* @__PURE__ */ q(ln, [["__scopeId", "data-v-529f68f5"]]), sn = {
           borderColor: p.version === "colored" ? "white" : "",
           onInput: s[2] || (s[2] = (m) => u(m))
         }, null, 8, ["modelValue", "borderColor"])
-      ], 64)) : C("", !0),
-      p.$slots.headerActionsRight ? (v(), b("div", rn, [
+      ], 64)) : w("", !0),
+      p.$slots.headerActionsRight ? (v(), y("div", cn, [
         O(p.$slots, "headerActionsRight", {}, void 0, !0)
-      ])) : C("", !0)
+      ])) : w("", !0)
     ], 2));
   }
 });
-const cn = /* @__PURE__ */ q(un, [["__scopeId", "data-v-187caf58"]]), dn = { class: "ck-table__pagination" }, pn = { class: "ck-table__pagination--numbers-container" }, vn = ["onClick"], mn = { class: "ck-table__pagination-input-container" }, fn = ["onClick"], dt = 5, hn = /* @__PURE__ */ R({
+const pn = /* @__PURE__ */ H(dn, [["__scopeId", "data-v-187caf58"]]), vn = { class: "ck-table__pagination" }, mn = { class: "ck-table__pagination--numbers-container" }, fn = ["onClick"], hn = { class: "ck-table__pagination-input-container" }, gn = ["onClick"], dt = 5, kn = /* @__PURE__ */ R({
   __name: "ck-table__pagination",
   props: {
     totalPages: {},
@@ -949,7 +951,7 @@ const cn = /* @__PURE__ */ q(un, [["__scopeId", "data-v-187caf58"]]), dn = { cla
   },
   emits: ["refreshList", "update:currentPage"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { cleekOptions: a } = ne(te()), l = d({
+    const t = e, n = o, { cleekOptions: a } = ae(te()), l = d({
       get() {
         return t.currentPage;
       },
@@ -965,8 +967,8 @@ const cn = /* @__PURE__ */ q(un, [["__scopeId", "data-v-187caf58"]]), dn = { cla
     }), c = d(() => t.currentPage !== 1), u = d(() => !!s.value.length), p = d(() => {
       if (!t.listLength)
         return [];
-      const k = [], y = (dt - 1) / 2;
-      for (const h of Array(y).keys()) {
+      const k = [], b = (dt - 1) / 2;
+      for (const h of Array(b).keys()) {
         const B = t.currentPage - h - 1;
         B > 0 && k.unshift(B);
       }
@@ -974,22 +976,22 @@ const cn = /* @__PURE__ */ q(un, [["__scopeId", "data-v-187caf58"]]), dn = { cla
     }), s = d(() => {
       if (!t.listLength)
         return [];
-      const k = [], y = (dt - 1) / 2;
-      for (const h of Array(y).keys()) {
+      const k = [], b = (dt - 1) / 2;
+      for (const h of Array(b).keys()) {
         const B = t.currentPage + h + 1;
         B <= t.totalPages && k.push(B);
       }
       return k;
     }), m = d(() => {
-      const k = [], y = t.align || "center";
-      y && k.push(`pagination-align--${y || "center"}`);
+      const k = [], b = t.align || "center";
+      b && k.push(`pagination-align--${b || "center"}`);
       const h = t.layout || a.value.styles.layout;
       return h && k.push(h), k;
     });
-    ce(() => l.value, () => n("refreshList"));
+    de(() => l.value, () => n("refreshList"));
     function r(k) {
-      let y = +k.value;
-      y > t.totalPages && (y = t.totalPages), y < 1 && (y = 1), t.currentPage === y ? k.value = `${y}` : l.value = y;
+      let b = +k.value;
+      b > t.totalPages && (b = t.totalPages), b < 1 && (b = 1), t.currentPage === b ? k.value = `${b}` : l.value = b;
     }
     function g() {
       u.value && (l.value = t.currentPage + 1);
@@ -997,45 +999,45 @@ const cn = /* @__PURE__ */ q(un, [["__scopeId", "data-v-187caf58"]]), dn = { cla
     function f() {
       c.value && (l.value = t.currentPage - 1);
     }
-    return (k, y) => (v(), b("div", {
-      class: M(["ck-table__pagination-container", m.value])
+    return (k, b) => (v(), y("div", {
+      class: S(["ck-table__pagination-container", m.value])
     }, [
-      $("div", dn, [
+      $("div", vn, [
         $("div", {
-          class: M(["ck-table__pagination--arrow-left", { disabled: !c.value }]),
-          onClick: y[0] || (y[0] = (h) => f())
+          class: S(["ck-table__pagination--arrow-left", { disabled: !c.value }]),
+          onClick: b[0] || (b[0] = (h) => f())
         }, [
-          Y(se, {
+          U(ne, {
             icon: c.value ? "angle-left" : "grip-lines-vertical"
           }, null, 8, ["icon"])
         ], 2),
-        $("div", pn, [
-          (v(!0), b(Z, null, de(p.value, (h) => (v(), b("div", {
+        $("div", mn, [
+          (v(!0), y(Z, null, ue(p.value, (h) => (v(), y("div", {
             class: "ck-table__pagination-item--left",
             onClick: (B) => l.value = h
-          }, A(h), 9, vn))), 256)),
-          $("div", mn, [
-            ue($("input", {
-              "onUpdate:modelValue": y[1] || (y[1] = (h) => i.value = h),
+          }, A(h), 9, fn))), 256)),
+          $("div", hn, [
+            ce($("input", {
+              "onUpdate:modelValue": b[1] || (b[1] = (h) => i.value = h),
               class: "ck-table__pagination-input",
               type: "number",
-              onClick: y[2] || (y[2] = (h) => h.target.select()),
-              onChange: y[3] || (y[3] = (h) => r(h.target))
+              onClick: b[2] || (b[2] = (h) => h.target.select()),
+              onChange: b[3] || (b[3] = (h) => r(h.target))
             }, null, 544), [
-              [Ee, i.value]
+              [Fe, i.value]
             ]),
-            y[5] || (y[5] = $("div", { class: "ck-table__pagination--input-pointer" }, null, -1))
+            b[5] || (b[5] = $("div", { class: "ck-table__pagination--input-pointer" }, null, -1))
           ]),
-          (v(!0), b(Z, null, de(s.value, (h) => (v(), b("div", {
+          (v(!0), y(Z, null, ue(s.value, (h) => (v(), y("div", {
             class: "ck-table__pagination-item--right",
             onClick: (B) => l.value = h
-          }, A(h), 9, fn))), 256))
+          }, A(h), 9, gn))), 256))
         ]),
         $("div", {
-          class: M(["ck-table__pagination--arrow-right", { disabled: !u.value }]),
-          onClick: y[4] || (y[4] = (h) => g())
+          class: S(["ck-table__pagination--arrow-right", { disabled: !u.value }]),
+          onClick: b[4] || (b[4] = (h) => g())
         }, [
-          Y(se, {
+          U(ne, {
             icon: u.value ? "angle-right" : "grip-lines-vertical"
           }, null, 8, ["icon"])
         ], 2)
@@ -1043,7 +1045,7 @@ const cn = /* @__PURE__ */ q(un, [["__scopeId", "data-v-187caf58"]]), dn = { cla
     ], 2));
   }
 });
-const gn = /* @__PURE__ */ q(hn, [["__scopeId", "data-v-a399c4bf"]]), kn = ["disabled", "checked"], yn = ["textContent"], bn = "m", _n = /* @__PURE__ */ R({
+const yn = /* @__PURE__ */ H(kn, [["__scopeId", "data-v-a399c4bf"]]), bn = ["disabled", "checked"], _n = ["textContent"], Cn = "m", wn = /* @__PURE__ */ R({
   __name: "ck-checkbox",
   props: /* @__PURE__ */ ee({
     label: {},
@@ -1073,7 +1075,7 @@ const gn = /* @__PURE__ */ q(hn, [["__scopeId", "data-v-a399c4bf"]]), kn = ["dis
       return n.color && !D.isColorTemplateVariable(n.color) && (r.push({ borderColor: n.color }), (t.value || t.value === null) && r.push({ backgroundColor: n.color })), r;
     }), p = d(() => {
       const r = [];
-      return n.colorText && D.isColorTemplateVariable(n.colorText) && r.push(`ck-component__color--${n.colorText}`), n.textSize && n.textSize !== bn && r.push(`ck-checkbox--label-text-size--${n.textSize}`), r;
+      return n.colorText && D.isColorTemplateVariable(n.colorText) && r.push(`ck-component__color--${n.colorText}`), n.textSize && n.textSize !== Cn && r.push(`ck-checkbox--label-text-size--${n.textSize}`), r;
     }), s = d(() => {
       const r = [];
       return n.colorText && !D.isColorTemplateVariable(n.colorText) && r.push({ color: n.colorText }), r;
@@ -1081,60 +1083,60 @@ const gn = /* @__PURE__ */ q(hn, [["__scopeId", "data-v-a399c4bf"]]), kn = ["dis
     function m() {
       n.preventAutoUpdate || (t.value = !t.value);
     }
-    return (r, g) => (v(), b("label", Fe(l.value, {
+    return (r, g) => (v(), y("label", Ie(l.value, {
       class: ["ck-checkbox", i.value],
-      onKeydown: g[4] || (g[4] = he(ie(() => {
+      onKeydown: g[4] || (g[4] = he(se(() => {
       }, ["prevent"]), ["space"])),
       onKeyup: [
         g[5] || (g[5] = he((f) => m(), ["enter"])),
         g[6] || (g[6] = he((f) => m(), ["space"]))
       ],
-      onClick: g[7] || (g[7] = ie((f) => m(), ["prevent"]))
+      onClick: g[7] || (g[7] = se((f) => m(), ["prevent"]))
     }), [
       $("input", {
-        class: M(["ck-checkbox--input", { "ck-checkbox--input__intermediate": t.value === null }]),
+        class: S(["ck-checkbox--input", { "ck-checkbox--input__intermediate": t.value === null }]),
         "aria-hidden": "true",
         type: "checkbox",
         disabled: r.disabled,
         checked: t.value,
         onChange: g[0] || (g[0] = (f) => a("change", f)),
-        onClick: g[1] || (g[1] = ie(() => {
+        onClick: g[1] || (g[1] = se(() => {
         }, ["prevent"]))
-      }, null, 42, kn),
+      }, null, 42, bn),
       $("div", {
-        class: M(["ck-checkbox--element", c.value]),
-        style: E(u.value),
-        onClick: g[2] || (g[2] = ie(() => {
+        class: S(["ck-checkbox--element", c.value]),
+        style: F(u.value),
+        onClick: g[2] || (g[2] = se(() => {
         }, ["prevent"]))
       }, null, 6),
-      r.label || r.$slots.default ? (v(), b("span", {
+      r.label || r.$slots.default ? (v(), y("span", {
         key: 0,
-        class: M(["ck-checkbox--label", p.value]),
-        style: E(s.value),
-        onClick: g[3] || (g[3] = ie(() => {
+        class: S(["ck-checkbox--label", p.value]),
+        style: F(s.value),
+        onClick: g[3] || (g[3] = se(() => {
         }, ["prevent"]))
       }, [
-        r.label ? (v(), b("span", {
+        r.label ? (v(), y("span", {
           key: 0,
           textContent: A(r.label)
-        }, null, 8, yn)) : C("", !0),
+        }, null, 8, _n)) : w("", !0),
         O(r.$slots, "default", {}, void 0, !0)
-      ], 6)) : C("", !0)
+      ], 6)) : w("", !0)
     ], 16));
   }
 });
-const Bt = /* @__PURE__ */ q(_n, [["__scopeId", "data-v-968fba63"]]);
-function Pt(e) {
+const Pt = /* @__PURE__ */ H(wn, [["__scopeId", "data-v-a8d6cf84"]]);
+function Vt(e) {
   const o = e ? "visible" : "hidden";
   document.body.style.overflow = o;
 }
-const Cn = { class: "ck-popup" }, wn = {
+const $n = { class: "ck-popup" }, Tn = {
   key: 0,
   class: "ck-popup__title"
-}, $n = {
+}, Bn = {
   key: 0,
   class: "ck-popup__slot-footer"
-}, Tn = { class: "w-full" }, Bn = {
+}, Pn = { class: "w-full" }, Vn = {
   key: 0,
   class: "ck-popup-slot-footer__confirm-buttons"
 }, nt = /* @__PURE__ */ R({
@@ -1167,48 +1169,48 @@ const Cn = { class: "ck-popup" }, wn = {
   }),
   emits: /* @__PURE__ */ ee(["accept", "cancel", "close"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const t = ge(e, "modelValue"), n = e, a = o, { cleekOptions: l } = ne(te()), i = d(() => {
-      const T = [], S = n.layout || l.value.styles.layout;
-      S && T.push(S);
-      const F = n.textColor || l.value.popup.textColor;
-      return F && D.isColorTemplateVariable(F) && T.push(`ck-component__color--${F}`), T;
+    const t = ge(e, "modelValue"), n = e, a = o, { cleekOptions: l } = ae(te()), i = d(() => {
+      const T = [], M = n.layout || l.value.styles.layout;
+      M && T.push(M);
+      const j = n.textColor || l.value.popup.textColor;
+      return j && D.isColorTemplateVariable(j) && T.push(`ck-component__color--${j}`), T;
     }), c = d(() => {
-      const T = [], S = n.fontSize || l.value.popup.fontSize;
-      S && T.push({ "font-size": S }), n.width && T.push({ width: n.width });
-      const F = n.width ? "95%" : n.maxWidth || l.value.popup.maxWidth;
-      F && T.push({ "max-width": F });
+      const T = [], M = n.fontSize || l.value.popup.fontSize;
+      M && T.push({ "font-size": M }), n.width && T.push({ width: n.width });
+      const j = n.width ? "95%" : n.maxWidth || l.value.popup.maxWidth;
+      j && T.push({ "max-width": j });
       const X = n.textColor || l.value.popup.textColor;
       X && !D.isColorTemplateVariable(X) && (T.push(`ck-component__color--${X}`), T.push({ color: X }));
-      let ae = "white";
-      return l.value.popup.backgroundColor && (ae = l.value.popup.backgroundColor), l.value.darkMode && (ae = l.value.darkModeColorItems), n.backgroundColor && (ae = n.backgroundColor), ae && !D.isColorTemplateVariable(ae) && T.push({ backgroundColor: ae }), T;
+      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) && T.push({ backgroundColor: le }), T;
     }), u = d(() => {
       const T = [];
-      let S = "";
-      l.value.popup.headerColor && (S = l.value.popup.headerColor), l.value.darkMode && (S = l.value.darkModeColorItems), n.headerColor && (S = n.headerColor), S && !D.isColorTemplateVariable(S) && T.push({ backgroundColor: S });
-      let F = n.textColor || l.value.popup.textColor;
-      return l.value.darkMode && (F = l.value.darkModeColorText), F && !D.isColorTemplateVariable(F) && (T.push(`ck-component__color--${F}`), T.push({ color: F })), T;
+      let M = "";
+      l.value.popup.headerColor && (M = l.value.popup.headerColor), l.value.darkMode && (M = l.value.darkModeColorItems), n.headerColor && (M = n.headerColor), M && !D.isColorTemplateVariable(M) && T.push({ backgroundColor: M });
+      let j = n.textColor || l.value.popup.textColor;
+      return l.value.darkMode && (j = l.value.darkModeColorText), j && !D.isColorTemplateVariable(j) && (T.push(`ck-component__color--${j}`), T.push({ color: j })), T;
     }), p = d(() => {
       const T = [];
-      let S = "";
-      return l.value.popup.backgroundColor && (S = l.value.popup.backgroundColor), l.value.darkMode && (S = l.value.darkModeColorItems), n.backgroundColor && (S = n.backgroundColor), S && !D.isColorTemplateVariable(S) && T.push({ backgroundColor: S }), T;
+      let M = "";
+      return l.value.popup.backgroundColor && (M = l.value.popup.backgroundColor), l.value.darkMode && (M = l.value.darkModeColorItems), n.backgroundColor && (M = n.backgroundColor), M && !D.isColorTemplateVariable(M) && T.push({ backgroundColor: M }), T;
     }), s = d(() => {
-      const T = [], S = n.headerAlign || l.value.popup.headerAlign;
-      S && T.push(`header-align--${S}`);
-      const F = n.headerColor || l.value.popup.headerColor;
-      return F && D.isColorTemplateVariable(F) && T.push(`ck-component__bg-color--${F}`), g.value || T.push("close-btn-hidden"), T;
+      const T = [], M = n.headerAlign || l.value.popup.headerAlign;
+      M && T.push(`header-align--${M}`);
+      const j = n.headerColor || l.value.popup.headerColor;
+      return j && D.isColorTemplateVariable(j) && T.push(`ck-component__bg-color--${j}`), g.value || T.push("close-btn-hidden"), T;
     }), m = d(() => n.acceptBtnType ? n.acceptBtnType : l.value.popup.acceptBtnType ? l.value.popup.acceptBtnType : "outlined"), r = 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, (T) => Pt(!T));
-    function y() {
+    de(() => t.value, (T) => Vt(!T));
+    function b() {
       t.value = !1, a("close");
     }
     function h() {
-      a("cancel"), n.preventCloseOnCancel || y();
+      a("cancel"), n.preventCloseOnCancel || b();
     }
     function B() {
       a("accept");
     }
     function W() {
-      n.notCloseByBg || n.notClose || y();
+      n.notCloseByBg || n.notClose || b();
     }
     function P(T) {
       t.value && (T.key === "Escape" && W(), T.key === "Enter" && T.shiftKey && B());
@@ -1217,77 +1219,77 @@ const Cn = { class: "ck-popup" }, wn = {
       window.addEventListener("keydown", P);
     }), ot(() => {
       window.removeEventListener("keydown", P);
-    }), (T, S) => t.value ? (v(), L(xe, {
+    }), (T, M) => t.value ? (v(), L(Ae, {
       key: 0,
       to: "body"
     }, [
-      $("div", Cn, [
-        S[5] || (S[5] = $("div", { class: "blackout" }, null, -1)),
+      $("div", $n, [
+        M[5] || (M[5] = $("div", { class: "blackout" }, null, -1)),
         $("div", {
           class: "popup-container",
-          onMousedown: S[4] || (S[4] = (F) => W())
+          onMousedown: M[4] || (M[4] = (j) => W())
         }, [
           $("div", {
-            class: M(["ck-popup__content", i.value]),
-            style: E(c.value),
-            onMousedown: S[3] || (S[3] = ie(() => {
+            class: S(["ck-popup__content", i.value]),
+            style: F(c.value),
+            onMousedown: M[3] || (M[3] = se(() => {
             }, ["stop"]))
           }, [
             $("div", {
-              class: M(["ck-popup__slot-header", s.value]),
-              style: E(u.value)
+              class: S(["ck-popup__slot-header", s.value]),
+              style: F(u.value)
             }, [
-              T.title ? (v(), b("h3", wn, A(T.title), 1)) : C("", !0),
+              T.title ? (v(), y("h3", Tn, A(T.title), 1)) : w("", !0),
               O(T.$slots, "header"),
-              g.value ? (v(), L(se, {
+              g.value ? (v(), L(ne, {
                 key: 1,
                 class: "icon-close",
                 icon: "times",
-                onClick: S[0] || (S[0] = (F) => y())
-              })) : C("", !0)
+                onClick: M[0] || (M[0] = (j) => b())
+              })) : w("", !0)
             ], 6),
             $("div", {
               class: "ck-popup__slot-body",
-              style: E(p.value)
+              style: F(p.value)
             }, [
               O(T.$slots, "default")
             ], 4),
-            T.$slots.footer || T.confirmButtons || T.acceptButton || T.cancelButton ? (v(), b("div", $n, [
-              $("div", Tn, [
+            T.$slots.footer || T.confirmButtons || T.acceptButton || T.cancelButton ? (v(), y("div", Bn, [
+              $("div", Pn, [
                 O(T.$slots, "footer")
               ]),
-              T.confirmButtons || T.acceptButton || T.cancelButton ? (v(), b("div", Bn, [
-                T.confirmButtons || T.cancelButton ? (v(), L(Ne, {
+              T.confirmButtons || T.acceptButton || T.cancelButton ? (v(), y("div", Vn, [
+                T.confirmButtons || T.cancelButton ? (v(), L(xe, {
                   key: 0,
                   color: "danger",
                   type: r.value,
-                  onClick: S[1] || (S[1] = (F) => h())
+                  onClick: M[1] || (M[1] = (j) => h())
                 }, {
-                  default: H(() => [
+                  default: N(() => [
                     G(A(k.value), 1)
                   ]),
                   _: 1
-                }, 8, ["type"])) : C("", !0),
-                T.confirmButtons || T.acceptButton ? (v(), L(Ne, {
+                }, 8, ["type"])) : w("", !0),
+                T.confirmButtons || T.acceptButton ? (v(), L(xe, {
                   key: 1,
                   type: m.value,
                   isLoading: T.isLoading,
-                  onClick: S[2] || (S[2] = (F) => B())
+                  onClick: M[2] || (M[2] = (j) => B())
                 }, {
-                  default: H(() => [
+                  default: N(() => [
                     G(A(f.value), 1)
                   ]),
                   _: 1
-                }, 8, ["type", "isLoading"])) : C("", !0)
-              ])) : C("", !0)
-            ])) : C("", !0)
+                }, 8, ["type", "isLoading"])) : w("", !0)
+              ])) : w("", !0)
+            ])) : w("", !0)
           ], 38)
         ], 32)
       ])
-    ])) : C("", !0);
+    ])) : w("", !0);
   }
 });
-const Pn = { class: "columns-manger-container" }, Vn = /* @__PURE__ */ R({
+const Dn = { class: "columns-manger-container" }, Ln = /* @__PURE__ */ R({
   __name: "ck-table__columns-manager",
   props: {
     modelValue: { type: Boolean },
@@ -1306,9 +1308,9 @@ const Pn = { class: "columns-manger-container" }, Vn = /* @__PURE__ */ R({
         n("update:modelValue", u);
       }
     });
-    ce(() => l.value, (u) => {
+    de(() => l.value, (u) => {
       u && i();
-    }), ce(() => l.value, (u) => {
+    }), de(() => l.value, (u) => {
       u && i();
     });
     function i() {
@@ -1329,18 +1331,18 @@ const Pn = { class: "columns-manger-container" }, Vn = /* @__PURE__ */ R({
       "onUpdate:modelValue": p[0] || (p[0] = (s) => l.value = s),
       title: "Administrador de columnas"
     }, {
-      default: H(() => [
-        $("div", Pn, [
-          (v(!0), b(Z, null, de(we(a), (s, m) => (v(), b("div", {
+      default: N(() => [
+        $("div", Dn, [
+          (v(!0), y(Z, null, ue(we(a), (s, m) => (v(), y("div", {
             class: "columns-manger__item",
             key: m
           }, [
-            Y(Bt, {
+            U(Pt, {
               modelValue: s.value,
               "onUpdate:modelValue": (r) => s.value = r,
               onClick: (r) => c(s.name, s.value)
             }, {
-              default: H(() => [
+              default: N(() => [
                 G(A(s.title), 1)
               ]),
               _: 2
@@ -1352,7 +1354,7 @@ const Pn = { class: "columns-manger-container" }, Vn = /* @__PURE__ */ R({
     }, 8, ["modelValue"]));
   }
 });
-const Dn = /* @__PURE__ */ q(Vn, [["__scopeId", "data-v-3f119c7c"]]), Ln = /* @__PURE__ */ R({
+const Sn = /* @__PURE__ */ H(Ln, [["__scopeId", "data-v-3f119c7c"]]), Mn = /* @__PURE__ */ R({
   __name: "LoadingAndNoResultsText",
   props: {
     listLength: {},
@@ -1361,52 +1363,52 @@ const Dn = /* @__PURE__ */ q(Vn, [["__scopeId", "data-v-3f119c7c"]]), Ln = /* @_
     noResultsText: {}
   },
   setup(e) {
-    const o = e, { cleekOptions: t } = ne(te()), 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(te()), 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");
     return (i, c) => {
-      const u = U("ck-icon"), p = U("ck-td"), s = U("ck-tr");
+      const u = Y("ck-icon"), p = Y("ck-td"), s = Y("ck-tr");
       return n.value ? (v(), L(s, { key: 0 }, {
-        default: H(() => [
-          Y(p, {
+        default: N(() => [
+          U(p, {
             class: "no-result-text",
             colspan: "100%",
             align: "center"
           }, {
-            default: H(() => [
-              i.isLoading ? (v(), b(Z, { key: 0 }, [
-                Y(u, {
+            default: N(() => [
+              i.isLoading ? (v(), y(Z, { key: 0 }, [
+                U(u, {
                   class: "mr-2",
                   icon: "spinner",
                   spin: ""
                 }),
                 G(" " + A(a.value), 1)
-              ], 64)) : n.value ? (v(), b(Z, { key: 1 }, [
+              ], 64)) : n.value ? (v(), y(Z, { key: 1 }, [
                 G(A(l.value), 1)
-              ], 64)) : C("", !0)
+              ], 64)) : w("", !0)
             ]),
             _: 1
           })
         ]),
         _: 1
-      })) : C("", !0);
+      })) : w("", !0);
     };
   }
 });
-const pt = /* @__PURE__ */ q(Ln, [["__scopeId", "data-v-0731cbef"]]), Sn = { class: "ck-table" }, Mn = {
+const pt = /* @__PURE__ */ H(Mn, [["__scopeId", "data-v-0731cbef"]]), xn = { class: "ck-table" }, An = {
   key: 0,
   class: "ck-table__header"
-}, xn = {
+}, In = {
   key: 1,
   class: "ck-table__header-bottom--slot"
-}, An = {
+}, zn = {
   key: 2,
   class: "header-row"
-}, In = {
+}, Rn = {
   key: 0,
   class: "selected-rows-actions"
-}, zn = { class: "selected-rows-actions__left" }, Rn = { key: 0 }, Wn = { key: 0 }, On = { key: 1 }, Nn = {
+}, Wn = { class: "selected-rows-actions__left" }, On = { key: 0 }, En = { key: 0 }, Nn = { key: 1 }, Fn = {
   key: 4,
   class: "ck-table--mobile-container"
-}, Ve = "id", En = /* @__PURE__ */ R({
+}, Ve = "id", jn = /* @__PURE__ */ R({
   __name: "ck-table",
   props: /* @__PURE__ */ ee({
     rows: {},
@@ -1440,7 +1442,7 @@ const pt = /* @__PURE__ */ q(Ln, [["__scopeId", "data-v-0731cbef"]]), Sn = { cla
   }),
   emits: /* @__PURE__ */ ee(["refreshList", "update:search", "update:currentPage"], ["update:selectedRows"]),
   setup(e, { emit: o }) {
-    const t = ge(e, "selectedRows"), n = e, a = o, { cleekOptions: l } = ne(te()), { windowWidth: i } = ke(), c = x({
+    const t = ge(e, "selectedRows"), n = e, a = o, { cleekOptions: l } = ae(te()), { windowWidth: i } = ke(), c = x({
       columnsManager: !1
     }), u = d(() => !!t.value), p = d(() => typeof n.darkMode < "u" ? n.darkMode : l.value.darkMode), s = d(() => Math.ceil(n.listLength / n.itemsPerPage)), m = d(() => n.version ? n.version : l.value ? l.value.table.version : "default"), r = d(() => {
       if (n.headerTextColor)
@@ -1456,19 +1458,19 @@ const pt = /* @__PURE__ */ q(Ln, [["__scopeId", "data-v-0731cbef"]]), Sn = { cla
         return n.headerBackgroundColor;
       if (l.value)
         return l.value.table.headerBackgroundColor;
-    }), f = d(() => !h.value[h.value.length - 1].title), k = d(() => !Kt.isArray(n.columns || [])), y = d(() => {
+    }), f = d(() => !h.value[h.value.length - 1].title), k = d(() => !Jt.isArray(n.columns || [])), b = d(() => {
       if (k.value) {
-        const j = Object.values(n.columns || []), re = Object.keys(n.columns || []);
-        return j.forEach((w, I) => {
+        const q = Object.values(n.columns || []), re = Object.keys(n.columns || []);
+        return q.forEach((C, I) => {
           const J = re[I];
-          w.name = J;
-        }), j;
+          C.name = J;
+        }), q;
       }
       const V = [];
-      return (n.columns || []).forEach((j) => {
-        typeof j == "string" ? V.push({ title: j }) : V.push(j);
+      return (n.columns || []).forEach((q) => {
+        typeof q == "string" ? V.push({ title: q }) : V.push(q);
       }), V;
-    }), h = d(() => y.value.filter(D.isColumnDisplayed)), B = d({
+    }), h = d(() => b.value.filter(D.isColumnDisplayed)), B = d({
       // @ts-ignore
       get() {
         return n.search;
@@ -1484,87 +1486,87 @@ const pt = /* @__PURE__ */ q(Ln, [["__scopeId", "data-v-0731cbef"]]), Sn = { cla
         a("update:currentPage", V);
       }
     }), P = d(() => n.layout || l.value.styles.layout), T = d(() => i.value <= (+n.mobileMaxWidth || 0));
-    function S(V = !1) {
+    function M(V = !1) {
       a("refreshList", V);
     }
-    function F() {
+    function j() {
       k.value ? c.value.columnsManager = !0 : console.log("ERROR ck-table", "The columns list should be an object");
     }
     const X = d(() => {
       var re;
       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 || ((re = l.value.table) == null ? void 0 : re.striped)) && V.push("striped-table"), V;
-    }), ae = d(() => {
-      const V = n.rows.map((j) => j[Ve]);
+    }), le = d(() => {
+      const V = n.rows.map((q) => q[Ve]);
       if (t.value.areAllRowsSelecteds(V))
         return !0;
       if (!t.value.isAnyRowsSelected(V))
         return !1;
     });
     function $e() {
-      const V = n.rows.map((j) => j[Ve]);
-      ae.value ? t.value.removeManyRows(V) : t.value.addManyRows(V);
+      const V = n.rows.map((q) => q[Ve]);
+      le.value ? t.value.removeManyRows(V) : t.value.addManyRows(V);
     }
-    return (V, j) => {
-      var oe, le, ve, Ce;
-      const re = U("ck-checkbox"), w = U("ck-chip"), I = U("ck-button"), J = U("ck-th");
-      return v(), b(Z, null, [
-        V.hasColumnsManager && k.value ? (v(), L(Dn, {
+    return (V, q) => {
+      var oe, ie, ve, Ce;
+      const re = Y("ck-checkbox"), C = Y("ck-chip"), I = Y("ck-button"), J = Y("ck-th");
+      return v(), y(Z, null, [
+        V.hasColumnsManager && k.value ? (v(), L(Sn, {
           key: 0,
           modelValue: c.value.columnsManager,
-          "onUpdate:modelValue": j[0] || (j[0] = (K) => c.value.columnsManager = K),
+          "onUpdate:modelValue": q[0] || (q[0] = (K) => c.value.columnsManager = K),
           isLoading: V.isLoading,
-          columnsArray: y.value,
+          columnsArray: b.value,
           columns: V.columns || []
-        }, null, 8, ["modelValue", "isLoading", "columnsArray", "columns"])) : C("", !0),
-        $("div", Sn, [
-          V.$slots.header || !V.hideHeaderActions ? (v(), b("div", Mn, [
-            Y(cn, {
+        }, null, 8, ["modelValue", "isLoading", "columnsArray", "columns"])) : w("", !0),
+        $("div", xn, [
+          V.$slots.header || !V.hideHeaderActions ? (v(), y("div", An, [
+            U(pn, {
               modelValue: B.value,
-              "onUpdate:modelValue": j[1] || (j[1] = (K) => B.value = K),
+              "onUpdate:modelValue": q[1] || (q[1] = (K) => B.value = K),
               hideHeaderActions: V.hideHeaderActions,
               hideRefreshBtn: V.hideRefreshBtn,
               layout: P.value,
               version: m.value,
               isLoading: V.isLoading,
-              onRefreshList: j[2] || (j[2] = (K) => S(K))
+              onRefreshList: q[2] || (q[2] = (K) => M(K))
             }, {
-              headerActionsLeft: H(() => [
+              headerActionsLeft: N(() => [
                 O(V.$slots, "headerActionsLeft", {}, void 0, !0)
               ]),
-              headerActionsRight: H(() => [
+              headerActionsRight: N(() => [
                 O(V.$slots, "headerActionsRight", {}, void 0, !0)
               ]),
               _: 3
             }, 8, ["modelValue", "hideHeaderActions", "hideRefreshBtn", "layout", "version", "isLoading"]),
-            V.$slots.header ? (v(), b("div", {
+            V.$slots.header ? (v(), y("div", {
               key: 0,
-              class: M(["ck-table__header--slot", { "full-width": V.hideHeaderActions }])
+              class: S(["ck-table__header--slot", { "full-width": V.hideHeaderActions }])
             }, [
               O(V.$slots, "header", {}, void 0, !0)
-            ], 2)) : C("", !0)
-          ])) : C("", !0),
-          V.$slots.headerBottom ? (v(), b("div", xn, [
+            ], 2)) : w("", !0)
+          ])) : w("", !0),
+          V.$slots.headerBottom ? (v(), y("div", In, [
             O(V.$slots, "headerBottom", {}, void 0, !0)
-          ])) : C("", !0),
-          u.value || h.value.length && !(V.$slots.mobile && T.value) ? (v(), b("div", An, [
-            (le = (oe = t.value) == null ? void 0 : oe.ids) != null && le.size ? (v(), b("div", In, [
-              $("div", zn, [
-                Y(re, {
+          ])) : w("", !0),
+          u.value || h.value.length && !(V.$slots.mobile && T.value) ? (v(), y("div", zn, [
+            (ie = (oe = t.value) == null ? void 0 : oe.ids) != null && ie.size ? (v(), y("div", Rn, [
+              $("div", Wn, [
+                U(re, {
                   class: "main-checkbox",
                   usesThirdState: "",
                   size: "xs",
                   color: "#BABDBF",
-                  modelValue: ae.value,
-                  onClick: j[3] || (j[3] = (K) => $e())
+                  modelValue: le.value,
+                  onClick: q[3] || (q[3] = (K) => $e())
                 }, null, 8, ["modelValue"]),
-                Y(w, {
+                U(C, {
                   class: "nowrap cursor-pointer",
                   size: "s",
                   iconRight: "times",
-                  onClick: j[4] || (j[4] = (K) => t.value.removeAll())
+                  onClick: q[4] || (q[4] = (K) => t.value.removeAll())
                 }, {
-                  default: H(() => [
+                  default: N(() => [
                     G(A(t.value.ids.size) + " seleccionado" + A(t.value.ids.size === 1 ? "" : "s"), 1)
                   ]),
                   _: 1
@@ -1576,49 +1578,49 @@ const pt = /* @__PURE__ */ q(Ln, [["__scopeId", "data-v-0731cbef"]]), Sn = { cla
                 size: "s",
                 color: "dark"
               }, {
-                default: H(() => j[9] || (j[9] = [
+                default: N(() => q[9] || (q[9] = [
                   G(" seleccionar todas las páginas ")
                 ])),
                 _: 1
-              })) : C("", !0)
-            ])) : C("", !0)
-          ])) : C("", !0),
-          T.value ? C("", !0) : (v(), b("div", {
+              })) : w("", !0)
+            ])) : w("", !0)
+          ])) : w("", !0),
+          T.value ? w("", !0) : (v(), y("div", {
             key: 3,
-            class: M(["ck-table__table-container", { "not-overflow": V.notOverflow }])
+            class: S(["ck-table__table-container", { "not-overflow": V.notOverflow }])
           }, [
             $("table", {
-              class: M(["ck-table__table", X.value])
+              class: S(["ck-table__table", X.value])
             }, [
-              (Ce = (ve = t.value) == null ? void 0 : ve.ids) != null && Ce.size ? C("", !0) : (v(), b("thead", Rn, [
+              (Ce = (ve = t.value) == null ? void 0 : ve.ids) != null && Ce.size ? w("", !0) : (v(), y("thead", On, [
                 $("tr", null, [
-                  u.value ? (v(), b("th", Wn, [
-                    Y(re, {
+                  u.value ? (v(), y("th", En, [
+                    U(re, {
                       class: "main-checkbox",
                       usesThirdState: "",
                       size: "xs",
                       color: "#BABDBF",
-                      modelValue: ae.value,
-                      onClick: j[5] || (j[5] = (K) => $e())
+                      modelValue: le.value,
+                      onClick: q[5] || (q[5] = (K) => $e())
                     }, null, 8, ["modelValue"])
-                  ])) : C("", !0),
-                  (v(!0), b(Z, null, de(h.value, (K, Te) => (v(), L(J, {
+                  ])) : w("", !0),
+                  (v(!0), y(Z, null, ue(h.value, (K, Te) => (v(), L(J, {
                     align: K.align,
                     "min-width": K.minWidth,
                     textColor: r.value,
                     backgroundColor: g.value
                   }, {
-                    default: H(() => [
+                    default: N(() => [
                       G(A(K.title) + " ", 1),
-                      Te === h.value.length - 1 && V.hasColumnsManager ? (v(), b("div", {
+                      Te === h.value.length - 1 && V.hasColumnsManager ? (v(), y("div", {
                         key: 0,
-                        style: E(f.value ? "" : { "margin-left": "auto", "padding-left": "1rem" })
+                        style: F(f.value ? "" : { "margin-left": "auto", "padding-left": "1rem" })
                       }, [
-                        Y(jo, {
+                        U(qo, {
                           layout: V.layout,
-                          onClick: j[6] || (j[6] = (He) => F())
+                          onClick: q[6] || (q[6] = (He) => j())
                         }, null, 8, ["layout"])
-                      ], 4)) : C("", !0)
+                      ], 4)) : w("", !0)
                     ]),
                     _: 2
                   }, 1032, ["align", "min-width", "textColor", "backgroundColor"]))), 256))
@@ -1627,16 +1629,16 @@ const pt = /* @__PURE__ */ q(Ln, [["__scopeId", "data-v-0731cbef"]]), Sn = { cla
               $("tbody", null, [
                 O(V.$slots, "default", {}, void 0, !0),
                 O(V.$slots, "desktop", {}, void 0, !0),
-                (v(!0), b(Z, null, de(V.rows, (K, Te) => (v(), L(wt, {
+                (v(!0), y(Z, null, ue(V.rows, (K, Te) => (v(), L($t, {
                   key: K[Ve]
                 }, {
-                  default: H(() => [
-                    u.value ? (v(), L($t, {
+                  default: N(() => [
+                    u.value ? (v(), L(Tt, {
                       key: 0,
                       autoWidth: ""
                     }, {
-                      default: H(() => [
-                        Y(re, {
+                      default: N(() => [
+                        U(re, {
                           size: "xs",
                           color: "#BABDBF",
                           modelValue: t.value.isRowSelected(K[Ve]),
@@ -1644,7 +1646,7 @@ const pt = /* @__PURE__ */ q(Ln, [["__scopeId", "data-v-0731cbef"]]), Sn = { cla
                         }, null, 8, ["modelValue", "onClick"])
                       ]),
                       _: 2
-                    }, 1024)) : C("", !0),
+                    }, 1024)) : w("", !0),
                     O(V.$slots, "row", {
                       row: K,
                       rowIndex: Te
@@ -1652,51 +1654,51 @@ const pt = /* @__PURE__ */ q(Ln, [["__scopeId", "data-v-0731cbef"]]), Sn = { cla
                   ]),
                   _: 2
                 }, 1024))), 128)),
-                Y(pt, {
+                U(pt, {
                   listLength: V.listLength,
                   isLoading: V.isLoading,
                   loadingText: V.loadingText,
                   noResultsText: V.noResultsText
                 }, null, 8, ["listLength", "isLoading", "loadingText", "noResultsText"])
               ]),
-              V.$slots.footer ? (v(), b("tfoot", On, [
+              V.$slots.footer ? (v(), y("tfoot", Nn, [
                 O(V.$slots, "footer", {}, void 0, !0)
-              ])) : C("", !0)
+              ])) : w("", !0)
             ], 2)
           ], 2)),
-          T.value ? (v(), b("div", Nn, [
+          T.value ? (v(), y("div", Fn, [
             O(V.$slots, "mobile", {}, void 0, !0),
-            Y(pt, {
+            U(pt, {
               listLength: V.listLength,
               isLoading: V.isLoading,
               loadingText: V.loadingText,
               noResultsText: V.noResultsText
             }, null, 8, ["listLength", "isLoading", "loadingText", "noResultsText"])
-          ])) : C("", !0),
-          Y(Uo, {
+          ])) : w("", !0),
+          U(Go, {
             currentPage: V.currentPage,
             itemsPerPage: V.itemsPerPage,
             hideItemsPerPage: V.hideItemsPerPage,
             listLength: V.listLength
           }, null, 8, ["currentPage", "itemsPerPage", "hideItemsPerPage", "listLength"]),
-          V.currentPage && s.value > 1 ? (v(), L(gn, {
+          V.currentPage && s.value > 1 ? (v(), L(yn, {
             key: 5,
             currentPage: W.value,
-            "onUpdate:currentPage": j[7] || (j[7] = (K) => W.value = K),
+            "onUpdate:currentPage": q[7] || (q[7] = (K) => W.value = K),
             class: "ck-table__pagination",
             totalPages: s.value,
             itemsPerPage: V.itemsPerPage,
             listLength: V.listLength,
             align: V.paginationAlign,
             layout: P.value,
-            onRefreshList: j[8] || (j[8] = (K) => S(!0))
-          }, null, 8, ["currentPage", "totalPages", "itemsPerPage", "listLength", "align", "layout"])) : C("", !0)
+            onRefreshList: q[8] || (q[8] = (K) => M(!0))
+          }, null, 8, ["currentPage", "totalPages", "itemsPerPage", "listLength", "align", "layout"])) : w("", !0)
         ])
       ], 64);
     };
   }
 });
-const Fn = /* @__PURE__ */ q(En, [["__scopeId", "data-v-5239bdd8"]]), jn = /* @__PURE__ */ R({
+const Hn = /* @__PURE__ */ H(jn, [["__scopeId", "data-v-a349ae8b"]]), qn = /* @__PURE__ */ R({
   __name: "ck-pagination",
   props: {
     modelValue: {},
@@ -1711,19 +1713,19 @@ const Fn = /* @__PURE__ */ q(En, [["__scopeId", "data-v-5239bdd8"]]), jn = /* @_
   },
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { cleekOptions: a } = ne(te()), l = d({
+    const t = e, n = o, { cleekOptions: a } = ae(te()), l = d({
       get() {
         return t.modelValue;
       },
-      set(y) {
-        n("update:modelValue", y);
+      set(b) {
+        n("update:modelValue", b);
       }
     }), i = d(() => {
-      const y = [];
-      return t.align && y.push(`align--${t.align}`), y;
+      const b = [];
+      return t.align && b.push(`align--${t.align}`), b;
     }), c = d(() => {
-      const y = t.btnType || a.value.button.type;
-      return y.toLowerCase() === "filled" ? "outlined" : y;
+      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"), s = d(() => c.value === "flat" ? "" : "left"), m = d(() => c.value === "flat" ? "" : "right"), r = 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");
     function f() {
       l.value <= 1 || (l.value = l.value - 1);
@@ -1731,12 +1733,12 @@ const Fn = /* @__PURE__ */ q(En, [["__scopeId", "data-v-5239bdd8"]]), jn = /* @_
     function k() {
       l.value >= t.maxStep || (l.value = l.value + 1);
     }
-    return (y, h) => {
-      const B = U("ck-button");
-      return v(), b("div", {
-        class: M(["ck-pagination", i.value])
+    return (b, h) => {
+      const B = Y("ck-button");
+      return v(), y("div", {
+        class: S(["ck-pagination", i.value])
       }, [
-        Y(B, {
+        U(B, {
           width: "42px",
           align: "center",
           group: s.value,
@@ -1754,11 +1756,11 @@ const Fn = /* @__PURE__ */ q(En, [["__scopeId", "data-v-5239bdd8"]]), jn = /* @_
           layout: u.value,
           onClick: h[1] || (h[1] = (W) => l.value = l.value - 2)
         }, {
-          default: H(() => [
+          default: N(() => [
             G(A(l.value - 2), 1)
           ]),
           _: 1
-        }, 8, ["group", "type", "layout"])) : C("", !0),
+        }, 8, ["group", "type", "layout"])) : w("", !0),
         l.value - 1 >= 1 ? (v(), L(B, {
           key: 1,
           width: "42px",
@@ -1768,24 +1770,24 @@ const Fn = /* @__PURE__ */ q(En, [["__scopeId", "data-v-5239bdd8"]]), jn = /* @_
           layout: u.value,
           onClick: h[2] || (h[2] = (W) => l.value = l.value - 1)
         }, {
-          default: H(() => [
+          default: N(() => [
             G(A(l.value - 1), 1)
           ]),
           _: 1
-        }, 8, ["group", "type", "layout"])) : C("", !0),
-        Y(B, {
+        }, 8, ["group", "type", "layout"])) : w("", !0),
+        U(B, {
           type: "filled",
           width: "42px",
           align: "center",
           group: p.value,
           layout: u.value
         }, {
-          default: H(() => [
+          default: N(() => [
             G(A(l.value), 1)
           ]),
           _: 1
         }, 8, ["group", "layout"]),
-        l.value + 1 <= y.maxStep ? (v(), L(B, {
+        l.value + 1 <= b.maxStep ? (v(), L(B, {
           key: 2,
           width: "42px",
           align: "center",
@@ -1794,12 +1796,12 @@ const Fn = /* @__PURE__ */ q(En, [["__scopeId", "data-v-5239bdd8"]]), jn = /* @_
           layout: u.value,
           onClick: h[3] || (h[3] = (W) => l.value = l.value + 1)
         }, {
-          default: H(() => [
+          default: N(() => [
             G(A(l.value + 1), 1)
           ]),
           _: 1
-        }, 8, ["group", "type", "layout"])) : C("", !0),
-        l.value + 2 <= y.maxStep ? (v(), L(B, {
+        }, 8, ["group", "type", "layout"])) : w("", !0),
+        l.value + 2 <= b.maxStep ? (v(), L(B, {
           key: 3,
           group: "center",
           width: "42px",
@@ -1808,12 +1810,12 @@ const Fn = /* @__PURE__ */ q(En, [["__scopeId", "data-v-5239bdd8"]]), jn = /* @_
           layout: u.value,
           onClick: h[4] || (h[4] = (W) => l.value = l.value + 2)
         }, {
-          default: H(() => [
+          default: N(() => [
             G(A(l.value + 2), 1)
           ]),
           _: 1
-        }, 8, ["type", "layout"])) : C("", !0),
-        Y(B, {
+        }, 8, ["type", "layout"])) : w("", !0),
+        U(B, {
           width: "42px",
           align: "center",
           group: m.value,
@@ -1826,7 +1828,7 @@ const Fn = /* @__PURE__ */ q(En, [["__scopeId", "data-v-5239bdd8"]]), jn = /* @_
     };
   }
 });
-const Hn = { class: "ck-th" }, qn = "left", Un = /* @__PURE__ */ R({
+const Un = { class: "ck-th" }, Yn = "left", Gn = /* @__PURE__ */ R({
   __name: "ck-th",
   props: {
     align: {},
@@ -1837,22 +1839,22 @@ const Hn = { class: "ck-th" }, qn = "left", Un = /* @__PURE__ */ R({
   setup(e) {
     const o = e, t = d(() => {
       const a = [];
-      return a.push(`align-${o.align || qn}`), 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 || Yn}`), 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;
     }), 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 (a, l) => (v(), b("th", Hn, [
+    return (a, l) => (v(), y("th", Un, [
       $("span", {
-        class: M(t.value),
-        style: E(n.value)
+        class: S(t.value),
+        style: F(n.value)
       }, [
         O(a.$slots, "default", {}, void 0, !0)
       ], 6)
     ]));
   }
 });
-const Yn = /* @__PURE__ */ q(Un, [["__scopeId", "data-v-0c92c654"]]);
+const Zn = /* @__PURE__ */ H(Gn, [["__scopeId", "data-v-0c92c654"]]);
 (function() {
   try {
     if (typeof document < "u") {
@@ -1863,7 +1865,7 @@ const Yn = /* @__PURE__ */ q(Un, [["__scopeId", "data-v-0c92c654"]]);
     console.error("vite-plugin-css-injected-by-js", o);
   }
 })();
-const Gn = ["year", "month", "day", "time", "custom"], Zn = R({
+const Kn = ["year", "month", "day", "time", "custom"], Qn = R({
   emits: {
     elementClick: (e) => pe(e),
     left: () => !0,
@@ -1894,7 +1896,7 @@ const Gn = ["year", "month", "day", "time", "custom"], Zn = R({
     viewMode: {
       type: String,
       required: !0,
-      validate: (e) => typeof e == "string" && Gn.includes(e)
+      validate: (e) => typeof e == "string" && Kn.includes(e)
     }
   }
 }), Be = (e, o) => {
@@ -1902,7 +1904,7 @@ const Gn = ["year", "month", "day", "time", "custom"], Zn = R({
   for (const [n, a] of o)
     t[n] = a;
   return t;
-}, at = (e) => (Et("data-v-65eb861b"), e = e(), Ft(), e), Kn = { class: "v3dp__heading" }, Qn = ["disabled"], Jn = /* @__PURE__ */ at(() => /* @__PURE__ */ $("svg", {
+}, at = (e) => (Ft("data-v-65eb861b"), e = e(), jt(), e), Jn = { class: "v3dp__heading" }, Xn = ["disabled"], ea = /* @__PURE__ */ at(() => /* @__PURE__ */ $("svg", {
   class: "v3dp__heading__icon",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 6 8"
@@ -1921,7 +1923,7 @@ const Gn = ["year", "month", "day", "time", "custom"], Zn = R({
       d: "M5 0L1 4l4 4"
     })
   ])
-], -1)), Xn = ["disabled"], ea = /* @__PURE__ */ at(() => /* @__PURE__ */ $("svg", {
+], -1)), ta = ["disabled"], oa = /* @__PURE__ */ at(() => /* @__PURE__ */ $("svg", {
   class: "v3dp__heading__icon",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 6 8"
@@ -1940,29 +1942,29 @@ const Gn = ["year", "month", "day", "time", "custom"], Zn = R({
       d: "M1 8l4-4-4-4"
     })
   ])
-], -1)), ta = { class: "v3dp__body" }, oa = { class: "v3dp__subheading" }, na = /* @__PURE__ */ at(() => /* @__PURE__ */ $("hr", { class: "v3dp__divider" }, null, -1)), aa = { class: "v3dp__elements" }, la = ["disabled", "onClick"];
-function ia(e, o, t, n, a, l) {
-  return v(), b("div", {
-    class: M(["v3dp__popout", `v3dp__popout-${e.viewMode}`]),
-    style: E({ "--popout-column-definition": `repeat(${e.columnCount}, 1fr)` }),
-    onMousedown: o[3] || (o[3] = ie(() => {
+], -1)), na = { class: "v3dp__body" }, aa = { class: "v3dp__subheading" }, la = /* @__PURE__ */ at(() => /* @__PURE__ */ $("hr", { class: "v3dp__divider" }, null, -1)), ia = { class: "v3dp__elements" }, sa = ["disabled", "onClick"];
+function ra(e, o, t, n, a, l) {
+  return v(), y("div", {
+    class: S(["v3dp__popout", `v3dp__popout-${e.viewMode}`]),
+    style: F({ "--popout-column-definition": `repeat(${e.columnCount}, 1fr)` }),
+    onMousedown: o[3] || (o[3] = se(() => {
     }, ["prevent"]))
   }, [
-    $("div", Kn, [
+    $("div", Jn, [
       $("button", {
         class: "v3dp__heading__button v3dp__heading__button__left",
         disabled: e.leftDisabled,
-        onClick: o[0] || (o[0] = ie((i) => e.$emit("left"), ["stop", "prevent"]))
+        onClick: o[0] || (o[0] = se((i) => e.$emit("left"), ["stop", "prevent"]))
       }, [
         O(e.$slots, "arrow-left", {}, () => [
-          Jn
+          ea
         ], !0)
-      ], 8, Qn),
+      ], 8, Xn),
       (v(), L(Nt(e.headingClickable ? "button" : "span"), {
         class: "v3dp__heading__center",
-        onClick: o[1] || (o[1] = ie((i) => e.$emit("heading"), ["stop", "prevent"]))
+        onClick: o[1] || (o[1] = se((i) => e.$emit("heading"), ["stop", "prevent"]))
       }, {
-        default: H(() => [
+        default: N(() => [
           O(e.$slots, "heading", {}, void 0, !0)
         ]),
         _: 3
@@ -1970,42 +1972,42 @@ function ia(e, o, t, n, a, l) {
       $("button", {
         class: "v3dp__heading__button v3dp__heading__button__right",
         disabled: e.rightDisabled,
-        onClick: o[2] || (o[2] = ie((i) => e.$emit("right"), ["stop", "prevent"]))
+        onClick: o[2] || (o[2] = se((i) => e.$emit("right"), ["stop", "prevent"]))
       }, [
         O(e.$slots, "arrow-right", {}, () => [
-          ea
+          oa
         ], !0)
-      ], 8, Xn)
+      ], 8, ta)
     ]),
-    $("div", ta, [
-      "subheading" in e.$slots ? (v(), b(Z, { key: 0 }, [
-        $("div", oa, [
+    $("div", na, [
+      "subheading" in e.$slots ? (v(), y(Z, { key: 0 }, [
+        $("div", aa, [
           O(e.$slots, "subheading", {}, void 0, !0)
         ]),
-        na
-      ], 64)) : C("", !0),
-      $("div", aa, [
+        la
+      ], 64)) : w("", !0),
+      $("div", ia, [
         O(e.$slots, "body", {}, () => [
-          (v(!0), b(Z, null, de(e.items, (i) => (v(), b("button", {
+          (v(!0), y(Z, null, ue(e.items, (i) => (v(), y("button", {
             key: i.key,
             disabled: i.disabled,
-            class: M([
+            class: S([
               {
                 selected: i.selected,
                 current: i.current
               },
               `v3dp__element__button__${e.viewMode}`
             ]),
-            onClick: ie((c) => e.$emit("elementClick", i.value), ["stop", "prevent"])
+            onClick: se((c) => e.$emit("elementClick", i.value), ["stop", "prevent"])
           }, [
             $("span", null, A(i.display), 1)
-          ], 10, la))), 128))
+          ], 10, sa))), 128))
         ], !0)
       ])
     ])
   ], 38);
 }
-const je = /* @__PURE__ */ Be(Zn, [["render", ia], ["__scopeId", "data-v-65eb861b"]]), sa = R({
+const je = /* @__PURE__ */ Be(Qn, [["render", ra], ["__scopeId", "data-v-65eb861b"]]), ua = R({
   components: {
     PickerPopup: je
   },
@@ -2032,8 +2034,8 @@ const je = /* @__PURE__ */ Be(Zn, [["render", ia], ["__scopeId", "data-v-65eb861
     }
   },
   setup(e, { emit: o }) {
-    const t = d(() => Jt(e.pageDate)), n = d(() => Xt(e.pageDate)), a = (p, s, m) => !s && !m ? !0 : !(s && me(p) < me(s) || m && me(p) > me(m)), l = d(
-      () => eo({
+    const t = d(() => eo(e.pageDate)), n = d(() => to(e.pageDate)), a = (p, s, m) => !s && !m ? !0 : !(s && me(p) < me(s) || m && me(p) > me(m)), l = d(
+      () => oo({
         start: t.value,
         end: n.value
       }).map(
@@ -2049,22 +2051,22 @@ const je = /* @__PURE__ */ Be(Zn, [["render", ia], ["__scopeId", "data-v-65eb861
       const p = me(t.value), s = me(n.value);
       return `${p} - ${s}`;
     }), c = d(
-      () => e.lowerLimit && (ze(e.lowerLimit) === ze(e.pageDate) || Se(e.pageDate, e.lowerLimit))
+      () => e.lowerLimit && (We(e.lowerLimit) === We(e.pageDate) || Se(e.pageDate, e.lowerLimit))
     ), u = d(
-      () => e.upperLimit && (ze(e.upperLimit) === ze(e.pageDate) || Me(e.pageDate, e.upperLimit))
+      () => e.upperLimit && (We(e.upperLimit) === We(e.pageDate) || Me(e.pageDate, e.upperLimit))
     );
     return {
       years: l,
       heading: i,
       leftDisabled: c,
       rightDisabled: u,
-      previousPage: () => o("update:pageDate", gt(e.pageDate, 10)),
-      nextPage: () => o("update:pageDate", kt(e.pageDate, 10))
+      previousPage: () => o("update:pageDate", kt(e.pageDate, 10)),
+      nextPage: () => o("update:pageDate", yt(e.pageDate, 10))
     };
   }
 });
-function ra(e, o, t, n, a, l) {
-  const i = U("picker-popup");
+function ca(e, o, t, n, a, l) {
+  const i = Y("picker-popup");
   return v(), L(i, {
     columnCount: 3,
     leftDisabled: e.leftDisabled,
@@ -2075,13 +2077,13 @@ function ra(e, o, t, n, a, l) {
     onRight: e.nextPage,
     onElementClick: o[0] || (o[0] = (c) => e.$emit("select", c))
   }, {
-    heading: H(() => [
+    heading: N(() => [
       G(A(e.heading), 1)
     ]),
     _: 1
   }, 8, ["leftDisabled", "rightDisabled", "items", "onLeft", "onRight"]);
 }
-const ua = /* @__PURE__ */ Be(sa, [["render", ra]]), ca = R({
+const da = /* @__PURE__ */ Be(ua, [["render", ca]]), pa = R({
   components: {
     PickerPopup: je
   },
@@ -2121,12 +2123,12 @@ const ua = /* @__PURE__ */ Be(sa, [["render", ra]]), ca = R({
     }
   },
   setup(e, { emit: o }) {
-    const t = d(() => to(e.pageDate)), n = d(() => oo(e.pageDate)), a = d(
-      () => (s) => Oe(s, e.format, {
+    const t = d(() => no(e.pageDate)), n = d(() => ao(e.pageDate)), a = d(
+      () => (s) => Ne(s, e.format, {
         locale: e.locale
       })
-    ), l = (s, m, r) => !m && !r ? !0 : !(m && Se(s, yt(m)) || r && Me(s, bt(r))), i = d(
-      () => no({
+    ), l = (s, m, r) => !m && !r ? !0 : !(m && Se(s, bt(m)) || r && Me(s, _t(r))), i = d(
+      () => lo({
         start: t.value,
         end: n.value
       }).map(
@@ -2148,13 +2150,13 @@ const ua = /* @__PURE__ */ Be(sa, [["render", ra]]), ca = R({
       heading: c,
       leftDisabled: u,
       rightDisabled: p,
-      previousPage: () => o("update:pageDate", gt(e.pageDate, 1)),
-      nextPage: () => o("update:pageDate", kt(e.pageDate, 1))
+      previousPage: () => o("update:pageDate", kt(e.pageDate, 1)),
+      nextPage: () => o("update:pageDate", yt(e.pageDate, 1))
     };
   }
 });
-function da(e, o, t, n, a, l) {
-  const i = U("picker-popup");
+function va(e, o, t, n, a, l) {
+  const i = Y("picker-popup");
   return v(), L(i, {
     headingClickable: "",
     columnCount: 3,
@@ -2167,13 +2169,13 @@ function da(e, o, t, n, a, l) {
     onHeading: o[0] || (o[0] = (c) => e.$emit("back")),
     onElementClick: o[1] || (o[1] = (c) => e.$emit("select", c))
   }, {
-    heading: H(() => [
+    heading: N(() => [
       G(A(e.heading), 1)
     ]),
     _: 1
   }, 8, ["items", "leftDisabled", "rightDisabled", "onLeft", "onRight"]);
 }
-const pa = /* @__PURE__ */ Be(ca, [["render", da]]), va = R({
+const ma = /* @__PURE__ */ Be(pa, [["render", va]]), fa = R({
   components: {
     PickerPopup: je
   },
@@ -2236,39 +2238,39 @@ const pa = /* @__PURE__ */ Be(ca, [["render", da]]), va = R({
   },
   setup(e, { emit: o }) {
     const t = d(
-      () => (g) => (f) => Oe(f, g, {
+      () => (g) => (f) => Ne(f, g, {
         locale: e.locale,
         weekStartsOn: e.weekStartsOn
       })
-    ), n = d(() => yt(e.pageDate)), a = d(() => bt(e.pageDate)), l = d(() => ({
+    ), n = d(() => bt(e.pageDate)), a = d(() => _t(e.pageDate)), l = d(() => ({
       start: n.value,
       end: a.value
     })), i = d(() => ({
-      start: ao(n.value, {
+      start: io(n.value, {
         weekStartsOn: e.weekStartsOn
       }),
-      end: lo(a.value, {
+      end: so(a.value, {
         weekStartsOn: e.weekStartsOn
       })
     })), c = d(() => {
       const g = e.weekStartsOn, f = t.value(e.weekdayFormat);
-      return Array.from(Array(7)).map((k, y) => (g + y) % 7).map(
-        (k) => io(/* @__PURE__ */ new Date(), k, {
+      return Array.from(Array(7)).map((k, b) => (g + b) % 7).map(
+        (k) => ro(/* @__PURE__ */ new Date(), k, {
           weekStartsOn: e.weekStartsOn
         })
       ).map(f);
-    }), u = (g, f, k, y) => {
+    }), u = (g, f, k, b) => {
       var h, B;
-      return (h = y == null ? void 0 : y.dates) != null && h.some((W) => Ze(g, W)) || (B = y == null ? void 0 : y.predicate) != null && B.call(y, g) ? !1 : !f && !k ? !0 : !(f && Se(g, mo(f)) || k && Me(g, fo(k)));
+      return (h = b == null ? void 0 : b.dates) != null && h.some((W) => Ze(g, W)) || (B = b == null ? void 0 : b.predicate) != null && B.call(b, g) ? !1 : !f && !k ? !0 : !(f && Se(g, ho(f)) || k && Me(g, go(k)));
     }, p = d(() => {
       const g = /* @__PURE__ */ new Date(), f = t.value(e.format);
-      return so(i.value).map(
+      return uo(i.value).map(
         (k) => ({
           value: k,
           display: f(k),
           selected: !!e.selected && Ze(e.selected, k),
           current: Ze(g, k),
-          disabled: !e.allowOutsideInterval && !ro(k, l.value) || !u(
+          disabled: !e.allowOutsideInterval && !co(k, l.value) || !u(
             k,
             e.lowerLimit,
             e.upperLimit,
@@ -2290,13 +2292,13 @@ const pa = /* @__PURE__ */ Be(ca, [["render", da]]), va = R({
       heading: s,
       leftDisabled: m,
       rightDisabled: r,
-      previousPage: () => o("update:pageDate", uo(e.pageDate, 1)),
-      nextPage: () => o("update:pageDate", co(e.pageDate, 1))
+      previousPage: () => o("update:pageDate", po(e.pageDate, 1)),
+      nextPage: () => o("update:pageDate", vo(e.pageDate, 1))
     };
   }
 });
-function ma(e, o, t, n, a, l) {
-  const i = U("picker-popup");
+function ha(e, o, t, n, a, l) {
+  const i = Y("picker-popup");
   return v(), L(i, {
     headingClickable: "",
     leftDisabled: e.leftDisabled,
@@ -2308,19 +2310,19 @@ function ma(e, o, t, n, a, l) {
     onHeading: o[0] || (o[0] = (c) => e.$emit("back")),
     onElementClick: o[1] || (o[1] = (c) => e.$emit("select", c))
   }, {
-    heading: H(() => [
+    heading: N(() => [
       G(A(e.heading), 1)
     ]),
-    subheading: H(() => [
-      (v(!0), b(Z, null, de(e.weekDays, (c, u) => (v(), b("span", {
+    subheading: N(() => [
+      (v(!0), y(Z, null, ue(e.weekDays, (c, u) => (v(), y("span", {
         key: c,
-        class: M(`v3dp__subheading__weekday__${u}`)
+        class: S(`v3dp__subheading__weekday__${u}`)
       }, A(c), 3))), 128))
     ]),
     _: 1
   }, 8, ["leftDisabled", "rightDisabled", "items", "onLeft", "onRight"]);
 }
-const fa = /* @__PURE__ */ Be(va, [["render", ma]]);
+const ga = /* @__PURE__ */ Be(fa, [["render", ha]]);
 function vt(e, o) {
   const t = e.getBoundingClientRect(), n = {
     height: e.clientHeight,
@@ -2331,7 +2333,7 @@ function vt(e, o) {
     Math.abs(l) < Math.abs(i) ? e.scrollTop += l : e.scrollTop += i;
   }
 }
-const ha = R({
+const ka = R({
   components: {
     PickerPopup: je
   },
@@ -2359,7 +2361,7 @@ const ha = R({
   },
   setup(e, { emit: o }) {
     const t = x(null), n = x(null), a = d(() => e.pageDate ?? e.selected), l = x(a.value.getHours()), i = x(a.value.getMinutes());
-    ce(
+    de(
       () => e.selected,
       (m) => {
         let r = 0, g = 0;
@@ -2406,10 +2408,10 @@ const ha = R({
       );
       m && r && (vt(t.value, m.ref.value), vt(n.value, r.ref.value));
     };
-    return ce(
+    return de(
       () => e.visible,
       (m) => {
-        m && ht(s);
+        m && gt(s);
       }
     ), {
       hoursListRef: t,
@@ -2423,21 +2425,21 @@ const ha = R({
       isEnabled: (m) => {
         var r, g, f, k;
         return !((g = (r = e.disabledTime) == null ? void 0 : r.dates) != null && g.some(
-          (y) => po(m, y) && vo(m, y)
+          (b) => mo(m, b) && fo(m, b)
         ) || (k = (f = e.disabledTime) == null ? void 0 : f.predicate) != null && k.call(f, m));
       },
       scroll: s
     };
   }
-}), ga = {
+}), ya = {
   ref: "hoursListRef",
   class: "v3dp__column"
-}, ka = ["disabled", "onClick"], ya = {
+}, ba = ["disabled", "onClick"], _a = {
   ref: "minutesListRef",
   class: "v3dp__column"
-}, ba = ["disabled", "onClick"];
-function _a(e, o, t, n, a, l) {
-  const i = U("picker-popup");
+}, Ca = ["disabled", "onClick"];
+function wa(e, o, t, n, a, l) {
+  const i = Y("picker-popup");
   return v(), L(i, {
     headingClickable: "",
     columnCount: 2,
@@ -2446,47 +2448,47 @@ function _a(e, o, t, n, a, l) {
     viewMode: "time",
     onHeading: o[0] || (o[0] = (c) => e.$emit("back"))
   }, {
-    heading: H(() => [
+    heading: N(() => [
       G(A(e.padStartZero(e.hours)) + ":" + A(e.padStartZero(e.minutes)), 1)
     ]),
-    body: H(() => [
-      $("div", ga, [
-        (v(!0), b(Z, null, de(e.hoursList, (c) => (v(), b("button", {
+    body: N(() => [
+      $("div", ya, [
+        (v(!0), y(Z, null, ue(e.hoursList, (c) => (v(), y("button", {
           key: c.value,
           ref_for: !0,
           ref: c.ref,
-          class: M([{ selected: c.selected }, "v3dp__element_button__hour"]),
+          class: S([{ selected: c.selected }, "v3dp__element_button__hour"]),
           disabled: !e.isEnabled(c.date),
-          onClick: ie((u) => e.hours = c.value, ["stop", "prevent"])
+          onClick: se((u) => e.hours = c.value, ["stop", "prevent"])
         }, [
           $("span", null, A(e.padStartZero(c.value)), 1)
-        ], 10, ka))), 128))
+        ], 10, ba))), 128))
       ], 512),
-      $("div", ya, [
-        (v(!0), b(Z, null, de(e.minutesList, (c) => (v(), b("button", {
+      $("div", _a, [
+        (v(!0), y(Z, null, ue(e.minutesList, (c) => (v(), y("button", {
           key: c.value,
           ref_for: !0,
           ref: c.ref,
-          class: M([{ selected: c.selected }, "v3dp__element_button__minute"]),
+          class: S([{ selected: c.selected }, "v3dp__element_button__minute"]),
           disabled: !e.isEnabled(c.date),
-          onClick: ie((u) => e.selectMinutes(c), ["stop", "prevent"])
+          onClick: se((u) => e.selectMinutes(c), ["stop", "prevent"])
         }, [
           $("span", null, A(e.padStartZero(c.value)), 1)
-        ], 10, ba))), 128))
+        ], 10, Ca))), 128))
       ], 512)
     ]),
     _: 1
   });
 }
-const Ca = /* @__PURE__ */ Be(ha, [["render", _a], ["__scopeId", "data-v-81ac698d"]]), Re = ["time", "day", "month", "year"], wa = (e, o, t = void 0) => {
+const $a = /* @__PURE__ */ Be(ka, [["render", wa], ["__scopeId", "data-v-81ac698d"]]), Oe = ["time", "day", "month", "year"], Ta = (e, o, t = void 0) => {
   let n = t || /* @__PURE__ */ new Date();
-  return e && (n = ho([e, n])), o && (n = go([o, n])), n;
-}, $a = R({
+  return e && (n = ko([e, n])), o && (n = yo([o, n])), n;
+}, Ba = R({
   components: {
-    YearPicker: ua,
-    MonthPicker: pa,
-    DayPicker: fa,
-    TimePicker: Ca
+    YearPicker: da,
+    MonthPicker: ma,
+    DayPicker: ga,
+    TimePicker: $a
   },
   inheritAttrs: !1,
   props: {
@@ -2541,7 +2543,7 @@ const Ca = /* @__PURE__ */ Be(ha, [["render", _a], ["__scopeId", "data-v-81ac698
       type: String,
       required: !1,
       default: "day",
-      validate: (e) => typeof e == "string" && Re.includes(e)
+      validate: (e) => typeof e == "string" && Oe.includes(e)
     },
     /**
      * Date which should be the "center" of the initial view.
@@ -2645,7 +2647,7 @@ const Ca = /* @__PURE__ */ Be(ha, [["render", _a], ["__scopeId", "data-v-81ac698
       type: String,
       required: !1,
       default: "day",
-      validate: (e) => typeof e == "string" && Re.includes(e)
+      validate: (e) => typeof e == "string" && Oe.includes(e)
     }
   },
   emits: {
@@ -2664,12 +2666,12 @@ const Ca = /* @__PURE__ */ Be(ha, [["render", _a], ["__scopeId", "data-v-81ac698
       });
       pe(P) && (a.value = P);
     }), Ye(
-      () => c.value = e.modelValue && pe(e.modelValue) ? Oe(e.modelValue, e.inputFormat, {
+      () => c.value = e.modelValue && pe(e.modelValue) ? Ne(e.modelValue, e.inputFormat, {
         locale: e.locale
       }) : ""
     );
     const u = (P = "none") => {
-      e.disabled || (P !== "none" && n.value === "none" && (a.value = e.modelValue || wa(e.lowerLimit, e.upperLimit, a.value)), n.value = P, o(P !== "none" ? "opened" : "closed"));
+      e.disabled || (P !== "none" && n.value === "none" && (a.value = e.modelValue || Ta(e.lowerLimit, e.upperLimit, a.value)), n.value = P, o(P !== "none" ? "opened" : "closed"));
     };
     Ye(() => {
       e.disabled && (n.value = "none");
@@ -2686,7 +2688,7 @@ const Ca = /* @__PURE__ */ Be(ha, [["render", _a], ["__scopeId", "data-v-81ac698
       u("none"), o("update:modelValue", P);
     }, f = () => {
       e.clearable && (u("none"), o("update:modelValue", null), a.value = e.startingViewDate);
-    }, k = () => i.value = !0, y = () => u(W.value), h = () => {
+    }, k = () => i.value = !0, b = () => u(W.value), h = () => {
       i.value = !1, u();
     }, B = (P) => {
       const T = P.keyCode ? P.keyCode : P.which;
@@ -2696,21 +2698,21 @@ const Ca = /* @__PURE__ */ Be(ha, [["render", _a], ["__scopeId", "data-v-81ac698
         13
         // enter
       ].includes(T) && l.value.blur(), e.typeable) {
-        const S = rt(
+        const M = rt(
           l.value.value,
           e.inputFormat,
           /* @__PURE__ */ new Date(),
           { locale: e.locale }
         );
-        pe(S) && c.value === Oe(S, e.inputFormat, { locale: e.locale }) && (c.value = l.value.value, o("update:modelValue", S));
+        pe(M) && c.value === Ne(M, e.inputFormat, { locale: e.locale }) && (c.value = l.value.value, o("update:modelValue", M));
       }
     }, W = d(() => {
-      const P = Re.indexOf(e.startingView), T = Re.indexOf(e.minimumView);
+      const P = Oe.indexOf(e.startingView), T = Oe.indexOf(e.minimumView);
       return P < T ? e.minimumView : e.startingView;
     });
     return {
       blur: h,
-      focus: y,
+      focus: b,
       click: k,
       input: c,
       inputRef: l,
@@ -2728,19 +2730,19 @@ const Ca = /* @__PURE__ */ Be(ha, [["render", _a], ["__scopeId", "data-v-81ac698
       initialView: W,
       log: (P) => console.log(P),
       variables: (P) => Object.fromEntries(
-        Object.entries(P ?? {}).filter(([T, S]) => T.startsWith("--"))
+        Object.entries(P ?? {}).filter(([T, M]) => T.startsWith("--"))
       )
     };
   }
-}), Ta = { class: "v3dp__input_wrapper" }, Ba = ["readonly", "placeholder", "disabled", "tabindex"], Pa = { class: "v3dp__clearable" };
-function Va(e, o, t, n, a, l) {
-  const i = U("year-picker"), c = U("month-picker"), u = U("day-picker"), p = U("time-picker");
-  return v(), b("div", {
+}), Pa = { class: "v3dp__input_wrapper" }, Va = ["readonly", "placeholder", "disabled", "tabindex"], Da = { class: "v3dp__clearable" };
+function La(e, o, t, n, a, l) {
+  const i = Y("year-picker"), c = Y("month-picker"), u = Y("day-picker"), p = Y("time-picker");
+  return v(), y("div", {
     class: "v3dp__datepicker",
-    style: E(e.variables(e.$attrs.style))
+    style: F(e.variables(e.$attrs.style))
   }, [
-    $("div", Ta, [
-      ue($("input", Fe({
+    $("div", Pa, [
+      ce($("input", Ie({
         type: "text",
         ref: "inputRef",
         readonly: !e.typeable,
@@ -2753,10 +2755,10 @@ function Va(e, o, t, n, a, l) {
         onBlur: o[2] || (o[2] = (...s) => e.blur && e.blur(...s)),
         onFocus: o[3] || (o[3] = (...s) => e.focus && e.focus(...s)),
         onClick: o[4] || (o[4] = (...s) => e.click && e.click(...s))
-      }), null, 16, Ba), [
-        [Ee, e.input]
+      }), null, 16, Va), [
+        [Fe, e.input]
       ]),
-      ue($("div", Pa, [
+      ce($("div", Da, [
         O(e.$slots, "clear", { onClear: e.clearModelValue }, () => [
           $("i", {
             onClick: o[5] || (o[5] = (s) => e.clearModelValue())
@@ -2766,7 +2768,7 @@ function Va(e, o, t, n, a, l) {
         [Pe, e.clearable && e.modelValue]
       ])
     ]),
-    ue(Y(i, {
+    ce(U(i, {
       pageDate: e.pageDate,
       "onUpdate:pageDate": o[6] || (o[6] = (s) => e.updatePageDate("year", s)),
       selected: e.modelValue,
@@ -2776,7 +2778,7 @@ function Va(e, o, t, n, a, l) {
     }, null, 8, ["pageDate", "selected", "lowerLimit", "upperLimit", "onSelect"]), [
       [Pe, e.viewShown === "year"]
     ]),
-    ue(Y(c, {
+    ce(U(c, {
       pageDate: e.pageDate,
       "onUpdate:pageDate": o[7] || (o[7] = (s) => e.updatePageDate("month", s)),
       selected: e.modelValue,
@@ -2789,7 +2791,7 @@ function Va(e, o, t, n, a, l) {
     }, null, 8, ["pageDate", "selected", "onSelect", "lowerLimit", "upperLimit", "format", "locale"]), [
       [Pe, e.viewShown === "month"]
     ]),
-    ue(Y(u, {
+    ce(U(u, {
       pageDate: e.pageDate,
       "onUpdate:pageDate": o[9] || (o[9] = (s) => e.updatePageDate("day", s)),
       selected: e.modelValue,
@@ -2807,7 +2809,7 @@ function Va(e, o, t, n, a, l) {
     }, null, 8, ["pageDate", "selected", "weekStartsOn", "lowerLimit", "upperLimit", "headingFormat", "disabledDates", "locale", "weekdayFormat", "allow-outside-interval", "format", "onSelect"]), [
       [Pe, e.viewShown === "day"]
     ]),
-    ue(Y(p, {
+    ce(U(p, {
       pageDate: e.pageDate,
       visible: e.viewShown === "time",
       selected: e.modelValue,
@@ -2819,7 +2821,7 @@ function Va(e, o, t, n, a, l) {
     ])
   ], 4);
 }
-const Da = /* @__PURE__ */ Be($a, [["render", Va]]);
+const Sa = /* @__PURE__ */ Be(Ba, [["render", La]]);
 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];
@@ -2845,9 +2847,9 @@ function Le(e) {
     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)
       return null;
-    var i = l[0], c = n && e.parsePatterns[n] || e.parsePatterns[e.defaultParseWidth], u = Array.isArray(c) ? Sa(c, function(m) {
+    var i = l[0], c = n && e.parsePatterns[n] || e.parsePatterns[e.defaultParseWidth], u = Array.isArray(c) ? xa(c, function(m) {
       return m.test(i);
-    }) : La(c, function(m) {
+    }) : Ma(c, function(m) {
       return m.test(i);
     }), p;
     p = e.valueCallback ? e.valueCallback(u) : u, p = t.valueCallback ? t.valueCallback(p) : p;
@@ -2858,17 +2860,17 @@ function Le(e) {
     };
   };
 }
-function La(e, o) {
+function Ma(e, o) {
   for (var t in e)
     if (e.hasOwnProperty(t) && o(e[t]))
       return t;
 }
-function Sa(e, o) {
+function xa(e, o) {
   for (var t = 0; t < e.length; t++)
     if (o(e[t]))
       return t;
 }
-function Ma(e) {
+function Aa(e) {
   return function(o) {
     var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = o.match(e.matchPattern);
     if (!n)
@@ -2885,7 +2887,7 @@ function Ma(e) {
     };
   };
 }
-var xa = {
+var Ia = {
   lessThanXSeconds: {
     one: "menos de un segundo",
     other: "menos de {{count}} segundos"
@@ -2947,77 +2949,77 @@ var xa = {
     one: "casi 1 año",
     other: "casi {{count}} años"
   }
-}, Aa = function(o, t, n) {
-  var a, l = xa[o];
+}, za = function(o, t, n) {
+  var a, l = Ia[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;
 };
-const Ia = Aa;
-var za = {
+const Ra = za;
+var Wa = {
   full: "EEEE, d 'de' MMMM 'de' y",
   long: "d 'de' MMMM 'de' y",
   medium: "d MMM y",
   short: "dd/MM/y"
-}, Ra = {
+}, Oa = {
   full: "HH:mm:ss zzzz",
   long: "HH:mm:ss z",
   medium: "HH:mm:ss",
   short: "HH:mm"
-}, Wa = {
+}, Ea = {
   full: "{{date}} 'a las' {{time}}",
   long: "{{date}} 'a las' {{time}}",
   medium: "{{date}}, {{time}}",
   short: "{{date}}, {{time}}"
-}, Oa = {
+}, Na = {
   date: Qe({
-    formats: za,
+    formats: Wa,
     defaultWidth: "full"
   }),
   time: Qe({
-    formats: Ra,
+    formats: Oa,
     defaultWidth: "full"
   }),
   dateTime: Qe({
-    formats: Wa,
+    formats: Ea,
     defaultWidth: "full"
   })
 };
-const Na = Oa;
-var Ea = {
+const Fa = Na;
+var ja = {
   lastWeek: "'el' eeee 'pasado a la' p",
   yesterday: "'ayer a la' p",
   today: "'hoy a la' p",
   tomorrow: "'mañana a la' p",
   nextWeek: "eeee 'a la' p",
   other: "P"
-}, Fa = {
+}, Ha = {
   lastWeek: "'el' eeee 'pasado a las' p",
   yesterday: "'ayer a las' p",
   today: "'hoy a las' p",
   tomorrow: "'mañana a las' p",
   nextWeek: "eeee 'a las' p",
   other: "P"
-}, ja = function(o, t, n, a) {
-  return t.getUTCHours() !== 1 ? Fa[o] : Ea[o];
+}, qa = function(o, t, n, a) {
+  return t.getUTCHours() !== 1 ? Ha[o] : ja[o];
 };
-const Ha = ja;
-var qa = {
+const Ua = qa;
+var Ya = {
   narrow: ["AC", "DC"],
   abbreviated: ["AC", "DC"],
   wide: ["antes de cristo", "después de cristo"]
-}, Ua = {
+}, Ga = {
   narrow: ["1", "2", "3", "4"],
   abbreviated: ["T1", "T2", "T3", "T4"],
   wide: ["1º trimestre", "2º trimestre", "3º trimestre", "4º trimestre"]
-}, Ya = {
+}, Za = {
   narrow: ["e", "f", "m", "a", "m", "j", "j", "a", "s", "o", "n", "d"],
   abbreviated: ["ene", "feb", "mar", "abr", "may", "jun", "jul", "ago", "sep", "oct", "nov", "dic"],
   wide: ["enero", "febrero", "marzo", "abril", "mayo", "junio", "julio", "agosto", "septiembre", "octubre", "noviembre", "diciembre"]
-}, Ga = {
+}, Ka = {
   narrow: ["d", "l", "m", "m", "j", "v", "s"],
   short: ["do", "lu", "ma", "mi", "ju", "vi", "sá"],
   abbreviated: ["dom", "lun", "mar", "mié", "jue", "vie", "sáb"],
   wide: ["domingo", "lunes", "martes", "miércoles", "jueves", "viernes", "sábado"]
-}, Za = {
+}, Qa = {
   narrow: {
     am: "a",
     pm: "p",
@@ -3048,7 +3050,7 @@ var qa = {
     evening: "tarde",
     night: "noche"
   }
-}, Ka = {
+}, Ja = {
   narrow: {
     am: "a",
     pm: "p",
@@ -3079,70 +3081,70 @@ var qa = {
     evening: "de la tarde",
     night: "de la noche"
   }
-}, Qa = function(o, t) {
+}, Xa = function(o, t) {
   var n = Number(o);
   return n + "º";
-}, Ja = {
-  ordinalNumber: Qa,
+}, el = {
+  ordinalNumber: Xa,
   era: De({
-    values: qa,
+    values: Ya,
     defaultWidth: "wide"
   }),
   quarter: De({
-    values: Ua,
+    values: Ga,
     defaultWidth: "wide",
     argumentCallback: function(o) {
       return Number(o) - 1;
     }
   }),
   month: De({
-    values: Ya,
+    values: Za,
     defaultWidth: "wide"
   }),
   day: De({
-    values: Ga,
+    values: Ka,
     defaultWidth: "wide"
   }),
   dayPeriod: De({
-    values: Za,
+    values: Qa,
     defaultWidth: "wide",
-    formattingValues: Ka,
+    formattingValues: Ja,
     defaultFormattingWidth: "wide"
   })
 };
-const Xa = Ja;
-var el = /^(\d+)(º)?/i, tl = /\d+/i, ol = {
+const tl = el;
+var ol = /^(\d+)(º)?/i, nl = /\d+/i, al = {
   narrow: /^(ac|dc|a|d)/i,
   abbreviated: /^(a\.?\s?c\.?|a\.?\s?e\.?\s?c\.?|d\.?\s?c\.?|e\.?\s?c\.?)/i,
   wide: /^(antes de cristo|antes de la era com[uú]n|despu[eé]s de cristo|era com[uú]n)/i
-}, nl = {
+}, ll = {
   any: [/^ac/i, /^dc/i],
   wide: [/^(antes de cristo|antes de la era com[uú]n)/i, /^(despu[eé]s de cristo|era com[uú]n)/i]
-}, al = {
+}, il = {
   narrow: /^[1234]/i,
   abbreviated: /^T[1234]/i,
   wide: /^[1234](º)? trimestre/i
-}, ll = {
+}, sl = {
   any: [/1/i, /2/i, /3/i, /4/i]
-}, il = {
+}, rl = {
   narrow: /^[efmajsond]/i,
   abbreviated: /^(ene|feb|mar|abr|may|jun|jul|ago|sep|oct|nov|dic)/i,
   wide: /^(enero|febrero|marzo|abril|mayo|junio|julio|agosto|septiembre|octubre|noviembre|diciembre)/i
-}, sl = {
+}, ul = {
   narrow: [/^e/i, /^f/i, /^m/i, /^a/i, /^m/i, /^j/i, /^j/i, /^a/i, /^s/i, /^o/i, /^n/i, /^d/i],
   any: [/^en/i, /^feb/i, /^mar/i, /^abr/i, /^may/i, /^jun/i, /^jul/i, /^ago/i, /^sep/i, /^oct/i, /^nov/i, /^dic/i]
-}, rl = {
+}, cl = {
   narrow: /^[dlmjvs]/i,
   short: /^(do|lu|ma|mi|ju|vi|s[áa])/i,
   abbreviated: /^(dom|lun|mar|mi[ée]|jue|vie|s[áa]b)/i,
   wide: /^(domingo|lunes|martes|mi[ée]rcoles|jueves|viernes|s[áa]bado)/i
-}, ul = {
+}, dl = {
   narrow: [/^d/i, /^l/i, /^m/i, /^m/i, /^j/i, /^v/i, /^s/i],
   any: [/^do/i, /^lu/i, /^ma/i, /^mi/i, /^ju/i, /^vi/i, /^sa/i]
-}, cl = {
+}, pl = {
   narrow: /^(a|p|mn|md|(de la|a las) (mañana|tarde|noche))/i,
   any: /^([ap]\.?\s?m\.?|medianoche|mediodia|(de la|a las) (mañana|tarde|noche))/i
-}, dl = {
+}, vl = {
   any: {
     am: /^a/i,
     pm: /^p/i,
@@ -3153,65 +3155,65 @@ var el = /^(\d+)(º)?/i, tl = /\d+/i, ol = {
     evening: /tarde/i,
     night: /noche/i
   }
-}, pl = {
-  ordinalNumber: Ma({
-    matchPattern: el,
-    parsePattern: tl,
+}, ml = {
+  ordinalNumber: Aa({
+    matchPattern: ol,
+    parsePattern: nl,
     valueCallback: function(o) {
       return parseInt(o, 10);
     }
   }),
   era: Le({
-    matchPatterns: ol,
+    matchPatterns: al,
     defaultMatchWidth: "wide",
-    parsePatterns: nl,
+    parsePatterns: ll,
     defaultParseWidth: "any"
   }),
   quarter: Le({
-    matchPatterns: al,
+    matchPatterns: il,
     defaultMatchWidth: "wide",
-    parsePatterns: ll,
+    parsePatterns: sl,
     defaultParseWidth: "any",
     valueCallback: function(o) {
       return o + 1;
     }
   }),
   month: Le({
-    matchPatterns: il,
+    matchPatterns: rl,
     defaultMatchWidth: "wide",
-    parsePatterns: sl,
+    parsePatterns: ul,
     defaultParseWidth: "any"
   }),
   day: Le({
-    matchPatterns: rl,
+    matchPatterns: cl,
     defaultMatchWidth: "wide",
-    parsePatterns: ul,
+    parsePatterns: dl,
     defaultParseWidth: "any"
   }),
   dayPeriod: Le({
-    matchPatterns: cl,
+    matchPatterns: pl,
     defaultMatchWidth: "any",
-    parsePatterns: dl,
+    parsePatterns: vl,
     defaultParseWidth: "any"
   })
 };
-const vl = pl;
-var ml = {
+const fl = ml;
+var hl = {
   code: "es",
-  formatDistance: Ia,
-  formatLong: Na,
-  formatRelative: Ha,
-  localize: Xa,
-  match: vl,
+  formatDistance: Ra,
+  formatLong: Fa,
+  formatRelative: Ua,
+  localize: tl,
+  match: fl,
   options: {
     weekStartsOn: 1,
     firstWeekContainsDate: 1
   }
 };
-const fl = ml, hl = ["id"], gl = {
+const gl = hl, kl = ["id"], yl = {
   key: 0,
   class: "ck-input-date__optional-label"
-}, kl = /* @__PURE__ */ R({
+}, bl = /* @__PURE__ */ R({
   __name: "ck-input-date",
   props: {
     modelValue: {},
@@ -3230,7 +3232,7 @@ const fl = ml, hl = ["id"], gl = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { cleekOptions: a } = ne(te()), { windowWidth: l } = ke(), i = 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(te()), { windowWidth: l } = ke(), i = x(), c = x(Math.floor(Math.random() * 1e3)), u = x(`ck-input-date-${c.value}`), p = d({
       get() {
         return r(t.modelValue);
       },
@@ -3245,7 +3247,7 @@ const fl = ml, hl = ["id"], gl = {
       let B = "";
       return a.value.darkMode && (B = a.value.darkModeColorItems), B && !D.isColorTemplateVariable(B) && h.push({ backgroundColor: B }), h;
     });
-    ce(() => t.modelValue, (h) => {
+    de(() => t.modelValue, (h) => {
       i.value && (i.value.style.display = "block", i.value.focus(), i.value.style.display = "none"), n("change", h);
     });
     function r(h) {
@@ -3257,7 +3259,7 @@ const fl = ml, hl = ["id"], gl = {
     function g(h) {
       if (!h)
         return null;
-      const B = h.getFullYear(), W = We.padZeros(h.getMonth() + 1, 2), P = We.padZeros(h.getDate(), 2);
+      const B = h.getFullYear(), W = Ee.padZeros(h.getMonth() + 1, 2), P = Ee.padZeros(h.getDate(), 2);
       return `${B}-${W}-${P}`;
     }
     function f() {
@@ -3272,17 +3274,17 @@ const fl = ml, hl = ["id"], gl = {
       const h = document.querySelector(".ck-popup__slot-body");
       h instanceof HTMLElement && (h.style.overflow = "auto");
     }
-    function y() {
+    function b() {
       t.clearable && (p.value = r(t.clearValue));
     }
     return (h, B) => {
-      const W = U("ck-label"), P = U("ck-icon"), T = U("ck-div");
+      const W = Y("ck-label"), P = Y("ck-icon"), T = Y("ck-div");
       return v(), L(T, { widthBreaks: h.widthBreaks }, {
-        default: H(() => {
-          var S;
+        default: N(() => {
+          var M;
           return [
             $("div", {
-              class: M(["ck-input-date", s.value]),
+              class: S(["ck-input-date", s.value]),
               id: u.value
             }, [
               $("input", {
@@ -3290,15 +3292,15 @@ const fl = ml, hl = ["id"], gl = {
                 ref: i,
                 class: "ck-input-date--focus-absorber"
               }, null, 512),
-              Y(W, null, {
-                default: H(() => [
+              U(W, null, {
+                default: N(() => [
                   G(A(h.label) + " ", 1),
-                  h.optional ? (v(), b("span", gl, "opcional")) : C("", !0)
+                  h.optional ? (v(), y("span", yl, "opcional")) : w("", !0)
                 ]),
                 _: 1
               }),
               $("div", {
-                class: M(["ck-picker-container", ((S = we(a)) == null ? void 0 : S.darkMode) && "picker-dark"])
+                class: S(["ck-picker-container", ((M = we(a)) == null ? void 0 : M.darkMode) && "picker-dark"])
               }, [
                 h.icon ? (v(), L(P, {
                   key: 0,
@@ -3306,27 +3308,27 @@ const fl = ml, hl = ["id"], gl = {
                   color: h.iconColor ? h.iconColor : "lightgrey",
                   icon: h.icon,
                   "icon-pack": h.iconPack
-                }, null, 8, ["color", "icon", "icon-pack"])) : C("", !0),
-                Y(we(Da), {
+                }, null, 8, ["color", "icon", "icon-pack"])) : w("", !0),
+                U(we(Sa), {
                   modelValue: p.value,
-                  "onUpdate:modelValue": B[0] || (B[0] = (F) => p.value = F),
+                  "onUpdate:modelValue": B[0] || (B[0] = (j) => p.value = j),
                   onOpened: f,
                   onClosed: k,
                   inputFormat: "dd-MM-yyyy",
-                  style: E(m.value),
+                  style: F(m.value),
                   disabled: h.disabled,
-                  locale: we(fl)
+                  locale: we(gl)
                 }, null, 8, ["modelValue", "style", "disabled", "locale"]),
                 h.clearable && h.modelValue != h.clearValue || h.iconRight ? (v(), L(P, {
                   key: 1,
-                  class: M(["ck-input__icon-right", { "icon-right__clearable": h.clearable }]),
+                  class: S(["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: B[1] || (B[1] = (F) => y())
-                }, null, 8, ["class", "color", "icon", "icon-pack"])) : C("", !0)
+                  onClick: B[1] || (B[1] = (j) => b())
+                }, null, 8, ["class", "color", "icon", "icon-pack"])) : w("", !0)
               ], 2)
-            ], 10, hl)
+            ], 10, kl)
           ];
         }),
         _: 1
@@ -3334,7 +3336,7 @@ const fl = ml, hl = ["id"], gl = {
     };
   }
 });
-const yl = /* @__PURE__ */ q(kl, [["__scopeId", "data-v-3762640e"]]), bl = /* @__PURE__ */ R({
+const _l = /* @__PURE__ */ H(bl, [["__scopeId", "data-v-3762640e"]]), Cl = /* @__PURE__ */ R({
   __name: "ck-input-time",
   props: {
     modelValue: {},
@@ -3355,7 +3357,7 @@ const yl = /* @__PURE__ */ q(kl, [["__scopeId", "data-v-3762640e"]]), bl = /* @_
       }
     });
     return (l, i) => {
-      const c = U("ck-input");
+      const c = Y("ck-input");
       return v(), L(c, {
         modelValue: a.value,
         "onUpdate:modelValue": i[0] || (i[0] = (u) => a.value = u),
@@ -3368,17 +3370,17 @@ const yl = /* @__PURE__ */ q(kl, [["__scopeId", "data-v-3762640e"]]), bl = /* @_
       }, null, 8, ["modelValue", "label", "group", "widthBreaks", "disabled"]);
     };
   }
-}), _l = {
+}), wl = {
   key: 0,
   class: "ck-tab"
-}, Cl = /* @__PURE__ */ R({
+}, $l = /* @__PURE__ */ R({
   __name: "ck-tab",
   props: {
     title: {},
     icon: {}
   },
   setup(e) {
-    const o = e, t = jt("addTab"), n = x(!1);
+    const o = e, t = Ht("addTab"), n = x(!1);
     function a(l) {
       n.value = l;
     }
@@ -3388,32 +3390,32 @@ const yl = /* @__PURE__ */ q(kl, [["__scopeId", "data-v-3762640e"]]), bl = /* @_
         icon: o.icon,
         title: o.title
       });
-    }), (l, i) => n.value ? (v(), b("div", _l, [
+    }), (l, i) => n.value ? (v(), y("div", wl, [
       O(l.$slots, "default", {}, void 0, !0)
-    ])) : C("", !0);
+    ])) : w("", !0);
   }
 });
-const wl = /* @__PURE__ */ q(Cl, [["__scopeId", "data-v-eaadcaf7"]]), $l = { class: "ck-tabs" }, Tl = ["onClick"], Bl = { class: "ck-tabs__tab-content" }, Pl = "flat", Vl = /* @__PURE__ */ R({
+const Tl = /* @__PURE__ */ H($l, [["__scopeId", "data-v-eaadcaf7"]]), Bl = { class: "ck-tabs" }, Pl = ["onClick"], Vl = { class: "ck-tabs__tab-content" }, Dl = "flat", Ll = /* @__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), i = e, c = t, u = x([]), p = x(null), s = d(() => i.type ? i.type : Pl), m = d(() => {
-      const y = [];
-      return s.value && y.push(`ck-tabs__header--button-${s.value}`), y;
+    const n = x(null), a = x(!1), l = x(!1), i = e, c = t, u = x([]), p = x(null), s = d(() => i.type ? i.type : Dl), m = d(() => {
+      const b = [];
+      return s.value && b.push(`ck-tabs__header--button-${s.value}`), b;
     });
-    function r(y) {
+    function r(b) {
       u.value.forEach((h, B) => {
-        h.selectTab(B === y);
-      }), p.value = y, c("tabSelected", y);
+        h.selectTab(B === b);
+      }), p.value = b, c("tabSelected", b);
     }
     function g() {
       if (!n.value)
         return;
-      const { scrollLeft: y, scrollWidth: h, clientWidth: B } = n.value;
-      a.value = y > 0, l.value = y + B < h - 3;
+      const { scrollLeft: b, scrollWidth: h, clientWidth: B } = n.value;
+      a.value = b > 0, l.value = b + B < h - 3;
     }
     function f() {
       n.value && n.value.scrollBy({ left: -200, behavior: "smooth" });
@@ -3421,20 +3423,20 @@ const wl = /* @__PURE__ */ q(Cl, [["__scopeId", "data-v-eaadcaf7"]]), $l = { cla
     function k() {
       n.value && n.value.scrollBy({ left: 200, behavior: "smooth" });
     }
-    return Ht("addTab", (y) => {
-      u.value.push(y);
+    return qt("addTab", (b) => {
+      u.value.push(b);
     }), _e(() => {
       var h;
       g(), (h = n.value) == null || h.addEventListener("scroll", g);
-      const y = u.value.find((B) => B.active) || u.value[0];
-      y && r(u.value.indexOf(y));
+      const b = u.value.find((B) => B.active) || u.value[0];
+      b && r(u.value.indexOf(b));
     }), o({
       selectTab: r
-    }), qt(g), (y, h) => {
-      const B = U("ck-icon"), W = U("ck-circle");
-      return v(), b("div", $l, [
+    }), Ut(g), (b, h) => {
+      const B = Y("ck-icon"), W = Y("ck-circle");
+      return v(), y("div", Bl, [
         $("div", {
-          class: M(["ck-tabs__header", { "has-left-arrow": a.value, "has-right-arrow": l.value }])
+          class: S(["ck-tabs__header", { "has-left-arrow": a.value, "has-right-arrow": l.value }])
         }, [
           a.value ? (v(), L(W, {
             key: 0,
@@ -3443,27 +3445,27 @@ const wl = /* @__PURE__ */ q(Cl, [["__scopeId", "data-v-eaadcaf7"]]), $l = { cla
             size: "xs",
             onClick: h[0] || (h[0] = (P) => f())
           }, {
-            default: H(() => [
-              Y(B, { icon: "chevron-left" })
+            default: N(() => [
+              U(B, { icon: "chevron-left" })
             ]),
             _: 1
-          })) : C("", !0),
+          })) : w("", !0),
           $("div", {
             ref_key: "tabsContainer",
             ref: n,
-            class: M(["ck-tabs__header-content", { "header-content--flat": s.value === "flat" }])
+            class: S(["ck-tabs__header-content", { "header-content--flat": s.value === "flat" }])
           }, [
-            (v(!0), b(Z, null, de(u.value, (P, T) => (v(), b("div", {
+            (v(!0), y(Z, null, ue(u.value, (P, T) => (v(), y("div", {
               key: T,
-              class: M([m.value, { "is-selected": p.value === T }]),
-              onClick: (S) => r(T)
+              class: S([m.value, { "is-selected": p.value === T }]),
+              onClick: (M) => r(T)
             }, [
               P.icon ? (v(), L(B, {
                 key: 0,
                 icon: P.icon
-              }, null, 8, ["icon"])) : C("", !0),
+              }, null, 8, ["icon"])) : w("", !0),
               G(" " + A(P.title), 1)
-            ], 10, Tl))), 128))
+            ], 10, Pl))), 128))
           ], 2),
           l.value ? (v(), L(W, {
             key: 1,
@@ -3472,20 +3474,20 @@ const wl = /* @__PURE__ */ q(Cl, [["__scopeId", "data-v-eaadcaf7"]]), $l = { cla
             size: "xs",
             onClick: h[1] || (h[1] = (P) => k())
           }, {
-            default: H(() => [
-              Y(B, { icon: "chevron-right" })
+            default: N(() => [
+              U(B, { icon: "chevron-right" })
             ]),
             _: 1
-          })) : C("", !0)
+          })) : w("", !0)
         ], 2),
-        $("div", Bl, [
-          O(y.$slots, "default", {}, void 0, !0)
+        $("div", Vl, [
+          O(b.$slots, "default", {}, void 0, !0)
         ])
       ]);
     };
   }
 });
-const Dl = /* @__PURE__ */ q(Vl, [["__scopeId", "data-v-1d834ae1"]]), Ll = "rounded", Sl = /* @__PURE__ */ R({
+const Sl = /* @__PURE__ */ H(Ll, [["__scopeId", "data-v-1d834ae1"]]), Ml = "rounded", xl = /* @__PURE__ */ R({
   __name: "ck-toggle",
   props: {
     modelValue: { type: Boolean },
@@ -3498,7 +3500,7 @@ const Dl = /* @__PURE__ */ q(Vl, [["__scopeId", "data-v-1d834ae1"]]), Ll = "roun
   },
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
-    const t = e, n = d(() => t.layout ? t.layout : Ll), a = d(() => {
+    const t = e, n = d(() => t.layout ? t.layout : Ml), a = d(() => {
       const c = [];
       return n.value && c.push(`layout-${n.value}`), c;
     }), l = o, i = d({
@@ -3510,27 +3512,27 @@ const Dl = /* @__PURE__ */ q(Vl, [["__scopeId", "data-v-1d834ae1"]]), Ll = "roun
       }
     });
     return (c, u) => {
-      const p = U("ck-icon");
-      return v(), b("div", {
-        class: M(["ck-toggle", [a.value, { "is-active": i.value }]]),
+      const p = Y("ck-icon");
+      return v(), y("div", {
+        class: S(["ck-toggle", [a.value, { "is-active": i.value }]]),
         onClick: u[0] || (u[0] = (s) => i.value = !i.value)
       }, [
         c.icon ? (v(), L(p, {
           key: 0,
           icon: c.icon,
           iconPack: c.iconPack
-        }, null, 8, ["icon", "iconPack"])) : C("", !0),
+        }, null, 8, ["icon", "iconPack"])) : w("", !0),
         O(c.$slots, "default", {}, void 0, !0),
         c.iconRight ? (v(), L(p, {
           key: 1,
           icon: c.iconRight,
           iconPack: c.iconPack
-        }, null, 8, ["icon", "iconPack"])) : C("", !0)
+        }, null, 8, ["icon", "iconPack"])) : w("", !0)
       ], 2);
     };
   }
 });
-const Ml = /* @__PURE__ */ q(Sl, [["__scopeId", "data-v-f613ffcb"]]), xl = { class: "ck-toggle-group" }, Al = /* @__PURE__ */ R({
+const Al = /* @__PURE__ */ H(xl, [["__scopeId", "data-v-f613ffcb"]]), Il = { class: "ck-toggle-group" }, zl = /* @__PURE__ */ R({
   __name: "ck-toggle-group",
   props: /* @__PURE__ */ ee({
     options: {},
@@ -3571,22 +3573,22 @@ const Ml = /* @__PURE__ */ q(Sl, [["__scopeId", "data-v-f613ffcb"]]), xl = { cla
       a("change");
     }
     return (s, m) => {
-      const r = U("ck-label"), g = U("ck-toggle");
-      return v(), b("div", xl, [
+      const r = Y("ck-label"), g = Y("ck-toggle");
+      return v(), y("div", Il, [
         s.label ? (v(), L(r, {
           key: 0,
           align: s.labelAlign
         }, {
-          default: H(() => [
+          default: N(() => [
             G(A(s.label), 1)
           ]),
           _: 1
-        }, 8, ["align"])) : C("", !0),
+        }, 8, ["align"])) : w("", !0),
         $("div", {
           class: "ck-toggle-group__options",
-          style: E({ gap: s.gap })
+          style: F({ gap: s.gap })
         }, [
-          (v(!0), b(Z, null, de(s.options, (f) => (v(), L(g, {
+          (v(!0), y(Z, null, ue(s.options, (f) => (v(), L(g, {
             modelValue: u(f),
             key: i(f),
             icon: c(f),
@@ -3595,7 +3597,7 @@ const Ml = /* @__PURE__ */ q(Sl, [["__scopeId", "data-v-f613ffcb"]]), xl = { cla
             preventAutoUpdate: "",
             onClick: (k) => p(f)
           }, {
-            default: H(() => [
+            default: N(() => [
               G(A(l(f)), 1)
             ]),
             _: 2
@@ -3605,13 +3607,86 @@ const Ml = /* @__PURE__ */ q(Sl, [["__scopeId", "data-v-f613ffcb"]]), xl = { cla
     };
   }
 });
-const Il = /* @__PURE__ */ q(Al, [["__scopeId", "data-v-43006e82"]]), zl = {
+const Rl = /* @__PURE__ */ H(zl, [["__scopeId", "data-v-43006e82"]]), Wl = {
+  key: 0,
+  class: "extra-actions__container"
+}, Ol = ["onClick"], El = /* @__PURE__ */ R({
+  __name: "ck-dropdown-button",
+  props: {
+    title: {},
+    disabled: { type: Boolean },
+    isLoading: { type: Boolean },
+    tabindex: {},
+    extraActions: {},
+    type: {},
+    color: {},
+    textColor: {},
+    backgroundColor: {},
+    align: {},
+    size: {},
+    width: {},
+    layout: {},
+    icon: {},
+    iconRight: {},
+    iconPack: {},
+    label: {},
+    labelAlign: {},
+    widthBreaks: {},
+    group: {},
+    groupVertical: {}
+  },
+  emits: ["click", "extraAction"],
+  setup(e, { emit: o }) {
+    const t = e, n = o, a = x(!1), l = d(() => {
+      const { extraActions: i, ...c } = t;
+      return c;
+    });
+    return (i, c) => (v(), y("div", {
+      class: "relative",
+      onMouseenter: c[1] || (c[1] = (u) => a.value = !0),
+      onMouseleave: c[2] || (c[2] = (u) => a.value = !1)
+    }, [
+      U(xe, Ie(l.value, {
+        onClick: c[0] || (c[0] = (u) => n("click", u))
+      }), {
+        default: N(() => [
+          O(i.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 3
+      }, 16),
+      U(Yt, { name: "fade" }, {
+        default: N(() => {
+          var u;
+          return [
+            a.value && ((u = i.extraActions) != null && u.length) ? (v(), y("div", Wl, [
+              (v(!0), y(Z, null, ue(i.extraActions, (p) => (v(), y("div", {
+                key: p.id,
+                class: "flex items-center gap-2"
+              }, [
+                U(ne, {
+                  icon: "angle-right",
+                  size: "xs"
+                }),
+                $("span", {
+                  class: "extra-action__name",
+                  onClick: (s) => n("extraAction", p.id)
+                }, A(p.name), 9, Ol)
+              ]))), 128))
+            ])) : w("", !0)
+          ];
+        }),
+        _: 1
+      })
+    ], 32));
+  }
+});
+const Nl = /* @__PURE__ */ H(El, [["__scopeId", "data-v-0702200a"]]), Fl = {
   key: 0,
   class: "ck-card__header-title"
-}, Rl = { class: "ck-card__body" }, Wl = {
+}, jl = { class: "ck-card__body" }, Hl = {
   key: 0,
   class: "ck-card__header-subtitle"
-}, Ol = /* @__PURE__ */ R({
+}, ql = /* @__PURE__ */ R({
   __name: "ck-card",
   props: {
     modelValue: {},
@@ -3623,7 +3698,7 @@ const Il = /* @__PURE__ */ q(Al, [["__scopeId", "data-v-43006e82"]]), zl = {
   },
   emits: ["update:modelValue", "closeCard"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { cleekOptions: a } = ne(te()), l = d(() => typeof t.modelValue < "u"), i = d({
+    const t = e, n = o, { cleekOptions: a } = ae(te()), l = d(() => typeof t.modelValue < "u"), i = d({
       get() {
         return !l.value || t.modelValue === null ? !0 : !!t.modelValue;
       },
@@ -3635,38 +3710,38 @@ const Il = /* @__PURE__ */ q(Al, [["__scopeId", "data-v-43006e82"]]), zl = {
       return p && u.push(`layout--${p}`), t.clickable && u.push("clickable"), u;
     });
     return (u, p) => {
-      const s = U("ck-icon");
-      return i.value ? (v(), b("div", {
+      const s = Y("ck-icon");
+      return i.value ? (v(), y("div", {
         key: 0,
-        class: M(["ck-card", c.value])
+        class: S(["ck-card", c.value])
       }, [
-        u.title || u.$slots.header || l.value ? (v(), b("div", {
+        u.title || u.$slots.header || l.value ? (v(), y("div", {
           key: 0,
-          class: M(["ck-card__header", { "is-close-button-visible": l.value }])
+          class: S(["ck-card__header", { "is-close-button-visible": l.value }])
         }, [
-          u.title || u.$slots.header ? (v(), b("div", zl, A(u.title), 1)) : C("", !0),
+          u.title || u.$slots.header ? (v(), y("div", Fl, A(u.title), 1)) : w("", !0),
           O(u.$slots, "header", {}, void 0, !0),
-          l.value ? (v(), b("div", {
+          l.value ? (v(), y("div", {
             key: 1,
             class: "ck-card__close-btn",
             onClick: p[0] || (p[0] = (m) => i.value = !1)
           }, [
-            Y(s, { icon: "times" })
-          ])) : C("", !0)
-        ], 2)) : C("", !0),
-        $("div", Rl, [
-          u.subtitle ? (v(), b("div", Wl, A(u.subtitle), 1)) : C("", !0),
+            U(s, { icon: "times" })
+          ])) : w("", !0)
+        ], 2)) : w("", !0),
+        $("div", jl, [
+          u.subtitle ? (v(), y("div", Hl, A(u.subtitle), 1)) : w("", !0),
           $("div", {
-            class: M(["ck-card__content", { "content-block": u.block }])
+            class: S(["ck-card__content", { "content-block": u.block }])
           }, [
             O(u.$slots, "default", {}, void 0, !0)
           ], 2)
         ])
-      ], 2)) : C("", !0);
+      ], 2)) : w("", !0);
     };
   }
 });
-const Nl = /* @__PURE__ */ q(Ol, [["__scopeId", "data-v-780265b9"]]), El = ["color"], Fl = "white", jl = "primary", Hl = "s", ql = "outlined", Ul = "rounded", Yl = /* @__PURE__ */ R({
+const Ul = /* @__PURE__ */ H(ql, [["__scopeId", "data-v-780265b9"]]), Yl = ["color"], mt = "white", Gl = "primary", Zl = "s", Kl = "outlined", Ql = "rounded", Jl = /* @__PURE__ */ R({
   __name: "ck-chip",
   props: {
     size: {},
@@ -3684,47 +3759,47 @@ const Nl = /* @__PURE__ */ q(Ol, [["__scopeId", "data-v-780265b9"]]), El = ["col
   },
   emits: ["click"],
   setup(e, { emit: o }) {
-    const t = e, { windowWidth: n } = ke(), { cleekOptions: a } = ne(te()), l = o, i = d(() => t.layout ? t.layout : a.value ? a.value.chip.layout : Ul), c = d(() => t.type ? t.type : a.value ? a.value.chip.type : ql), u = d(() => t.color || jl), p = d(() => {
+    const t = e, { windowWidth: n } = ke(), { cleekOptions: a } = ae(te()), l = o, i = d(() => t.layout ? t.layout : a.value ? a.value.chip.layout : Ql), c = d(() => t.type ? t.type : a.value ? a.value.chip.type : Kl), u = d(() => t.color || Gl), p = d(() => {
       const r = [];
-      return c.value === "outlined" ? r.push("type--outlined") : D.isColorTemplateVariable(u.value) && r.push(`ck-component__bg-color--${u.value}`), i.value && r.push(`layout--${i.value}`), r.push(D.getGroupClass(t, n.value)), r.push(`size-${t.size || Hl}`), t.align && r.push(`align--${t.align}`), t.nowrap && r.push(`ck-chip--${t.nowrap}`), t.clickable && r.push("clickable"), r;
+      return c.value === "outlined" ? r.push("type--outlined") : c.value === "shadow" ? r.push("type--shadow") : D.isColorTemplateVariable(u.value) && r.push(`ck-component__bg-color--${u.value}`), i.value && r.push(`layout--${i.value}`), r.push(D.getGroupClass(t, n.value)), r.push(`size-${t.size || Zl}`), t.align && r.push(`align--${t.align}`), t.nowrap && r.push(`ck-chip--${t.nowrap}`), t.clickable && r.push("clickable"), r;
     });
     function s(r) {
       return D.isColorTemplateVariable(r) ? D.getColorHexFromTemplateVariable(r, a.value.colors) : r;
     }
     const m = d(() => {
-      const r = [];
-      if (c.value === "outlined") {
-        const g = s(u.value), f = s(t.textColor || u.value);
-        r.push({ "--chip-bg": g }), r.push({ borderColor: g }), r.push({ color: f });
+      const r = [], g = s(u.value);
+      if (r.push({ "--chip-bg": g }), c.value === "outlined") {
+        const f = s(t.textColor || u.value);
+        r.push({ borderColor: g }), r.push({ color: f });
       } else
-        D.isColorTemplateVariable(u.value) || (r.push({ backgroundColor: u.value }), r.push({ color: t.textColor || Fl }));
+        c.value === "shadow" ? (D.isColorTemplateVariable(u.value) || r.push({ backgroundColor: u.value }), r.push({ color: t.textColor || mt })) : (D.isColorTemplateVariable(u.value) || r.push({ backgroundColor: u.value }), r.push({ color: t.textColor || mt }));
       return r;
     });
-    return (r, g) => (v(), b("div", {
-      class: M(["ck-chip", p.value]),
+    return (r, g) => (v(), y("div", {
+      class: S(["ck-chip", p.value]),
       color: r.color,
-      style: E(m.value),
+      style: F(m.value),
       onClick: g[0] || (g[0] = (f) => l("click", f))
     }, [
-      r.icon ? (v(), L(se, {
+      r.icon ? (v(), L(ne, {
         key: 0,
         class: "pr-2",
         icon: r.icon,
         "icon-pack": r.iconPack
-      }, null, 8, ["icon", "icon-pack"])) : C("", !0),
+      }, null, 8, ["icon", "icon-pack"])) : w("", !0),
       $("span", null, [
         O(r.$slots, "default", {}, void 0, !0)
       ]),
-      r.iconRight ? (v(), L(se, {
+      r.iconRight ? (v(), L(ne, {
         key: 1,
         class: "pl-2",
         icon: r.iconRight,
         "icon-pack": r.iconPack
-      }, null, 8, ["icon", "icon-pack"])) : C("", !0)
-    ], 14, El));
+      }, null, 8, ["icon", "icon-pack"])) : w("", !0)
+    ], 14, Yl));
   }
 });
-const Gl = /* @__PURE__ */ q(Yl, [["__scopeId", "data-v-110cf468"]]), Zl = "primary", Kl = "m", Ql = "white", Jl = /* @__PURE__ */ R({
+const Xl = /* @__PURE__ */ H(Jl, [["__scopeId", "data-v-2bb1c329"]]), ei = "primary", ti = "m", oi = "white", ni = /* @__PURE__ */ R({
   __name: "ck-circle",
   props: {
     size: {},
@@ -3739,29 +3814,29 @@ const Gl = /* @__PURE__ */ q(Yl, [["__scopeId", "data-v-110cf468"]]), Zl = "prim
     const t = e, n = o, a = d(() => {
       const i = [];
       let c = t.size;
-      return t.size !== "s" && t.size !== "l" && t.size !== "xs" && (c = Kl), i.push(`ck-circle__size-${c}`), i.push(`ck-component__bg-color--${t.color || Zl}`), i;
+      return t.size !== "s" && t.size !== "l" && t.size !== "xs" && (c = ti), i.push(`ck-circle__size-${c}`), i.push(`ck-component__bg-color--${t.color || ei}`), i;
     }), l = d(() => {
       const i = [];
-      return t.sizeInPx && (i.push({ height: t.sizeInPx }), i.push({ width: t.sizeInPx })), (t.color || D.isColorTemplateVariable(t.color)) && (i.push({ backgroundColor: t.color }), i.push({ color: t.textColor || Ql })), i;
+      return t.sizeInPx && (i.push({ height: t.sizeInPx }), i.push({ width: t.sizeInPx })), (t.color || D.isColorTemplateVariable(t.color)) && (i.push({ backgroundColor: t.color }), i.push({ color: t.textColor || oi })), i;
     });
     return (i, c) => {
-      const u = U("ck-icon");
-      return v(), b("div", {
-        class: M(["ck-circle", a.value]),
-        style: E(l.value),
+      const u = Y("ck-icon");
+      return v(), y("div", {
+        class: S(["ck-circle", a.value]),
+        style: F(l.value),
         onClick: c[0] || (c[0] = (p) => n("click", p))
       }, [
         i.icon ? (v(), L(u, {
           key: 0,
           icon: i.icon,
           iconPack: i.iconPack
-        }, null, 8, ["icon", "iconPack"])) : C("", !0),
+        }, null, 8, ["icon", "iconPack"])) : w("", !0),
         O(i.$slots, "default", {}, void 0, !0)
       ], 6);
     };
   }
 });
-const Xl = /* @__PURE__ */ q(Jl, [["__scopeId", "data-v-ba0b3fb6"]]), ei = /* @__PURE__ */ R({
+const ai = /* @__PURE__ */ H(ni, [["__scopeId", "data-v-ba0b3fb6"]]), li = /* @__PURE__ */ R({
   __name: "ck-div",
   props: {
     widthBreaks: {},
@@ -3770,7 +3845,7 @@ const Xl = /* @__PURE__ */ q(Jl, [["__scopeId", "data-v-ba0b3fb6"]]), ei = /* @_
   },
   emits: ["click"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { cleekOptions: a } = ne(te()), { windowWidth: l } = ke(), i = d(() => {
+    const t = e, n = o, { cleekOptions: a } = ae(te()), { windowWidth: l } = ke(), i = d(() => {
       const c = [];
       if (t.widthBreaks) {
         const p = D.getWidthByWidthBreaks(t.widthBreaks, l.value);
@@ -3779,20 +3854,20 @@ const Xl = /* @__PURE__ */ q(Jl, [["__scopeId", "data-v-ba0b3fb6"]]), ei = /* @_
       const u = t.gap || a.value.div.gap;
       return u && c.push({ gap: u }), t.block && c.push({ display: "block" }), c;
     });
-    return (c, u) => (v(), b("div", {
+    return (c, u) => (v(), y("div", {
       class: "ck-div",
-      style: E(i.value),
+      style: F(i.value),
       onClick: u[0] || (u[0] = (p) => n("click", p))
     }, [
       O(c.$slots, "default")
     ], 4));
   }
 });
-const ti = {
+const ii = {
   defaultFailImg: "df",
   imagesFolderPath: "",
   defaultImgBorderColor: "#EEEEEE"
-}, oi = ["src", "alt"], ni = /* @__PURE__ */ R({
+}, si = ["src", "alt"], ri = /* @__PURE__ */ R({
   __name: "ck-img",
   props: {
     src: {},
@@ -3812,7 +3887,7 @@ const ti = {
   },
   emits: ["click"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { cleekOptions: a } = ne(te()), l = x(!1), i = x(!1), c = d(() => t.src.substring(0, 4) === "http"), u = d(() => i.value ? c.value ? t.src : g(t.src) : ""), p = d(() => {
+    const t = e, n = o, { cleekOptions: a } = ae(te()), l = x(!1), i = x(!1), c = d(() => t.src.substring(0, 4) === "http"), u = d(() => i.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(r.value) && f.push(`ck-component__border-color--${r.value}`)), t.zoom && f.push("zoom-able"), f;
     }), s = d(() => {
@@ -3823,31 +3898,31 @@ const ti = {
     }), 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;
-    }), r = d(() => t.borderColor ? t.borderColor : ti.defaultImgBorderColor);
+    }), r = d(() => t.borderColor ? t.borderColor : ii.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}`;
     }
     return _e(() => {
       i.value = !0;
-    }), (f, k) => (v(), b("div", {
-      class: M(["ck-img", p.value]),
-      style: E(s.value),
-      onClick: k[1] || (k[1] = (y) => n("click", y))
+    }), (f, k) => (v(), y("div", {
+      class: S(["ck-img", p.value]),
+      style: F(s.value),
+      onClick: k[1] || (k[1] = (b) => n("click", b))
     }, [
       $("img", {
         src: u.value,
-        style: E(m.value),
+        style: F(m.value),
         alt: f.alt,
-        onError: k[0] || (k[0] = (y) => l.value = !0)
-      }, null, 44, oi)
+        onError: k[0] || (k[0] = (b) => l.value = !0)
+      }, null, 44, si)
     ], 6));
   }
 });
-const ai = /* @__PURE__ */ q(ni, [["__scopeId", "data-v-485e840f"]]), li = ["onKeyup"], ii = ["name", "value", "disabled"], si = {
+const ui = /* @__PURE__ */ H(ri, [["__scopeId", "data-v-485e840f"]]), ci = ["onKeyup"], di = ["name", "value", "disabled"], pi = {
   key: 0,
   class: "c-Radio__label"
-}, ri = /* @__PURE__ */ R({
+}, vi = /* @__PURE__ */ R({
   __name: "ck-radio",
   props: {
     modelValue: {},
@@ -3886,20 +3961,20 @@ const ai = /* @__PURE__ */ q(ni, [["__scopeId", "data-v-485e840f"]]), li = ["onK
     function u(p, s) {
       p.value = a, n("change", a);
     }
-    return (p, s) => (v(!0), b(Z, null, de(i.value, (m, r) => (v(), b("label", Fe({
+    return (p, s) => (v(!0), y(Z, null, ue(i.value, (m, r) => (v(), y("label", Ie({
       class: "ck-radio",
       key: `radio-${r}`,
       ref_for: !0
     }, l.value, {
       class: c.value,
-      onKeydown: s[1] || (s[1] = he(ie(() => {
+      onKeydown: s[1] || (s[1] = he(se(() => {
       }, ["prevent"]), ["space"])),
       onKeyup: [
         he((g) => u(m), ["enter"]),
         he((g) => u(m), ["space"])
       ]
     }), [
-      ue($("input", {
+      ce($("input", {
         "onUpdate:modelValue": s[0] || (s[0] = (g) => a.value = g),
         class: "c-Radio__input",
         "aria-hidden": "true",
@@ -3907,16 +3982,16 @@ const ai = /* @__PURE__ */ q(ni, [["__scopeId", "data-v-485e840f"]]), li = ["onK
         name: p.name,
         value: m.value,
         disabled: p.disabled
-      }, null, 8, ii), [
-        [Ut, a.value]
+      }, null, 8, di), [
+        [Gt, a.value]
       ]),
       s[2] || (s[2] = $("div", { class: "c-Radio__element" }, null, -1)),
-      m.label ? (v(), b("span", si, A(m.label), 1)) : C("", !0)
-    ], 16, li))), 128));
+      m.label ? (v(), y("span", pi, A(m.label), 1)) : w("", !0)
+    ], 16, ci))), 128));
   }
 });
-const ui = /* @__PURE__ */ q(ri, [["__scopeId", "data-v-d37d3f3e"]]);
-function ci(e, o) {
+const mi = /* @__PURE__ */ H(vi, [["__scopeId", "data-v-d37d3f3e"]]);
+function fi(e, o) {
   const t = (n) => {
     var l;
     let a = (l = e.value) == null ? void 0 : l.parentElement;
@@ -3928,13 +4003,13 @@ function ci(e, o) {
   };
   _e(() => t("addEventListener")), ot(() => t("removeEventListener"));
 }
-function mt(e) {
+function ft(e) {
   return e.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
 }
-const di = {
+const hi = {
   key: 0,
   class: "ck-select--optional-label"
-}, pi = ["disabled"], vi = ["value"], mi = ["placeholder", "disabled"], fi = ["onMousedown", "onMouseenter"], hi = ["textContent"], gi = /* @__PURE__ */ R({
+}, gi = ["disabled"], ki = ["value"], yi = ["placeholder", "disabled"], bi = ["onMousedown", "onMouseenter"], _i = ["textContent"], Ci = /* @__PURE__ */ R({
   __name: "ck-select",
   props: /* @__PURE__ */ ee({
     options: {},
@@ -3983,24 +4058,24 @@ const di = {
       focus: K,
       blur: Te
     });
-    const { cleekOptions: i } = ne(te()), { windowWidth: c } = ke(), u = x(), p = x(), s = x(), m = x(), r = x(""), g = x(!1), f = x(!1), k = x(-1), y = d(() => a.options.find((_) => ve(_) === n.value)), h = d(() => a.options.length), B = d(() => !h.value), W = d(() => h.value <= a.optionsLimit), P = d(() => {
+    const { cleekOptions: i } = ae(te()), { windowWidth: c } = ke(), u = x(), p = x(), s = x(), m = x(), r = x(""), g = x(!1), f = x(!1), k = x(-1), b = d(() => a.options.find((_) => ve(_) === n.value)), h = d(() => a.options.length), B = d(() => !h.value), W = d(() => h.value <= a.optionsLimit), P = d(() => {
       if (f.value)
         return a.options;
-      const _ = mt(r.value).split(" ");
+      const _ = ft(r.value).split(" ");
       return a.options.filter((z) => {
-        const Q = mt(Ce(z));
-        return _.every((N) => Q.includes(N));
+        const Q = ft(Ce(z));
+        return _.every((E) => Q.includes(E));
       });
-    }), T = d(() => P.value.length), S = d(() => {
-      if (g.value && y.value)
-        return Ce(y.value);
-    }), F = d(() => a.disabled || B.value), X = d(() => {
+    }), T = d(() => P.value.length), M = d(() => {
+      if (g.value && b.value)
+        return Ce(b.value);
+    }), j = d(() => a.disabled || B.value), X = d(() => {
       var _;
       if (typeof a.clearValue < "u")
         return a.clearValue;
       if ((_ = i.value.select) != null && _.clearValue)
         return i.value.select.clearValue;
-    }), ae = d(() => {
+    }), le = d(() => {
       if (X.value)
         return X.value;
       const _ = n.value;
@@ -4017,9 +4092,9 @@ const di = {
     }), $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..." : B.value ? a.emptyOptionsMsg : a.placeholder), j = d(
+    }), V = d(() => a.isLoading ? "Cargando..." : B.value ? a.emptyOptionsMsg : a.placeholder), q = d(
       () => (B.value || $e.value) && !r.value && V.value || a.isLoading
-    ), re = d(() => F.value || a.notClearable ? !1 : !$e.value), w = d(() => {
+    ), re = d(() => j.value || a.notClearable ? !1 : !$e.value), C = d(() => {
       const _ = [];
       return a.icon && _.push("has-icon-left"), a.iconRight && _.push("has-icon-right"), _;
     }), I = d(() => {
@@ -4042,21 +4117,21 @@ const di = {
       z && !D.isColorTemplateVariable(z) && _.push({ "border-color": z });
       let Q = "";
       i.value.select.backgroundColor && (Q = i.value.select.backgroundColor), i.value.darkMode && (Q = i.value.darkModeColorItems), Q && !D.isColorTemplateVariable(Q) && _.push({ backgroundColor: Q });
-      let N = i.value.popup.textColor;
-      return i.value.darkMode && (N = i.value.darkModeColorText), N && (D.isColorTemplateVariable(N) ? _.push(`ck-component__color--${N}`) : _.push({ color: N })), _;
-    }), le = d(() => {
+      let E = i.value.popup.textColor;
+      return i.value.darkMode && (E = i.value.darkModeColorText), E && (D.isColorTemplateVariable(E) ? _.push(`ck-component__color--${E}`) : _.push({ color: E })), _;
+    }), ie = d(() => {
       const _ = [];
       let z = i.value.popup.textColor;
       return i.value.darkMode && (z = i.value.darkModeColorText), z && (D.isColorTemplateVariable(z) ? _.push(`ck-component__color--${z}`) : _.push({ color: z })), _;
     });
-    ce(() => y.value, () => Ue()), ce(() => T.value, (_) => {
+    de(() => b.value, () => Ue()), de(() => T.value, (_) => {
       k.value !== -1 && (k.value + 1 <= _ || (k.value = _ - 1));
-    }), ce(() => s.value, (_) => {
+    }), de(() => s.value, (_) => {
       _ && (m.value = { display: "none" }, setTimeout(() => {
-        const z = document.documentElement.clientHeight, Q = document.documentElement.clientWidth, N = p.value.getBoundingClientRect(), fe = {}, Ie = N.top < z / 2;
-        Ie ? fe.top = `${N.bottom}px` : fe.bottom = `${z - N.top}px`, fe.left = `${N.left}px`, fe.right = `${Q - N.right}px`;
+        const z = document.documentElement.clientHeight, Q = 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 = `${Q - E.right}px`;
         const lt = 100;
-        fe["max-height"] = Ie ? `${z - N.top - lt}px` : `${N.bottom - lt}px`, fe.display = "block", m.value = fe;
+        fe["max-height"] = Re ? `${z - E.top - lt}px` : `${E.bottom - lt}px`, fe.display = "block", m.value = fe;
       }, 150));
     });
     function ve(_) {
@@ -4074,15 +4149,15 @@ const di = {
       (_ = u.value) == null || _.blur(), (z = p.value) == null || z.blur();
     }
     function He() {
-      r.value = "", f.value = !0, Mt(), g.value = !0;
+      r.value = "", f.value = !0, xt(), g.value = !0;
     }
-    function Vt() {
+    function Dt() {
       Ue(), g.value = !1;
     }
-    function Dt() {
+    function Lt() {
       f.value = !1;
     }
-    function Lt(_) {
+    function St(_) {
       const z = T.value;
       if (_ === "ArrowDown")
         k.value = k.value + 1 >= z ? 0 : k.value + 1;
@@ -4097,125 +4172,125 @@ const di = {
       n.value = _, l("change", _);
     }
     function Ue() {
-      const _ = y.value;
+      const _ = b.value;
       r.value = _ ? Ce(_) : "";
     }
-    function St() {
-      r.value = "", qe(ae.value);
-    }
     function Mt() {
-      if (y.value) {
+      r.value = "", qe(le.value);
+    }
+    function xt() {
+      if (b.value) {
         const _ = P.value;
-        k.value = _.findIndex((z) => ve(z) === ve(y.value));
+        k.value = _.findIndex((z) => ve(z) === ve(b.value));
       } else
         k.value = -1;
     }
-    return ci(p, () => {
+    return fi(p, () => {
       var _;
       return (_ = p.value) == null ? void 0 : _.blur();
     }), Ue(), (_, z) => {
-      const Q = U("ck-button");
-      return v(), b("div", {
-        class: M(["ck-select", w.value]),
-        style: E(I.value)
+      const Q = Y("ck-button");
+      return v(), y("div", {
+        class: S(["ck-select", C.value]),
+        style: F(I.value)
       }, [
-        _.label ? (v(), L(Ae, {
+        _.label ? (v(), L(ze, {
           key: 0,
           align: _.labelAlign,
           for: "ck-select"
         }, {
-          default: H(() => [
+          default: N(() => [
             G(A(_.label) + " ", 1),
-            _.optional ? (v(), b("span", di, "opcional")) : C("", !0)
+            _.optional ? (v(), y("span", hi, "opcional")) : w("", !0)
           ]),
           _: 1
-        }, 8, ["align"])) : C("", !0),
-        W.value ? ue((v(), b("select", {
+        }, 8, ["align"])) : w("", !0),
+        W.value ? ce((v(), y("select", {
           key: 1,
           ref_key: "selectRef",
           ref: u,
           tabindex: "0",
-          "onUpdate:modelValue": z[0] || (z[0] = (N) => n.value = N),
+          "onUpdate:modelValue": z[0] || (z[0] = (E) => n.value = E),
           id: "ck-select",
-          class: M(J.value),
-          style: E(oe.value),
-          disabled: F.value,
-          onChange: z[1] || (z[1] = (N) => l("change", n.value)),
-          onClick: z[2] || (z[2] = (N) => l("click", N))
+          class: S(J.value),
+          style: F(oe.value),
+          disabled: j.value,
+          onChange: z[1] || (z[1] = (E) => l("change", n.value)),
+          onClick: z[2] || (z[2] = (E) => l("click", E))
         }, [
-          (v(!0), b(Z, null, de(_.options, (N) => (v(), b("option", {
-            value: ve(N),
-            key: N,
-            style: E(le.value)
-          }, A(Ce(N)), 13, vi))), 128))
-        ], 46, pi)), [
-          [Yt, n.value]
-        ]) : ue((v(), b("input", {
+          (v(!0), y(Z, null, ue(_.options, (E) => (v(), y("option", {
+            value: ve(E),
+            key: E,
+            style: F(ie.value)
+          }, A(Ce(E)), 13, ki))), 128))
+        ], 46, gi)), [
+          [Zt, n.value]
+        ]) : ce((v(), y("input", {
           key: 2,
           ref_key: "inputRef",
           ref: p,
           tabindex: "0",
-          "onUpdate:modelValue": z[3] || (z[3] = (N) => r.value = N),
+          "onUpdate:modelValue": z[3] || (z[3] = (E) => r.value = E),
           id: "ck-select",
-          class: M(J.value),
-          style: E(oe.value),
-          placeholder: S.value,
-          disabled: F.value,
+          class: S(J.value),
+          style: F(oe.value),
+          placeholder: M.value,
+          disabled: j.value,
           autocomplete: "off",
-          onClick: z[4] || (z[4] = (N) => l("click", N)),
-          onFocus: z[5] || (z[5] = (N) => He()),
-          onBlur: z[6] || (z[6] = (N) => Vt()),
-          onInput: z[7] || (z[7] = (N) => Dt()),
-          onKeydown: z[8] || (z[8] = (N) => Lt(N.key))
-        }, null, 46, mi)), [
-          [Ee, r.value]
+          onClick: z[4] || (z[4] = (E) => l("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, yi)), [
+          [Fe, r.value]
         ]),
-        (v(), L(xe, { to: "body" }, [
-          g.value && P.value.length ? (v(), b("ul", {
+        (v(), L(Ae, { to: "body" }, [
+          g.value && P.value.length ? (v(), y("ul", {
             key: 0,
             ref_key: "dropdownRef",
             ref: s,
             class: "ck-input-dropdown",
-            style: E(m.value)
+            style: F(m.value)
           }, [
-            (v(!0), b(Z, null, de(P.value, (N, fe) => (v(), b("li", {
-              key: ve(N),
-              class: M(["dropdown--option", {
-                "dropdown--option__selected": ve(N) === n.value,
+            (v(!0), y(Z, null, ue(P.value, (E, fe) => (v(), y("li", {
+              key: ve(E),
+              class: S(["dropdown--option", {
+                "dropdown--option__selected": ve(E) === n.value,
                 "dropdown--option__index-selected": fe === k.value
               }]),
-              onMousedown: (Ie) => qe(ve(N)),
-              onMouseenter: (Ie) => k.value = fe
-            }, A(Ce(N)), 43, fi))), 128))
-          ], 4)) : C("", !0)
+              onMousedown: (Re) => qe(ve(E)),
+              onMouseenter: (Re) => k.value = fe
+            }, A(Ce(E)), 43, bi))), 128))
+          ], 4)) : w("", !0)
         ])),
-        j.value ? (v(), b("span", {
+        q.value ? (v(), y("span", {
           key: 3,
           class: "ck-select--placeholder",
           textContent: A(V.value)
-        }, null, 8, hi)) : C("", !0),
-        _.icon ? (v(), L(se, {
+        }, null, 8, _i)) : w("", !0),
+        _.icon ? (v(), L(ne, {
           key: 4,
           class: "ck-select--icon-left",
           icon: _.icon,
           "icon-pack": _.iconPack,
           color: _.iconColor
-        }, null, 8, ["icon", "icon-pack", "color"])) : C("", !0),
-        _.iconRight ? (v(), L(se, {
+        }, null, 8, ["icon", "icon-pack", "color"])) : w("", !0),
+        _.iconRight ? (v(), L(ne, {
           key: 5,
           class: "ck-select--icon-right",
           icon: _.iconRight,
           "icon-pack": _.iconPack,
           color: _.iconColor
-        }, null, 8, ["icon", "icon-pack", "color"])) : C("", !0),
+        }, null, 8, ["icon", "icon-pack", "color"])) : w("", !0),
         re.value ? (v(), L(Q, {
           key: 6,
           class: "ck-select--btn",
           size: "s",
           icon: "times",
           type: "flat",
-          onClick: z[9] || (z[9] = (N) => St())
-        })) : F.value ? C("", !0) : (v(), L(Q, {
+          onClick: z[9] || (z[9] = (E) => Mt())
+        })) : j.value ? w("", !0) : (v(), L(Q, {
           key: 7,
           tabindex: "-1",
           class: "ck-select--btn",
@@ -4228,19 +4303,19 @@ const di = {
     };
   }
 });
-const ki = /* @__PURE__ */ q(gi, [["__scopeId", "data-v-3ab25429"]]), yi = {
+const wi = /* @__PURE__ */ H(Ci, [["__scopeId", "data-v-3ab25429"]]), $i = {
   key: 0,
   class: "sidebar-header-title"
-}, bi = {
+}, Ti = {
   key: 1,
   class: "loader-container"
-}, _i = {
+}, Bi = {
   key: 2,
   class: "ck-sidebar__content"
-}, Ci = {
+}, Pi = {
   key: 3,
   class: "ck-sidbar__footer"
-}, wi = /* @__PURE__ */ R({
+}, Vi = /* @__PURE__ */ R({
   __name: "ck-sidebar",
   props: /* @__PURE__ */ ee({
     title: {},
@@ -4271,50 +4346,50 @@ const ki = /* @__PURE__ */ q(gi, [["__scopeId", "data-v-3ab25429"]]), yi = {
       const u = [];
       return t.headerColor && !D.isColorTemplateVariable(t.headerColor) && u.push({ "background-color": t.headerColor }), u;
     }), c = d(() => t.closeBtnIcon ? t.closeBtnIcon : "times");
-    return ce(() => o.value, (u) => Pt(!u)), (u, p) => {
-      const s = U("ck-icon");
-      return o.value ? (v(), b("div", {
+    return de(() => o.value, (u) => Vt(!u)), (u, p) => {
+      const s = Y("ck-icon");
+      return o.value ? (v(), y("div", {
         key: 0,
         class: "ck-sidebar-background",
-        onClick: p[1] || (p[1] = ie((m) => o.value = !1, ["self"]))
+        onClick: p[1] || (p[1] = se((m) => o.value = !1, ["self"]))
       }, [
         $("div", {
-          class: M(["ck-sidebar", n.value]),
-          style: E(a.value)
+          class: S(["ck-sidebar", n.value]),
+          style: F(a.value)
         }, [
           O(u.$slots, "header", {}, void 0, !0),
-          u.title ? (v(), b("div", {
+          u.title ? (v(), y("div", {
             key: 0,
-            class: M(["sidebar-header", l.value]),
-            style: E(i.value),
+            class: S(["sidebar-header", l.value]),
+            style: F(i.value),
             onClick: p[0] || (p[0] = (m) => o.value = !1)
           }, [
-            u.title ? (v(), b("div", yi, A(u.title), 1)) : C("", !0),
+            u.title ? (v(), y("div", $i, A(u.title), 1)) : w("", !0),
             u.notCloseBtn ? (v(), L(s, {
               key: 1,
               class: "close-btn",
               icon: c.value
-            }, null, 8, ["icon"])) : C("", !0)
-          ], 6)) : C("", !0),
-          u.isLoading ? (v(), b("div", bi, [
-            Y(s, {
+            }, null, 8, ["icon"])) : w("", !0)
+          ], 6)) : w("", !0),
+          u.isLoading ? (v(), y("div", Ti, [
+            U(s, {
               icon: "spinner",
               size: "xxl",
               spin: "",
               color: "primary"
             })
-          ])) : (v(), b("div", _i, [
+          ])) : (v(), y("div", Bi, [
             O(u.$slots, "default", {}, void 0, !0)
           ])),
-          u.$slots.footer ? (v(), b("div", Ci, [
+          u.$slots.footer ? (v(), y("div", Pi, [
             O(u.$slots, "footer", {}, void 0, !0)
-          ])) : C("", !0)
+          ])) : w("", !0)
         ], 6)
-      ])) : C("", !0);
+      ])) : w("", !0);
     };
   }
 });
-const $i = /* @__PURE__ */ q(wi, [["__scopeId", "data-v-19f1984b"]]), Ti = ["disabled"], Bi = { class: "ck-switch__slider-container" }, Je = "s", Pi = "m", Vi = /* @__PURE__ */ R({
+const Di = /* @__PURE__ */ H(Vi, [["__scopeId", "data-v-19f1984b"]]), Li = ["disabled"], Si = { class: "ck-switch__slider-container" }, Je = "s", Mi = "m", xi = /* @__PURE__ */ R({
   __name: "ck-switch",
   props: /* @__PURE__ */ ee({
     preventAutoUpdate: { type: Boolean },
@@ -4333,7 +4408,7 @@ const $i = /* @__PURE__ */ q(wi, [["__scopeId", "data-v-19f1984b"]]), Ti = ["dis
   }),
   emits: /* @__PURE__ */ ee(["click"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const t = ge(e, "modelValue"), n = e, a = o, { cleekOptions: l } = ne(te()), i = d(() => {
+    const t = ge(e, "modelValue"), n = e, a = o, { cleekOptions: l } = ae(te()), i = d(() => {
       const r = [];
       n.squared && r.push("is-squared"), n.outlined && r.push("is-outlined"), n.color && r.push(`--${n.color}`);
       let g = n.size || Je;
@@ -4349,7 +4424,7 @@ const $i = /* @__PURE__ */ q(wi, [["__scopeId", "data-v-19f1984b"]]), Ti = ["dis
       return l.value.darkMode && r.push({ color: l.value.darkModeColorText }), n.size && n.size !== Je && r.push(`ck-switch__icon-size--${n.size}`), r;
     }), s = d(() => {
       const r = [];
-      return n.textSize && n.textSize !== Pi && r.push(`ck-switch__text-size--${n.textSize}`), r;
+      return n.textSize && n.textSize !== Mi && r.push(`ck-switch__text-size--${n.textSize}`), r;
     });
     function m(r) {
       if (!n.disabled) {
@@ -4360,60 +4435,60 @@ const $i = /* @__PURE__ */ q(wi, [["__scopeId", "data-v-19f1984b"]]), Ti = ["dis
         r instanceof KeyboardEvent && r.key === "Enter" && (t.value = !t.value), a("click");
       }
     }
-    return (r, g) => (v(), b("label", Fe(c.value, {
+    return (r, g) => (v(), y("label", Ie(c.value, {
       class: ["ck-switch", i.value],
       onClick: g[1] || (g[1] = (f) => m(f)),
       onKeydown: [
-        g[2] || (g[2] = he(ie((f) => {
+        g[2] || (g[2] = he(se((f) => {
           t.value = !t.value, a("click");
         }, ["prevent"]), ["space"])),
-        g[3] || (g[3] = he(ie((f) => {
+        g[3] || (g[3] = he(se((f) => {
           t.value = !t.value, a("click");
         }, ["prevent"]), ["enter"]))
       ]
     }), [
-      r.$slots.default && r.switchSide === "right" ? (v(), b("span", {
+      r.$slots.default && r.switchSide === "right" ? (v(), y("span", {
         key: 0,
-        class: M(["ck-switch__content", s.value]),
-        style: E(p.value)
+        class: S(["ck-switch__content", s.value]),
+        style: F(p.value)
       }, [
         O(r.$slots, "default", {}, void 0, !0)
-      ], 6)) : C("", !0),
-      ue($("input", {
+      ], 6)) : w("", !0),
+      ce($("input", {
         class: "ck-switch__input",
         type: "checkbox",
         "onUpdate:modelValue": g[0] || (g[0] = (f) => t.value = f),
         "aria-hidden": "true",
         disabled: r.disabled
-      }, null, 8, Ti), [
-        [Gt, t.value]
+      }, null, 8, Li), [
+        [Kt, t.value]
       ]),
-      $("div", Bi, [
+      $("div", Si, [
         g[4] || (g[4] = $("div", { class: "ck-switch__slider" }, null, -1)),
-        r.icon && t.value ? (v(), L(se, {
+        r.icon && t.value ? (v(), L(ne, {
           key: 0,
-          class: M(["ck-switch__icon-left", u.value]),
+          class: S(["ck-switch__icon-left", u.value]),
           icon: r.icon,
           "icon-pack": r.iconPack
-        }, null, 8, ["icon", "icon-pack", "class"])) : C("", !0),
-        r.icon && !t.value ? (v(), L(se, {
+        }, null, 8, ["icon", "icon-pack", "class"])) : w("", !0),
+        r.icon && !t.value ? (v(), L(ne, {
           key: 1,
-          class: M(["ck-switch__icon-right", u.value]),
+          class: S(["ck-switch__icon-right", u.value]),
           icon: r.icon,
           "icon-pack": r.iconPack
-        }, null, 8, ["icon", "icon-pack", "class"])) : C("", !0)
+        }, null, 8, ["icon", "icon-pack", "class"])) : w("", !0)
       ]),
-      r.$slots.default && r.switchSide !== "right" ? (v(), b("span", {
+      r.$slots.default && r.switchSide !== "right" ? (v(), y("span", {
         key: 1,
-        class: M(["ck-switch__content", s.value]),
-        style: E(p.value)
+        class: S(["ck-switch__content", s.value]),
+        style: F(p.value)
       }, [
         O(r.$slots, "default", {}, void 0, !0)
-      ], 6)) : C("", !0)
+      ], 6)) : w("", !0)
     ], 16));
   }
 });
-const Di = /* @__PURE__ */ q(Vi, [["__scopeId", "data-v-750acbd8"]]), Li = { class: "ck-switch-options" }, Si = ["onClick", "onKeyup"], Mi = /* @__PURE__ */ R({
+const Ai = /* @__PURE__ */ H(xi, [["__scopeId", "data-v-750acbd8"]]), Ii = { class: "ck-switch-options" }, zi = ["onClick", "onKeyup"], Ri = /* @__PURE__ */ R({
   __name: "ck-switch-options",
   props: /* @__PURE__ */ ee({
     options: {},
@@ -4456,44 +4531,44 @@ const Di = /* @__PURE__ */ q(Vi, [["__scopeId", "data-v-750acbd8"]]), Li = { cla
       t.value = r, a("change", r);
     }
     return (m, r) => {
-      const g = U("ck-icon");
-      return v(), b("div", Li, [
-        m.label ? (v(), L(Ae, {
+      const g = Y("ck-icon");
+      return v(), y("div", Ii, [
+        m.label ? (v(), L(ze, {
           key: 0,
           align: m.labelAlign
         }, {
-          default: H(() => [
+          default: N(() => [
             G(A(m.label), 1)
           ]),
           _: 1
-        }, 8, ["align"])) : C("", !0),
+        }, 8, ["align"])) : w("", !0),
         $("div", {
-          class: M(["switch-options--options", i.value])
+          class: S(["switch-options--options", i.value])
         }, [
-          (v(!0), b(Z, null, de(m.options, (f, k) => (v(), b("div", {
+          (v(!0), y(Z, null, ue(m.options, (f, k) => (v(), y("div", {
             key: k,
             tabindex: "0",
-            class: M(["options--option", { selected: u(f) === t.value }]),
-            style: E(c.value),
-            onClick: (y) => s(f),
-            onKeyup: he((y) => s(f), ["enter"])
+            class: S(["options--option", { selected: u(f) === t.value }]),
+            style: F(c.value),
+            onClick: (b) => s(f),
+            onKeyup: he((b) => s(f), ["enter"])
           }, [
             f.icon ? (v(), L(g, {
               key: 0,
               class: "option--icon",
               icon: f.icon
-            }, null, 8, ["icon"])) : C("", !0),
+            }, null, 8, ["icon"])) : w("", !0),
             G(" " + A(p(f)), 1)
-          ], 46, Si))), 128))
+          ], 46, zi))), 128))
         ], 2)
       ]);
     };
   }
 });
-const xi = /* @__PURE__ */ q(Mi, [["__scopeId", "data-v-c323f4fa"]]), Ai = { class: "ck-textarea" }, Ii = {
+const Wi = /* @__PURE__ */ H(Ri, [["__scopeId", "data-v-c323f4fa"]]), Oi = { class: "ck-textarea" }, Ei = {
   key: 0,
   class: "ck-textarea__optional-label"
-}, zi = ["placeholder", "disabled"], Ri = 300, Wi = /* @__PURE__ */ R({
+}, Ni = ["placeholder", "disabled"], Fi = 300, ji = /* @__PURE__ */ R({
   __name: "ck-textarea",
   props: {
     modelValue: {},
@@ -4519,24 +4594,24 @@ const xi = /* @__PURE__ */ q(Mi, [["__scopeId", "data-v-c323f4fa"]]), Ai = { cla
   },
   emits: ["update:modelValue", "input", "change", "click", "changeDelayed"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { cleekOptions: a } = ne(te()), l = x(), { windowWidth: i } = ke(), c = d({
+    const t = e, n = o, { cleekOptions: a } = ae(te()), l = x(), { windowWidth: i } = ke(), c = d({
       get() {
         return t.modelValue;
       },
       set(f) {
-        t.capitalize && (f = We.capitalize(f)), n("update:modelValue", f), g(f);
+        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 y = t.borderColor || a.value.styles.borderColor;
-      return y && D.isColorTemplateVariable(y) && f.push(`ck-component__border-color--${y}`), f.push(D.getGroupClass(t, i.value)), f;
+      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, i.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 y = t.resize ? t.resize : "none";
-      return y && f.push({ resize: y || "both" }), f;
+      const b = t.resize ? t.resize : "none";
+      return b && f.push({ resize: b || "both" }), f;
     }), s = (f) => {
       var k;
       t.autoSelect && ((k = l.value) == null || k.select()), n("click", f);
@@ -4548,37 +4623,37 @@ const xi = /* @__PURE__ */ q(Mi, [["__scopeId", "data-v-c323f4fa"]]), Ai = { cla
     function g(f) {
       setTimeout(() => {
         c.value === f && n("changeDelayed", f);
-      }, t.delayChangeTime || Ri);
+      }, t.delayChangeTime || Fi);
     }
-    return (f, k) => (v(), b("div", Ai, [
-      f.label ? (v(), L(Ae, {
+    return (f, k) => (v(), y("div", Oi, [
+      f.label ? (v(), L(ze, {
         key: 0,
         align: f.labelAlign
       }, {
-        default: H(() => [
+        default: N(() => [
           G(A(f.label) + " ", 1),
-          f.optional ? (v(), b("span", Ii, "opcional")) : C("", !0)
+          f.optional ? (v(), y("span", Ei, "opcional")) : w("", !0)
         ]),
         _: 1
-      }, 8, ["align"])) : C("", !0),
-      ue($("textarea", {
-        "onUpdate:modelValue": k[0] || (k[0] = (y) => c.value = y),
+      }, 8, ["align"])) : w("", !0),
+      ce($("textarea", {
+        "onUpdate:modelValue": k[0] || (k[0] = (b) => c.value = b),
         ref_key: "refTextarea",
         ref: l,
         placeholder: f.placeholder,
         disabled: f.disabled,
-        class: M(u.value),
-        style: E(p.value),
-        onClick: k[1] || (k[1] = (y) => s(y)),
-        onInput: k[2] || (k[2] = (y) => m(y)),
-        onChange: k[3] || (k[3] = (y) => r(y))
-      }, null, 46, zi), [
-        [Ee, c.value]
+        class: S(u.value),
+        style: F(p.value),
+        onClick: k[1] || (k[1] = (b) => s(b)),
+        onInput: k[2] || (k[2] = (b) => m(b)),
+        onChange: k[3] || (k[3] = (b) => r(b))
+      }, null, 46, Ni), [
+        [Fe, c.value]
       ])
     ]));
   }
 });
-const Oi = /* @__PURE__ */ q(Wi, [["__scopeId", "data-v-02767f25"]]), Ni = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy43LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNFQTRCNEI7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnPg0KCQk8Zz4NCgkJCTxyZWN0IHg9IjQ1IiB5PSI2NC45IiBjbGFzcz0ic3QwIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAuMiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxnPg0KCQk8Zz4NCgkJCTxyZWN0IHg9IjQ1IiB5PSIyNC45IiBjbGFzcz0ic3QwIiB3aWR0aD0iMTAiIGhlaWdodD0iMzAuMiIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTY5LjIsMTYuN0w4OC41LDUwTDY5LjIsODMuM0gzMC44TDExLjUsNTBsMTkuMi0zMy4zSDY5LjIgTTc1LDYuN0gyNUwwLDUwbDI1LDQzLjNoNTBMMTAwLDUwTDc1LDYuN0w3NSw2Ljd6Ig0KCS8+DQo8L3N2Zz4NCg==", Ei = { class: "ck-confirm--background" }, Fi = { class: "ck-confirm" }, ji = { class: "ck-confirm__title" }, Hi = { class: "ck-confirm__message" }, qi = { class: "ck-confirm__buttons-container" }, Ui = /* @__PURE__ */ R({
+const Hi = /* @__PURE__ */ H(ji, [["__scopeId", "data-v-02767f25"]]), qi = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy43LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNFQTRCNEI7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnPg0KCQk8Zz4NCgkJCTxyZWN0IHg9IjQ1IiB5PSI2NC45IiBjbGFzcz0ic3QwIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAuMiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxnPg0KCQk8Zz4NCgkJCTxyZWN0IHg9IjQ1IiB5PSIyNC45IiBjbGFzcz0ic3QwIiB3aWR0aD0iMTAiIGhlaWdodD0iMzAuMiIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTY5LjIsMTYuN0w4OC41LDUwTDY5LjIsODMuM0gzMC44TDExLjUsNTBsMTkuMi0zMy4zSDY5LjIgTTc1LDYuN0gyNUwwLDUwbDI1LDQzLjNoNTBMMTAwLDUwTDc1LDYuN0w3NSw2Ljd6Ig0KCS8+DQo8L3N2Zz4NCg==", Ui = { class: "ck-confirm--background" }, Yi = { class: "ck-confirm" }, Gi = { class: "ck-confirm__title" }, Zi = { class: "ck-confirm__message" }, Ki = { class: "ck-confirm__buttons-container" }, Qi = /* @__PURE__ */ R({
   __name: "CkConfirm",
   setup(e, { expose: o }) {
     const t = x(""), n = x(""), a = x(""), l = x(""), i = x(() => {
@@ -4597,17 +4672,17 @@ const Oi = /* @__PURE__ */ q(Wi, [["__scopeId", "data-v-02767f25"]]), Ni = "data
       cancelText: l,
       responseSuccess: i,
       responseFailure: c
-    }), (g, f) => (v(), b("div", Ei, [
-      $("div", Fi, [
+    }), (g, f) => (v(), y("div", Ui, [
+      $("div", Yi, [
         f[2] || (f[2] = $("div", { class: "ck-confirm__icon" }, [
           $("img", {
-            src: Ni,
+            src: qi,
             height: "125"
           })
         ], -1)),
-        $("div", ji, A(t.value || u.value), 1),
-        $("div", Hi, A(n.value), 1),
-        $("div", qi, [
+        $("div", Gi, A(t.value || u.value), 1),
+        $("div", Zi, A(n.value), 1),
+        $("div", Ki, [
           $("button", {
             class: "ck-confirm__button--cancel",
             onClick: f[0] || (f[0] = (k) => m())
@@ -4621,7 +4696,7 @@ const Oi = /* @__PURE__ */ q(Wi, [["__scopeId", "data-v-02767f25"]]), Ni = "data
     ]));
   }
 });
-const Yi = /* @__PURE__ */ q(Ui, [["__scopeId", "data-v-817a5ee4"]]), Gi = { class: "alert--msg" }, Zi = /* @__PURE__ */ R({
+const Ji = /* @__PURE__ */ H(Qi, [["__scopeId", "data-v-817a5ee4"]]), Xi = { class: "alert--msg" }, es = /* @__PURE__ */ R({
   __name: "CkAlert",
   setup(e, { expose: o }) {
     const t = x(""), n = x(""), a = x(""), l = x(!0), i = d(() => "Atención"), c = d(() => "Aceptar");
@@ -4629,8 +4704,8 @@ const Yi = /* @__PURE__ */ q(Ui, [["__scopeId", "data-v-817a5ee4"]]), Gi = { cla
       title: t,
       msg: n,
       acceptText: a
-    }), (u, p) => (v(), L(xe, { to: "body" }, [
-      Y(nt, {
+    }), (u, p) => (v(), L(Ae, { to: "body" }, [
+      U(nt, {
         modelValue: l.value,
         "onUpdate:modelValue": p[0] || (p[0] = (s) => l.value = s),
         acceptButton: "",
@@ -4642,15 +4717,15 @@ const Yi = /* @__PURE__ */ q(Ui, [["__scopeId", "data-v-817a5ee4"]]), Gi = { cla
         acceptBtnText: a.value || c.value,
         onAccept: p[1] || (p[1] = (s) => l.value = !1)
       }, {
-        default: H(() => [
-          $("div", Gi, A(n.value), 1)
+        default: N(() => [
+          $("div", Xi, A(n.value), 1)
         ]),
         _: 1
       }, 8, ["modelValue", "title", "acceptBtnText"])
     ]));
   }
 });
-const Ki = /* @__PURE__ */ q(Zi, [["__scopeId", "data-v-08c93dad"]]), Qi = { class: "ck-notify__container" }, Ji = { class: "ck-notify__title" }, Xi = { class: "close-btn" }, es = ["innerHTML"], ts = /* @__PURE__ */ R({
+const ts = /* @__PURE__ */ H(es, [["__scopeId", "data-v-08c93dad"]]), os = { class: "ck-notify__container" }, ns = { class: "ck-notify__title" }, as = { class: "close-btn" }, ls = ["innerHTML"], is = /* @__PURE__ */ R({
   __name: "CkNotify",
   setup(e, { expose: o }) {
     const t = x(!0), n = x(""), a = x(""), l = x(""), i = x(0), c = x(() => {
@@ -4685,34 +4760,34 @@ const Ki = /* @__PURE__ */ q(Zi, [["__scopeId", "data-v-08c93dad"]]), Qi = { cla
           c.value();
         }, i.value);
       }, 10);
-    }), (m, r) => t.value ? (v(), L(xe, {
+    }), (m, r) => t.value ? (v(), L(Ae, {
       key: 0,
       to: "body"
     }, [
-      $("div", Qi, [
+      $("div", os, [
         $("div", {
-          class: M(["ck-notify", p.value]),
-          style: E(s.value),
+          class: S(["ck-notify", p.value]),
+          style: F(s.value),
           onClick: r[0] || (r[0] = (g) => {
             t.value = !1, c.value();
           })
         }, [
-          $("div", Ji, [
-            $("div", Xi, [
-              Y(se, { icon: "times" })
+          $("div", ns, [
+            $("div", as, [
+              U(ne, { icon: "times" })
             ]),
             G(" " + A(n.value || u.value), 1)
           ]),
           $("div", {
             class: "ck-notify__text",
             innerHTML: a.value
-          }, null, 8, es)
+          }, null, 8, ls)
         ], 6)
       ])
-    ])) : C("", !0);
+    ])) : w("", !0);
   }
 });
-const os = /* @__PURE__ */ q(ts, [["__scopeId", "data-v-bb914f84"]]), ns = 3e3, as = {
+const ss = /* @__PURE__ */ H(is, [["__scopeId", "data-v-bb914f84"]]), rs = 3e3, us = {
   alert(e) {
     this.alertOptions({
       title: "",
@@ -4721,7 +4796,7 @@ const os = /* @__PURE__ */ q(ts, [["__scopeId", "data-v-bb914f84"]]), ns = 3e3,
     });
   },
   alertOptions({ title: e = "", msg: o = "", acceptText: t = "" }) {
-    const n = document.createElement("div"), l = Ge(Ki).mount(n);
+    const n = document.createElement("div"), l = Ge(ts).mount(n);
     l.title = e, l.msg = o, l.acceptText = t, document.body.appendChild(l.$el);
   },
   confirmOptions({
@@ -4734,7 +4809,7 @@ const os = /* @__PURE__ */ q(ts, [["__scopeId", "data-v-bb914f84"]]), ns = 3e3,
     failure: l = () => {
     }
   }) {
-    const i = document.createElement("div"), c = Ge(Yi), u = c.mount(i);
+    const i = document.createElement("div"), c = Ge(Ji), u = c.mount(i);
     u.title = e, u.msg = o, u.acceptText = t, u.cancelText = n, u.responseSuccess = () => {
       c.unmount(), a();
     }, u.responseFailure = () => {
@@ -4749,8 +4824,8 @@ const os = /* @__PURE__ */ q(ts, [["__scopeId", "data-v-bb914f84"]]), ns = 3e3,
     });
   },
   notify({ text: e = "", title: o = "", color: t = "", duration: n = 0 }) {
-    const a = document.createElement("div"), l = Ge(os), i = l.mount(a);
-    i.title = o, i.text = e, i.color = t, i.duration = n || ns, i.closeCallback = () => {
+    const a = document.createElement("div"), l = Ge(ss), i = l.mount(a);
+    i.title = o, i.text = e, i.color = t, i.duration = n || rs, i.closeCallback = () => {
       l.unmount();
     };
   },
@@ -4764,7 +4839,7 @@ const os = /* @__PURE__ */ q(ts, [["__scopeId", "data-v-bb914f84"]]), ns = 3e3,
     this.notify({ text: e, title: o, color: "warning", duration: t });
   }
 };
-class ls {
+class cs {
   constructor(o) {
     ye(this, "search", "");
     ye(this, "currentPage", 1);
@@ -4775,7 +4850,7 @@ class ls {
     o && (this.itemsPerPage = o);
   }
 }
-class is {
+class ds {
   constructor(o, t) {
     ye(this, "ids", /* @__PURE__ */ new Set([]));
     ye(this, "toggleable", !0);
@@ -4812,90 +4887,92 @@ class is {
     this.ids.clear();
   }
 }
-const ss = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ps = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  CkButton: Ne,
-  CkCard: Nl,
-  CkCheckbox: Bt,
-  CkChip: Gl,
-  CkCircle: Xl,
-  CkDatetimeShower: Lo,
-  CkDiv: ei,
-  CkDropdown: Io,
-  CkIcon: se,
-  CkImg: ai,
-  CkInput: Tt,
-  CkInputDate: yl,
-  CkInputTime: bl,
-  CkLabel: Ae,
-  CkNavbar: Wo,
-  CkPagination: jn,
+  CkButton: xe,
+  CkCard: Ul,
+  CkCheckbox: Pt,
+  CkChip: Xl,
+  CkCircle: ai,
+  CkDatetimeShower: Mo,
+  CkDiv: li,
+  CkDropdown: Ro,
+  CkDropdownButton: Nl,
+  CkIcon: ne,
+  CkImg: ui,
+  CkInput: Bt,
+  CkInputDate: _l,
+  CkInputTime: Cl,
+  CkLabel: ze,
+  CkNavbar: Eo,
+  CkPagination: qn,
   CkPopup: nt,
-  CkRadio: ui,
-  CkSelect: ki,
-  CkSidebar: $i,
-  CkSwitch: Di,
-  CkSwitchOptions: xi,
-  CkTab: wl,
-  CkTable: Fn,
-  CkTabs: Dl,
-  CkTd: $t,
-  CkTextarea: Oi,
-  CkTh: Yn,
-  CkTimeShower: xo,
-  CkToggle: Ml,
-  CkToggleGroup: Il,
-  CkTr: wt,
-  SelectedRows: is,
-  TableData: ls,
-  ckNotify: as,
+  CkRadio: mi,
+  CkSelect: wi,
+  CkSidebar: Di,
+  CkSwitch: Ai,
+  CkSwitchOptions: Wi,
+  CkTab: Tl,
+  CkTable: Hn,
+  CkTabs: Sl,
+  CkTd: Tt,
+  CkTextarea: Hi,
+  CkTh: Zn,
+  CkTimeShower: Io,
+  CkToggle: Al,
+  CkToggleGroup: Rl,
+  CkTr: $t,
+  SelectedRows: ds,
+  TableData: cs,
+  ckNotify: us,
   useWindowWidth: ke
 }, Symbol.toStringTag, { value: "Module" }));
-tt.add(zt);
 tt.add(Rt);
 tt.add(Wt);
-function ys(e, o) {
-  te().cleekOptions = bo(Ct, o), e.use($o), e.use(It, ko), Object.entries(ss).forEach(([t, n]) => {
+tt.add(Ot);
+function $s(e, o) {
+  te().cleekOptions = Co(wt, o), e.use(Bo), e.use(zt, bo), Object.entries(ps).forEach(([t, n]) => {
     e.component(t, n);
   });
 }
 export {
-  Ne as CkButton,
-  Nl as CkCard,
-  Bt as CkCheckbox,
-  Gl as CkChip,
-  Xl as CkCircle,
-  Lo as CkDatetimeShower,
-  ei as CkDiv,
-  Io as CkDropdown,
-  se as CkIcon,
-  ai as CkImg,
-  Tt as CkInput,
-  yl as CkInputDate,
-  bl as CkInputTime,
-  Ae as CkLabel,
-  Wo as CkNavbar,
-  jn as CkPagination,
+  xe as CkButton,
+  Ul as CkCard,
+  Pt as CkCheckbox,
+  Xl as CkChip,
+  ai as CkCircle,
+  Mo as CkDatetimeShower,
+  li as CkDiv,
+  Ro as CkDropdown,
+  Nl as CkDropdownButton,
+  ne as CkIcon,
+  ui as CkImg,
+  Bt as CkInput,
+  _l as CkInputDate,
+  Cl as CkInputTime,
+  ze as CkLabel,
+  Eo as CkNavbar,
+  qn as CkPagination,
   nt as CkPopup,
-  ui as CkRadio,
-  ki as CkSelect,
-  $i as CkSidebar,
-  Di as CkSwitch,
-  xi as CkSwitchOptions,
-  wl as CkTab,
-  Fn as CkTable,
-  Dl as CkTabs,
-  $t as CkTd,
-  Oi as CkTextarea,
-  Yn as CkTh,
-  xo as CkTimeShower,
-  Ml as CkToggle,
-  Il as CkToggleGroup,
-  wt as CkTr,
-  is as SelectedRows,
-  ls as TableData,
-  as as ckNotify,
-  ys as default,
+  mi as CkRadio,
+  wi as CkSelect,
+  Di as CkSidebar,
+  Ai as CkSwitch,
+  Wi as CkSwitchOptions,
+  Tl as CkTab,
+  Hn as CkTable,
+  Sl as CkTabs,
+  Tt as CkTd,
+  Hi as CkTextarea,
+  Zn as CkTh,
+  Io as CkTimeShower,
+  Al as CkToggle,
+  Rl as CkToggleGroup,
+  $t as CkTr,
+  ds as SelectedRows,
+  cs as TableData,
+  us as ckNotify,
+  $s as default,
   te as useCleekOptionsStore,
   ke as useWindowWidth
 };