cleek 2.11.38 → 2.11.40

package/dist/main.es.js

@@ -1,15 +1,15 @@
-var Ot = Object.defineProperty;
-var Wt = (e, o, t) => o in e ? Ot(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t;
-var we = (e, o, t) => Wt(e, typeof o != "symbol" ? o + "" : o, t);
-import Et from "floating-vue";
+var Et = Object.defineProperty;
+var Ft = (e, o, t) => o in e ? Et(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t;
+var we = (e, o, t) => Ft(e, typeof o != "symbol" ? o + "" : o, t);
+import qt from "floating-vue";
 import { library as et } from "@fortawesome/fontawesome-svg-core";
-import { fas as Ft } from "@fortawesome/free-solid-svg-icons";
-import { far as qt } from "@fortawesome/free-regular-svg-icons";
-import { fab as Nt } from "@fortawesome/free-brands-svg-icons";
-import { ref as M, computed as c, watch as ue, defineComponent as z, resolveDirective as tt, openBlock as d, createElementBlock as g, toDisplayString as L, createTextVNode as G, createCommentVNode as C, withDirectives as re, Fragment as J, unref as xe, createElementVNode as w, onMounted as $e, withKeys as be, renderSlot as O, createBlock as S, Teleport as Pe, normalizeStyle as E, normalizeClass as P, resolveComponent as Y, nextTick as kt, onBeforeUnmount as ot, useModel as fe, withCtx as q, vModelDynamic as Ht, createVNode as H, mergeModels as te, renderList as se, vModelText as qe, mergeProps as Ae, withModifiers as ie, watchEffect as Ge, vShow as Ve, resolveDynamicComponent as Ut, pushScopeId as jt, popScopeId as Gt, inject as Yt, provide as Kt, onUpdated as Zt, normalizeProps as Jt, guardReactiveProps as Xt, Transition as Qt, vModelRadio as eo, vModelSelect as to, vModelCheckbox as oo, createApp as Ye } from "vue";
+import { fas as Nt } from "@fortawesome/free-solid-svg-icons";
+import { far as Ht } from "@fortawesome/free-regular-svg-icons";
+import { fab as Ut } from "@fortawesome/free-brands-svg-icons";
+import { ref as M, computed as c, watch as ce, defineComponent as z, resolveDirective as tt, openBlock as d, createElementBlock as g, toDisplayString as P, createTextVNode as G, createCommentVNode as C, withDirectives as re, Fragment as J, unref as xe, createElementVNode as w, onMounted as $e, withKeys as be, renderSlot as O, createBlock as S, Teleport as Pe, normalizeStyle as E, normalizeClass as L, resolveComponent as Y, nextTick as yt, onBeforeUnmount as ot, useModel as fe, withCtx as q, vModelDynamic as jt, createVNode as H, mergeModels as te, renderList as se, vModelText as qe, mergeProps as Ae, withModifiers as ie, watchEffect as Ge, vShow as Ve, resolveDynamicComponent as Gt, pushScopeId as Yt, popScopeId as Kt, inject as it, provide as st, onUpdated as Zt, normalizeProps as Jt, guardReactiveProps as Xt, Transition as Qt, vModelRadio as eo, vModelSelect as to, vModelCheckbox as oo, createApp as Ye } from "vue";
 import { defineStore as lo, storeToRefs as ne } from "pinia";
 import { FontAwesomeIcon as no } from "@fortawesome/vue-fontawesome";
-import { isValid as ve, startOfDecade as ao, endOfDecade as io, eachYearOfInterval as so, getYear as he, getDecade as ze, isBefore as Se, isAfter as Le, addYears as bt, subYears as yt, startOfYear as ro, endOfYear as uo, format as We, eachMonthOfInterval as co, isSameMonth as Xe, isSameYear as it, startOfMonth as Ct, endOfMonth as wt, endOfWeek as po, startOfWeek as vo, setDay as fo, eachDayOfInterval as mo, isWithinInterval as ho, isSameDay as Ke, addMonths as go, subMonths as ko, set as st, isSameHour as bo, isSameMinute as yo, parse as rt, startOfDay as Co, endOfDay as wo, max as $o, min as xo } from "date-fns";
+import { isValid as ve, startOfDecade as ao, endOfDecade as io, eachYearOfInterval as so, getYear as he, getDecade as ze, isBefore as Se, isAfter as Le, addYears as Ct, subYears as wt, startOfYear as ro, endOfYear as uo, format as We, eachMonthOfInterval as co, isSameMonth as Xe, isSameYear as rt, startOfMonth as $t, endOfMonth as xt, endOfWeek as po, startOfWeek as vo, setDay as fo, eachDayOfInterval as mo, isWithinInterval as ho, isSameDay as Ke, addMonths as go, subMonths as ko, set as ut, isSameHour as bo, isSameMinute as yo, parse as ct, startOfDay as Co, endOfDay as wo, max as $o, min as xo } from "date-fns";
 import { es as _o } from "date-fns/locale";
 const Bo = {
   themes: {
@@ -33,9 +33,9 @@ function Vo(e, o) {
 function Do(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Oe = { exports: {} }, So = Oe.exports, ut;
+var Oe = { exports: {} }, So = Oe.exports, dt;
 function Lo() {
-  return ut || (ut = 1, (function(e, o) {
+  return dt || (dt = 1, (function(e, o) {
     (function(t, n) {
       e.exports = n();
     })(So, function() {
@@ -92,7 +92,7 @@ function Lo() {
   })(Oe)), Oe.exports;
 }
 var Po = Lo();
-const Ao = /* @__PURE__ */ Do(Po), $t = {
+const Ao = /* @__PURE__ */ Do(Po), _t = {
   lang: "en",
   darkMode: !1,
   darkModeColorText: "#ccc",
@@ -163,8 +163,8 @@ function Io(e) {
   }
 }
 const le = lo("cleek-options", () => {
-  const e = M($t), o = c(() => e.value.colors), t = c(() => e.value.styles), n = c(() => e.value.button), l = c(() => e.value.chip), i = c(() => e.value.div), a = c(() => e.value.img), p = c(() => e.value.popup), u = c(() => e.value.select), f = c(() => e.value.table);
-  return ue(o, (r) => Io(r), { deep: !0, immediate: !0 }), {
+  const e = M(_t), o = c(() => e.value.colors), t = c(() => e.value.styles), n = c(() => e.value.button), l = c(() => e.value.chip), i = c(() => e.value.div), a = c(() => e.value.img), p = c(() => e.value.popup), u = c(() => e.value.select), f = c(() => e.value.table);
+  return ce(o, (r) => Io(r), { deep: !0, immediate: !0 }), {
     cleekOptions: e,
     colorsOptions: o,
     stylesOptions: t,
@@ -177,21 +177,21 @@ const le = lo("cleek-options", () => {
     tableOptions: f
   };
 });
-function ct(e) {
+function pt(e) {
   return e.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
 }
-function xt(e) {
+function Bt(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
 function Be(e, o = 2) {
   const t = e < 0, [n, l] = Math.abs(e).toString().split("."), i = n.padStart(o, "0"), a = l ? `${i}.${l}` : i;
   return t ? `-${a}` : a;
 }
-function _t(e) {
+function Tt(e) {
   return /* @__PURE__ */ new Date(`${e.slice(0, 10)}T00:00:00`);
 }
 function zo(e) {
-  return e.length < 16 ? _t(e) : new Date(e);
+  return e.length < 16 ? Tt(e) : new Date(e);
 }
 function Ro(e) {
   if (!e) return "";
@@ -206,14 +206,14 @@ function Ee(e) {
   const l = Be(e % 60, 2);
   return o && (n = `-${n}`), `${n}:${l}`;
 }
-function dt(e, o = "dd/mm/yy") {
+function vt(e, o = "dd/mm/yy") {
   if (!e) return "";
-  const t = _t(e), n = Be(t.getDate(), 2), l = Be(t.getMonth() + 1, 2);
+  const t = Tt(e), n = Be(t.getDate(), 2), l = Be(t.getMonth() + 1, 2);
   if (o === "dd/mm") return `${n}/${l}`;
   const i = t.getFullYear();
   return o === "dd/mm/yyyy" ? `${n}/${l}/${i}` : `${n}/${l}/${`${i}`.slice(-2)}`;
 }
-function Bt(e) {
+function Vt(e) {
   if (!e) return "";
   const o = zo(e);
   return `${Be(o.getHours(), 2)}:${Be(o.getMinutes(), 2)}`;
@@ -236,7 +236,7 @@ const Oo = {
   },
   emits: ["click"],
   setup(e, { emit: o }) {
-    const t = e, n = o, l = c(() => t.time ? (t.timeInMinutes, Ee(+t.time)) : t.datetime ? typeof t.datetime == "string" ? Bt(t.datetime) : p(t.datetime) : ""), i = c(() => t.date ? typeof t.date == "string" ? dt(t.date) : a(t.date) : t.datetime ? typeof t.datetime == "string" ? dt(t.datetime) : a(t.datetime) : "");
+    const t = e, n = o, l = c(() => t.time ? (t.timeInMinutes, Ee(+t.time)) : t.datetime ? typeof t.datetime == "string" ? Vt(t.datetime) : p(t.datetime) : ""), i = c(() => t.date ? typeof t.date == "string" ? vt(t.date) : a(t.date) : t.datetime ? typeof t.datetime == "string" ? vt(t.datetime) : a(t.datetime) : "");
     function a(u) {
       const f = String(u.getDate()).padStart(2, "0"), r = String(u.getMonth() + 1).padStart(2, "0"), v = String(u.getFullYear()).slice(-2);
       return `${f}/${r}/${v}`;
@@ -252,17 +252,17 @@ const Oo = {
         class: "ck-datetime-shower--split",
         onClick: f[0] || (f[0] = (v) => n("click", v))
       }, [
-        G(L(i.value) + " ", 1),
-        l.value ? (d(), g("span", Wo, " | " + L(l.value), 1)) : C("", !0)
+        G(P(i.value) + " ", 1),
+        l.value ? (d(), g("span", Wo, " | " + P(l.value), 1)) : C("", !0)
       ])) : re((d(), g("div", {
         key: 2,
         class: "ck-datetime-shower",
         onClick: f[1] || (f[1] = (v) => n("click", v))
       }, [
-        G(L(i.value), 1)
+        G(P(i.value), 1)
       ])), [
         [r, l.value]
-      ]) : (d(), g("span", Oo, L(e.noDateMsg), 1));
+      ]) : (d(), g("span", Oo, P(e.noDateMsg), 1));
     };
   }
 }), U = (e, o) => {
@@ -279,9 +279,9 @@ const Oo = {
   setup(e) {
     return (o, t) => (d(), g("span", qo, [
       e.minutes ? (d(), g(J, { key: 0 }, [
-        G(L(xe(Ee)(e.minutes)), 1)
+        G(P(xe(Ee)(e.minutes)), 1)
       ], 64)) : (d(), g(J, { key: 1 }, [
-        G(L(xe(Bt)(e.time)), 1)
+        G(P(xe(Vt)(e.time)), 1)
       ], 64)),
       t[0] || (t[0] = w("span", { class: "hs-text" }, " hs ", -1))
     ]));
@@ -304,12 +304,12 @@ const Oo = {
       const v = t.layout || n.value.styles.layout;
       return v && r.push(`ck-dropdown--content__${v}`), r;
     });
-    ue(() => l.value, (r) => {
+    ce(() => l.value, (r) => {
       if (r) {
         const v = document.documentElement.clientHeight, s = document.documentElement.clientWidth, h = i.value.getBoundingClientRect(), m = {};
         h.top < v / 2 ? (m.top = `${h.bottom}px`, m["margin-top"] = "0.5rem") : (m.bottom = `${v - h.top}px`, m["margin-bottom"] = "0.5rem"), t.align === "left" ? m.left = `${h.left}px` : t.align === "right" && (m.right = `${s - h.right}px`), p.value = m;
       }
-    }), ue(() => a.value, (r) => {
+    }), ce(() => a.value, (r) => {
       if (r && t.align !== "left" && t.align !== "right") {
         const v = i.value.getBoundingClientRect();
         p.value.left = `${v.left + v.width / 2 - r.getBoundingClientRect().width / 2}px`;
@@ -340,7 +340,7 @@ const Oo = {
             key: 0,
             ref_key: "contentRef",
             ref: a,
-            class: P(["ck-dropdown--content", u.value]),
+            class: L(["ck-dropdown--content", u.value]),
             style: E(p.value)
           }, [
             O(r.$slots, "content", {}, void 0, !0)
@@ -377,7 +377,7 @@ const Oo = {
       style: E(l.value)
     }, [
       w("div", {
-        class: P(["ck-navbar__content", n.value]),
+        class: L(["ck-navbar__content", n.value]),
         style: E(i.value)
       }, [
         O(a.$slots, "default", {}, void 0, !0)
@@ -390,7 +390,7 @@ function Xo(e, o) {
     O(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Tt = /* @__PURE__ */ U(Zo, [["render", Xo], ["__scopeId", "data-v-53984b6f"]]), A = {
+const Dt = /* @__PURE__ */ U(Zo, [["render", Xo], ["__scopeId", "data-v-53984b6f"]]), A = {
   getGroupClass({
     group: e,
     groupVertical: o,
@@ -466,17 +466,17 @@ const Tt = /* @__PURE__ */ U(Zo, [["render", Xo], ["__scopeId", "data-v-53984b6f
     }), i = c(() => o.col ? A.isColumnDisplayed(o.col) : !0);
     return (a, p) => i.value ? (d(), g("td", {
       key: 0,
-      class: P([t.value, "ck-td"])
+      class: L([t.value, "ck-td"])
     }, [
       w("span", {
-        class: P(n.value),
+        class: L(n.value),
         style: E(l.value)
       }, [
         O(a.$slots, "default", {}, void 0, !0)
       ], 6)
     ], 2)) : C("", !0);
   }
-}), Vt = /* @__PURE__ */ U(Qo, [["__scopeId", "data-v-8832ff61"]]), el = /* @__PURE__ */ z({
+}), St = /* @__PURE__ */ U(Qo, [["__scopeId", "data-v-8832ff61"]]), el = /* @__PURE__ */ z({
   __name: "ck-table__columns-manager-btn",
   props: {
     layout: {}
@@ -510,7 +510,7 @@ const Tt = /* @__PURE__ */ U(Zo, [["render", Xo], ["__scopeId", "data-v-53984b6f
       const i = o.currentPage * o.itemsPerPage;
       return !o.itemsPerPage || i > o.listLength ? o.listLength : i;
     }), l = c(() => !o.hideItemsPerPage && o.listLength && o.currentPage);
-    return (i, a) => l.value ? (d(), g("div", tl, L(t.value) + " - " + L(n.value) + " de " + L(e.listLength), 1)) : C("", !0);
+    return (i, a) => l.value ? (d(), g("div", tl, P(t.value) + " - " + P(n.value) + " de " + P(e.listLength), 1)) : C("", !0);
   }
 }), ll = /* @__PURE__ */ U(ol, [["__scopeId", "data-v-c3b27c6d"]]), nl = /* @__PURE__ */ z({
   __name: "ck-icon",
@@ -548,7 +548,7 @@ const Tt = /* @__PURE__ */ U(Zo, [["render", Xo], ["__scopeId", "data-v-53984b6f
       return t.color ? t.color && A.isColorTemplateVariable(t.color) && r.push(`ck-component__color-background--${t.color}`) : r.push("ck-component__color--primary"), t.size && r.push("ck-icon__cleek-small"), t.size === "m" && r.push("ck-icon__cleek-medium"), t.size === "l" && r.push("ck-icon__cleek-large"), r;
     });
     return (r, v) => (d(), g("div", {
-      class: P(["ck-icon", i.value]),
+      class: L(["ck-icon", i.value]),
       style: E(a.value),
       onClick: v[0] || (v[0] = (s) => p(s))
     }, [
@@ -563,7 +563,7 @@ const Tt = /* @__PURE__ */ U(Zo, [["render", Xo], ["__scopeId", "data-v-53984b6f
       }, null, 8, ["icon", "rotation", "flip", "spin", "pulse", "fixed-width"])) : l.value === "cleek" ? (d(), g("div", {
         key: 1,
         style: E(u.value),
-        class: P([f.value, "ck-icon__cleek"])
+        class: L([f.value, "ck-icon__cleek"])
       }, null, 6)) : C("", !0)
     ], 6));
   }
@@ -574,7 +574,7 @@ function ye() {
     e.value = t.currentTarget.innerWidth || 0;
   }
   return $e(() => {
-    kt(() => {
+    yt(() => {
       window.addEventListener("resize", o);
     }), e.value = window.innerWidth;
   }), ot(() => {
@@ -583,7 +583,7 @@ function ye() {
     windowWidth: e
   };
 }
-const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent", il = "outlined", pt = "primary", sl = "left", rl = /* @__PURE__ */ z({
+const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent", il = "outlined", ft = "primary", sl = "left", rl = /* @__PURE__ */ z({
   __name: "ck-button",
   props: {
     title: {},
@@ -611,7 +611,7 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
   setup(e, { emit: o }) {
     const t = e, n = o, { cleekOptions: l } = ne(le()), { windowWidth: i } = ye(), a = c(() => t.type ? t.type : l.value ? l.value.button.type : il), p = c(() => t.backgroundColor ? t.backgroundColor : l.value && !t.type ? l.value.button.backgroundColor : Ze), u = c(() => t.textColor ? t.textColor : l.value && !t.type ? l.value.button.textColor : ""), f = c(() => {
       const s = [];
-      s.push(A.getGroupClass(t, i.value)), (t.color || pt) !== pt && (a.value === "filled" ? s.push(`ck-component__bg-color--${t.color}`) : a.value === "soft" ? s.push(`ck-component__soft-color--${t.color}`) : s.push(`ck-component__border-color--${t.color}`)), p.value !== Ze && A.isColorTemplateVariable(p.value) && s.push(`ck-component__bg-color--${p.value}`), u.value && A.isColorTemplateVariable(u.value) && s.push(`ck-component__color--${u.value}`);
+      s.push(A.getGroupClass(t, i.value)), (t.color || ft) !== ft && (a.value === "filled" ? s.push(`ck-component__bg-color--${t.color}`) : a.value === "soft" ? s.push(`ck-component__soft-color--${t.color}`) : s.push(`ck-component__border-color--${t.color}`)), p.value !== Ze && A.isColorTemplateVariable(p.value) && s.push(`ck-component__bg-color--${p.value}`), u.value && A.isColorTemplateVariable(u.value) && s.push(`ck-component__color--${u.value}`);
       const m = t.align || sl;
       (m === "center" || m === "right") && s.push(`ck-button__align--${t.align}`);
       const k = t.layout || l.value.styles.layout;
@@ -630,7 +630,7 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
     }
     return (s, h) => (d(), g("button", {
       type: "button",
-      class: P(f.value),
+      class: L(f.value),
       title: e.title,
       "aria-label": e.title,
       disabled: e.disabled,
@@ -645,14 +645,14 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
       })) : (d(), g(J, { key: 1 }, [
         e.icon ? (d(), S(X, {
           key: 0,
-          class: P(["ck-button__icon-left", { "just-icon": !s.$slots.default }]),
+          class: L(["ck-button__icon-left", { "just-icon": !s.$slots.default }]),
           icon: e.icon,
           "icon-pack": e.iconPack
         }, null, 8, ["icon", "icon-pack", "class"])) : C("", !0),
         O(s.$slots, "default", {}, void 0, !0),
         e.iconRight ? (d(), S(X, {
           key: 1,
-          class: P(["ck-button__icon-right", { "just-icon": !s.$slots.default }]),
+          class: L(["ck-button__icon-right", { "just-icon": !s.$slots.default }]),
           icon: e.iconRight,
           "icon-pack": e.iconPack
         }, null, 8, ["icon", "icon-pack", "class"])) : C("", !0)
@@ -677,7 +677,7 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
       return t.value.darkMode && (a = t.value.darkModeColorText), a && (A.isColorTemplateVariable(a) ? i.push(`ck-component__color--${a}`) : i.push({ color: a })), i;
     });
     return (i, a) => (d(), g("label", {
-      class: P(["ck-label", n.value]),
+      class: L(["ck-label", n.value]),
       for: o.for,
       style: E(l.value)
     }, [
@@ -687,7 +687,7 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
 }), Me = /* @__PURE__ */ U(dl, [["__scopeId", "data-v-f242d7f6"]]), pl = {
   key: 0,
   class: "ck-input__optional-label"
-}, vl = { class: "ck-input__content" }, fl = ["type", "autocomplete", "readonly", "placeholder", "disabled", "tabindex"], ml = "120px", vt = "center", hl = /* @__PURE__ */ z({
+}, vl = { class: "ck-input__content" }, fl = ["type", "autocomplete", "readonly", "placeholder", "disabled", "tabindex"], ml = "120px", mt = "center", hl = /* @__PURE__ */ z({
   __name: "ck-input",
   props: /* @__PURE__ */ te({
     type: { default: "text" },
@@ -733,7 +733,7 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
   setup(e, { expose: o, emit: t }) {
     const n = fe(e, "modelValue"), l = e, i = t;
     o({ focus: W, select: D });
-    const { cleekOptions: a } = ne(le()), { windowWidth: p } = ye(), u = M(), f = M(""), r = M(!1), v = M(!1), s = c(() => r.value ? "text" : l.plusMinusButtons ? "number" : l.type), h = c(() => l.justInteger || l.plusMinusButtons), m = c(() => l.labelAlign ? l.labelAlign : l.align ? l.align : l.plusMinusButtons ? vt : "left"), k = c(() => {
+    const { cleekOptions: a } = ne(le()), { windowWidth: p } = ye(), u = M(), f = M(""), r = M(!1), v = M(!1), s = c(() => r.value ? "text" : l.plusMinusButtons ? "number" : l.type), h = c(() => l.justInteger || l.plusMinusButtons), m = c(() => l.labelAlign ? l.labelAlign : l.align ? l.align : l.plusMinusButtons ? mt : "left"), k = c(() => {
       const V = [];
       let T = "";
       if (l.width && (T = l.width), l.plusMinusButtons && (T = ml), T && V.push({ width: T }), l.widthBreaks) {
@@ -745,7 +745,7 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
       const V = [];
       V.push(A.getGroupClass(l, p.value)), l.icon && V.push("has-icon-left"), l.iconRight && V.push("has-icon-right");
       let T = l.align;
-      l.plusMinusButtons && (T = vt), T && V.push(`align--${T}`), l.hideBorder && V.push("no-border");
+      l.plusMinusButtons && (T = mt), T && V.push(`align--${T}`), l.hideBorder && V.push("no-border");
       const Z = l.layout || a.value.styles.layout;
       Z && V.push(Z), l.plusMinusButtons && V.push("squared"), l.size && V.push(`ck-input-size__${l.size}`);
       const R = l.borderColor || a.value.styles.borderColor;
@@ -761,7 +761,7 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
       return a.value.darkMode && (R = a.value.darkModeColorText), R && !A.isColorTemplateVariable(R) && (V.push(`ck-component__color--${R}`), V.push({ color: R })), V;
     });
     let _ = !1;
-    ue(
+    ce(
       () => n.value,
       (V) => {
         _ && s.value === "number" && Number(f.value || 0) === Number(V) || (_ = !0, me(V));
@@ -821,12 +821,12 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
       const V = me(+f.value + 1);
       F(V), K(V);
     }
-    function ce(V) {
+    function ue(V) {
       let T = V;
-      return l.capitalize && (T = xt(`${T}`)), l.toUpperCase && (T = `${T}`.toUpperCase()), h.value && (T = parseInt(`${+T}`)), typeof l.min < "u" && +T < +l.min && (T = +l.min), typeof l.max < "u" && +T > +l.max && (T = +l.max), T;
+      return l.capitalize && (T = Bt(`${T}`)), l.toUpperCase && (T = `${T}`.toUpperCase()), h.value && (T = parseInt(`${+T}`)), typeof l.min < "u" && +T < +l.min && (T = +l.min), typeof l.max < "u" && +T > +l.max && (T = +l.max), T;
     }
     function Ce(V) {
-      const T = Number(ce(V));
+      const T = Number(ue(V));
       return Number.isFinite(T) ? T : 0;
     }
     function me(V) {
@@ -834,7 +834,7 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
         const Z = V === "" || V === null || V === void 0, R = Z ? 0 : Ce(V);
         return n.value = R, f.value = Z ? "" : R, R;
       }
-      const T = ce(V);
+      const T = ue(V);
       return n.value = T, f.value = T, T;
     }
     return $e(() => {
@@ -843,7 +843,7 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
       var R;
       const Z = Y("ck-button");
       return d(), g("div", {
-        class: P(["ck-input", `ck-input--size-${e.size}`]),
+        class: L(["ck-input", `ck-input--size-${e.size}`]),
         style: E(k.value)
       }, [
         e.label ? (d(), S(Me, {
@@ -853,7 +853,7 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
           align: m.value
         }, {
           default: q(() => [
-            G(L(e.label) + " ", 1),
+            G(P(e.label) + " ", 1),
             e.optional ? (d(), g("span", pl, "opcional")) : C("", !0)
           ]),
           _: 1
@@ -865,7 +865,7 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
             icon: "minus",
             group: "left",
             type: "filled",
-            class: P(["ck-input-plus-minus-buttons", { "--small": e.size === "s" }]),
+            class: L(["ck-input-plus-minus-buttons", { "--small": e.size === "s" }]),
             onClick: T[0] || (T[0] = (Q) => j())
           }, null, 8, ["class"])) : C("", !0),
           e.icon ? (d(), S(X, {
@@ -884,7 +884,7 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
             autocomplete: e.preventAutocomplete ? "new-password" : e.autocomplete || "on",
             readonly: e.readonly || e.preventAutocomplete && !v.value,
             placeholder: e.placeholder,
-            class: P(b.value),
+            class: L(b.value),
             style: E(y.value),
             disabled: e.disabled,
             tabindex: e.tabindex,
@@ -894,11 +894,11 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
             onFocus: T[5] || (T[5] = (Q) => x(Q)),
             onBlur: T[6] || (T[6] = (Q) => B(Q))
           }, null, 46, fl), [
-            [Ht, f.value]
+            [jt, f.value]
           ]),
           e.type === "password" ? (d(), g("div", {
             key: 2,
-            class: P(["show-password", e.layout || ((R = xe(a)) == null ? void 0 : R.styles.layout)]),
+            class: L(["show-password", e.layout || ((R = xe(a)) == null ? void 0 : R.styles.layout)]),
             onClick: T[7] || (T[7] = (Q) => r.value = !r.value)
           }, [
             H(X, {
@@ -919,18 +919,18 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
             icon: "plus",
             group: "right",
             type: "filled",
-            class: P(["ck-input-plus-minus-buttons", { "--small": e.size === "s" }]),
+            class: L(["ck-input-plus-minus-buttons", { "--small": e.size === "s" }]),
             onClick: T[9] || (T[9] = (Q) => pe())
           }, null, 8, ["class"])) : C("", !0),
           e.suffix ? (d(), g("span", {
             key: 5,
-            class: P(["suffix", { "--plus-minus-btns": e.plusMinusButtons }])
-          }, L(e.suffix), 3)) : C("", !0)
+            class: L(["suffix", { "--plus-minus-btns": e.plusMinusButtons }])
+          }, P(e.suffix), 3)) : C("", !0)
         ])
       ], 6);
     };
   }
-}), Dt = /* @__PURE__ */ U(hl, [["__scopeId", "data-v-bf2558ca"]]), gl = {
+}), Lt = /* @__PURE__ */ U(hl, [["__scopeId", "data-v-bf2558ca"]]), gl = {
   key: 0,
   class: "flex items-center"
 }, kl = { key: 2 }, bl = /* @__PURE__ */ z({
@@ -961,7 +961,7 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
       }, 1e3);
     }
     return (f, r) => (d(), g("div", {
-      class: P(["ck-table__header-items", a.value])
+      class: L(["ck-table__header-items", a.value])
     }, [
       f.$slots.headerActionsLeft ? (d(), g("div", gl, [
         O(f.$slots, "headerActionsLeft", {}, void 0, !0)
@@ -978,7 +978,7 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
           "is-loading": !!e.isLoading,
           onClick: r[0] || (r[0] = (v) => p())
         }, null, 8, ["icon", "is-loading"])),
-        H(Dt, {
+        H(Lt, {
           modelValue: t.value,
           "onUpdate:modelValue": r[1] || (r[1] = (v) => t.value = v),
           class: "ck-table--search-input",
@@ -994,7 +994,7 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
       ])) : C("", !0)
     ], 2));
   }
-}), yl = /* @__PURE__ */ U(bl, [["__scopeId", "data-v-7bde7567"]]), Cl = { class: "ck-table__pagination" }, wl = { class: "ck-table__pagination--numbers-container" }, $l = ["onClick"], xl = { class: "ck-table__pagination-input-container" }, _l = ["onClick"], ft = 5, Bl = /* @__PURE__ */ z({
+}), yl = /* @__PURE__ */ U(bl, [["__scopeId", "data-v-7bde7567"]]), Cl = { class: "ck-table__pagination" }, wl = { class: "ck-table__pagination--numbers-container" }, $l = ["onClick"], xl = { class: "ck-table__pagination-input-container" }, _l = ["onClick"], ht = 5, Bl = /* @__PURE__ */ z({
   __name: "ck-table__pagination",
   props: {
     totalPages: {},
@@ -1021,7 +1021,7 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
       }
     }), p = c(() => t.currentPage !== 1), u = c(() => !!r.value.length), f = c(() => {
       if (!t.listLength) return [];
-      const k = [], b = (ft - 1) / 2;
+      const k = [], b = (ht - 1) / 2;
       for (const y of Array(b).keys()) {
         const _ = t.currentPage - y - 1;
         _ > 0 && k.unshift(_);
@@ -1029,7 +1029,7 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
       return k;
     }), r = c(() => {
       if (!t.listLength) return [];
-      const k = [], b = (ft - 1) / 2;
+      const k = [], b = (ht - 1) / 2;
       for (const y of Array(b).keys()) {
         const _ = t.currentPage + y + 1;
         _ <= t.totalPages && k.push(_);
@@ -1041,7 +1041,7 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
       const y = t.layout || l.value.styles.layout;
       return y && k.push(y), k;
     });
-    ue(() => i.value, () => n("refreshList"));
+    ce(() => i.value, () => n("refreshList"));
     function s(k) {
       let b = +k.value;
       b > t.totalPages && (b = t.totalPages), b < 1 && (b = 1), t.currentPage === b ? k.value = `${b}` : i.value = b;
@@ -1053,11 +1053,11 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
       p.value && (i.value = t.currentPage - 1);
     }
     return (k, b) => (d(), g("div", {
-      class: P(["ck-table__pagination-container", v.value])
+      class: L(["ck-table__pagination-container", v.value])
     }, [
       w("div", Cl, [
         w("div", {
-          class: P(["ck-table__pagination--arrow-left", { disabled: !p.value }]),
+          class: L(["ck-table__pagination--arrow-left", { disabled: !p.value }]),
           onClick: b[0] || (b[0] = (y) => m())
         }, [
           H(X, {
@@ -1068,7 +1068,7 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
           (d(!0), g(J, null, se(f.value, (y) => (d(), g("div", {
             class: "ck-table__pagination-item--left",
             onClick: (_) => i.value = y
-          }, L(y), 9, $l))), 256)),
+          }, P(y), 9, $l))), 256)),
           w("div", xl, [
             re(w("input", {
               "onUpdate:modelValue": b[1] || (b[1] = (y) => a.value = y),
@@ -1084,10 +1084,10 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
           (d(!0), g(J, null, se(r.value, (y) => (d(), g("div", {
             class: "ck-table__pagination-item--right",
             onClick: (_) => i.value = y
-          }, L(y), 9, _l))), 256))
+          }, P(y), 9, _l))), 256))
         ]),
         w("div", {
-          class: P(["ck-table__pagination--arrow-right", { disabled: !u.value }]),
+          class: L(["ck-table__pagination--arrow-right", { disabled: !u.value }]),
           onClick: b[4] || (b[4] = (y) => h())
         }, [
           H(X, {
@@ -1146,7 +1146,7 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
       onClick: h[7] || (h[7] = ie((m) => v(), ["prevent"]))
     }), [
       w("input", {
-        class: P(["ck-checkbox--input", { "ck-checkbox--input__intermediate": t.value === null }]),
+        class: L(["ck-checkbox--input", { "ck-checkbox--input__intermediate": t.value === null }]),
         "aria-hidden": "true",
         type: "checkbox",
         disabled: e.disabled,
@@ -1156,35 +1156,35 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
         }, ["prevent"]))
       }, null, 42, Vl),
       w("div", {
-        class: P(["ck-checkbox--element", p.value]),
+        class: L(["ck-checkbox--element", p.value]),
         style: E(u.value),
         onClick: h[2] || (h[2] = ie(() => {
         }, ["prevent"]))
       }, null, 6),
       e.label || s.$slots.default ? (d(), g("span", {
         key: 0,
-        class: P(["ck-checkbox--label", f.value]),
+        class: L(["ck-checkbox--label", f.value]),
         style: E(r.value),
         onClick: h[3] || (h[3] = ie(() => {
         }, ["prevent"]))
       }, [
         e.label ? (d(), g("span", {
           key: 0,
-          textContent: L(e.label)
+          textContent: P(e.label)
         }, null, 8, Dl)) : C("", !0),
         O(s.$slots, "default", {}, void 0, !0)
       ], 6)) : C("", !0)
     ], 16));
   }
-}), St = /* @__PURE__ */ U(Ll, [["__scopeId", "data-v-a8d6cf84"]]);
-function Lt(e) {
+}), Pt = /* @__PURE__ */ U(Ll, [["__scopeId", "data-v-a8d6cf84"]]);
+function At(e) {
   const o = e ? "visible" : "hidden";
   document.body.style.overflow = o;
 }
-const Pt = 1500;
+const Mt = 1500;
 let Fe = 0;
 function Pl() {
-  return Fe += 1, Pt + Fe;
+  return Fe += 1, Mt + Fe;
 }
 function Al() {
   Fe > 0 && (Fe -= 1);
@@ -1237,7 +1237,7 @@ const Ml = {
   }),
   emits: /* @__PURE__ */ te(["accept", "cancel", "close"], ["update:modelValue", "update:topAlertVisible"]),
   setup(e, { emit: o }) {
-    const t = fe(e, "modelValue"), n = fe(e, "topAlertVisible"), l = e, i = o, { cleekOptions: a } = ne(le()), p = M(Pt);
+    const t = fe(e, "modelValue"), n = fe(e, "topAlertVisible"), l = e, i = o, { cleekOptions: a } = ne(le()), p = M(Mt);
     let u = !1;
     function f() {
       u || (u = !0, p.value = Pl());
@@ -1257,8 +1257,8 @@ const Ml = {
       j && x.push({ "max-width": j });
       const pe = l.textColor || a.value.popup.textColor;
       pe && !A.isColorTemplateVariable(pe) && (x.push(`ck-component__color--${pe}`), x.push({ color: pe }));
-      let ce = "white";
-      return a.value.popup.backgroundColor && (ce = a.value.popup.backgroundColor), a.value.darkMode && (ce = a.value.darkModeColorItems), l.backgroundColor && (ce = l.backgroundColor), ce && !A.isColorTemplateVariable(ce) && x.push({ backgroundColor: ce }), x;
+      let ue = "white";
+      return a.value.popup.backgroundColor && (ue = a.value.popup.backgroundColor), a.value.darkMode && (ue = a.value.darkModeColorItems), l.backgroundColor && (ue = l.backgroundColor), ue && !A.isColorTemplateVariable(ue) && x.push({ backgroundColor: ue }), x;
     }), h = c(() => {
       const x = [];
       let B = "";
@@ -1275,8 +1275,8 @@ const Ml = {
       const j = l.headerColor || a.value.popup.headerColor;
       return j && A.isColorTemplateVariable(j) && x.push(`ck-component__bg-color--${j}`), _.value || x.push("close-btn-hidden"), x;
     }), b = c(() => l.acceptBtnType ? l.acceptBtnType : a.value.popup.acceptBtnType ? a.value.popup.acceptBtnType : "outlined"), y = c(() => l.cancelBtnType ? l.cancelBtnType : a.value.popup.cancelBtnType ? a.value.popup.cancelBtnType : "flat"), _ = c(() => !(l.notCloseBtn || l.notClose)), W = c(() => l.acceptBtnText ? l.acceptBtnText : a.value.lang === "es" ? "Aceptar" : "Accept"), D = c(() => l.cancelBtnText ? l.cancelBtnText : a.value.lang === "es" ? "Cancelar" : "Cancel");
-    ue(() => t.value, (x) => {
-      Lt(!x), x ? f() : r();
+    ce(() => t.value, (x) => {
+      At(!x), x ? f() : r();
     });
     function F() {
       t.value = !1, i("close");
@@ -1316,13 +1316,13 @@ const Ml = {
           onMousedown: B[5] || (B[5] = (j) => ae())
         }, [
           w("div", {
-            class: P(["ck-popup__content", v.value]),
+            class: L(["ck-popup__content", v.value]),
             style: E(s.value),
             onMousedown: B[4] || (B[4] = ie(() => {
             }, ["stop"]))
           }, [
             e.topAlert && n.value ? (d(), g("div", Il, [
-              w("span", null, L(e.topAlert), 1),
+              w("span", null, P(e.topAlert), 1),
               H(_e, {
                 size: "s",
                 type: "flat",
@@ -1336,10 +1336,10 @@ const Ml = {
               })
             ])) : C("", !0),
             w("div", {
-              class: P(["ck-popup__slot-header", k.value]),
+              class: L(["ck-popup__slot-header", k.value]),
               style: E(h.value)
             }, [
-              e.title ? (d(), g("h3", zl, L(e.title), 1)) : C("", !0),
+              e.title ? (d(), g("h3", zl, P(e.title), 1)) : C("", !0),
               O(x.$slots, "header"),
               _.value ? (d(), S(X, {
                 key: 1,
@@ -1366,7 +1366,7 @@ const Ml = {
                   onClick: B[2] || (B[2] = (j) => K())
                 }, {
                   default: q(() => [
-                    G(L(D.value), 1)
+                    G(P(D.value), 1)
                   ]),
                   _: 1
                 }, 8, ["type"])) : C("", !0),
@@ -1377,7 +1377,7 @@ const Ml = {
                   onClick: B[3] || (B[3] = (j) => oe())
                 }, {
                   default: q(() => [
-                    G(L(W.value), 1)
+                    G(P(W.value), 1)
                   ]),
                   _: 1
                 }, 8, ["type", "is-loading"])) : C("", !0)
@@ -1405,15 +1405,13 @@ const Ml = {
         n("update:modelValue", u);
       }
     });
-    ue(() => i.value, (u) => {
-      u && a();
-    }), ue(() => i.value, (u) => {
+    ce(() => i.value, (u) => {
       u && a();
     });
     function a() {
       const u = [];
       (t.columnsArray || []).forEach((f) => {
-        f.unchangeable || u.push({
+        !f.unchangeable && !f.neverDisplay && f.title && u.push({
           name: f.name,
           title: f.title,
           value: A.isColumnDisplayed(f)
@@ -1434,13 +1432,13 @@ const Ml = {
             key: v,
             class: "columns-manger__item"
           }, [
-            H(St, {
+            H(Pt, {
               modelValue: r.value,
               "onUpdate:modelValue": (s) => r.value = s,
               onClick: (s) => p(r.name, r.value)
             }, {
               default: q(() => [
-                G(L(r.title), 1)
+                G(P(r.title), 1)
               ]),
               _: 2
             }, 1032, ["modelValue", "onUpdate:modelValue", "onClick"])
@@ -1450,7 +1448,7 @@ const Ml = {
       _: 1
     }, 8, ["modelValue"]));
   }
-}), ql = /* @__PURE__ */ U(Fl, [["__scopeId", "data-v-49853870"]]), Nl = /* @__PURE__ */ z({
+}), ql = /* @__PURE__ */ U(Fl, [["__scopeId", "data-v-3d70f3ce"]]), Nl = /* @__PURE__ */ z({
   __name: "LoadingAndNoResultsText",
   props: {
     listLength: {},
@@ -1476,9 +1474,9 @@ const Ml = {
                   icon: "spinner",
                   spin: ""
                 }),
-                G(" " + L(l.value), 1)
+                G(" " + P(l.value), 1)
               ], 64)) : n.value ? (d(), g(J, { key: 1 }, [
-                G(L(i.value), 1)
+                G(P(i.value), 1)
               ], 64)) : C("", !0)
             ]),
             _: 1
@@ -1488,7 +1486,7 @@ const Ml = {
       })) : C("", !0);
     };
   }
-}), mt = /* @__PURE__ */ U(Nl, [["__scopeId", "data-v-0731cbef"]]), Hl = { class: "ck-table" }, Ul = {
+}), gt = /* @__PURE__ */ U(Nl, [["__scopeId", "data-v-0731cbef"]]), Hl = { class: "ck-table" }, Ul = {
   key: 1,
   class: "ck-table__header"
 }, jl = {
@@ -1552,8 +1550,8 @@ const Ml = {
     }), m = c(() => !y.value[y.value.length - 1].title), k = c(() => !Array.isArray(n.columns || [])), b = c(() => {
       if (k.value) {
         const B = Object.values(n.columns || []), j = Object.keys(n.columns || []);
-        return B.forEach((pe, ce) => {
-          const Ce = j[ce];
+        return B.forEach((pe, ue) => {
+          const Ce = j[ue];
           pe.name = Ce;
         }), B;
       }
@@ -1599,7 +1597,7 @@ const Ml = {
     }
     return (x, B) => {
       var me, V, T, Z;
-      const j = Y("ck-checkbox"), pe = Y("ck-chip"), ce = Y("ck-button"), Ce = Y("ck-th");
+      const j = Y("ck-checkbox"), pe = Y("ck-chip"), ue = Y("ck-button"), Ce = Y("ck-th");
       return d(), g("div", Hl, [
         e.hasColumnsManager && k.value ? (d(), S(ql, {
           key: 0,
@@ -1630,7 +1628,7 @@ const Ml = {
           }, 8, ["modelValue", "hide-header-actions", "hide-refresh-btn", "layout", "version", "is-loading"]),
           x.$slots.header ? (d(), g("div", {
             key: 0,
-            class: P(["ck-table__header--slot", { "full-width": e.hideHeaderActions }])
+            class: L(["ck-table__header--slot", { "full-width": e.hideHeaderActions }])
           }, [
             O(x.$slots, "header", {}, void 0, !0)
           ], 2)) : C("", !0)
@@ -1656,13 +1654,13 @@ const Ml = {
                 onClick: B[4] || (B[4] = (R) => t.value.removeAll())
               }, {
                 default: q(() => [
-                  G(L(t.value.ids.size) + " seleccionado" + L(t.value.ids.size === 1 ? "" : "s"), 1)
+                  G(P(t.value.ids.size) + " seleccionado" + P(t.value.ids.size === 1 ? "" : "s"), 1)
                 ]),
                 _: 1
               })
             ]),
             O(x.$slots, "selectedRowsActions", {}, void 0, !0),
-            e.currentPage && r.value > 1 ? (d(), S(ce, {
+            e.currentPage && r.value > 1 ? (d(), S(ue, {
               key: 0,
               size: "s",
               color: "dark"
@@ -1676,10 +1674,10 @@ const Ml = {
         ])) : C("", !0),
         F.value ? C("", !0) : (d(), g("div", {
           key: 4,
-          class: P(["ck-table__table-container", { "not-overflow": e.notOverflow }])
+          class: L(["ck-table__table-container", { "not-overflow": e.notOverflow }])
         }, [
           w("table", {
-            class: P(["ck-table__table", ae.value])
+            class: L(["ck-table__table", ae.value])
           }, [
             (Z = (T = t.value) == null ? void 0 : T.ids) != null && Z.size ? C("", !0) : (d(), g("thead", Zl, [
               w("tr", null, [
@@ -1700,7 +1698,7 @@ const Ml = {
                   "background-color": h.value
                 }, {
                   default: q(() => [
-                    G(L(R.title) + " ", 1),
+                    G(P(R.title) + " ", 1),
                     Q === y.value.length - 1 && e.hasColumnsManager ? (d(), g("div", {
                       key: 0,
                       style: E(m.value ? "" : { "margin-left": "auto", "padding-left": "1rem" })
@@ -1718,11 +1716,11 @@ const Ml = {
             w("tbody", null, [
               O(x.$slots, "default", {}, void 0, !0),
               O(x.$slots, "desktop", {}, void 0, !0),
-              (d(!0), g(J, null, se(e.rows, (R, Q) => (d(), S(Tt, {
+              (d(!0), g(J, null, se(e.rows, (R, Q) => (d(), S(Dt, {
                 key: R[De]
               }, {
                 default: q(() => [
-                  u.value ? (d(), S(Vt, {
+                  u.value ? (d(), S(St, {
                     key: 0,
                     "auto-width": ""
                   }, {
@@ -1743,7 +1741,7 @@ const Ml = {
                 ]),
                 _: 2
               }, 1024))), 128)),
-              H(mt, {
+              H(gt, {
                 "list-length": e.listLength,
                 "is-loading": e.isLoading,
                 "loading-text": e.loadingText,
@@ -1757,7 +1755,7 @@ const Ml = {
         ], 2)),
         F.value ? (d(), g("div", Ql, [
           O(x.$slots, "mobile", {}, void 0, !0),
-          H(mt, {
+          H(gt, {
             "list-length": e.listLength,
             "is-loading": e.isLoading,
             "loading-text": e.loadingText,
@@ -1823,7 +1821,7 @@ const Ml = {
     return (b, y) => {
       const _ = Y("ck-button");
       return d(), g("div", {
-        class: P(["ck-pagination", a.value])
+        class: L(["ck-pagination", a.value])
       }, [
         H(_, {
           width: "42px",
@@ -1844,7 +1842,7 @@ const Ml = {
           onClick: y[1] || (y[1] = (W) => i.value = i.value - 2)
         }, {
           default: q(() => [
-            G(L(i.value - 2), 1)
+            G(P(i.value - 2), 1)
           ]),
           _: 1
         }, 8, ["group", "type", "layout"])) : C("", !0),
@@ -1858,7 +1856,7 @@ const Ml = {
           onClick: y[2] || (y[2] = (W) => i.value = i.value - 1)
         }, {
           default: q(() => [
-            G(L(i.value - 1), 1)
+            G(P(i.value - 1), 1)
           ]),
           _: 1
         }, 8, ["group", "type", "layout"])) : C("", !0),
@@ -1870,7 +1868,7 @@ const Ml = {
           layout: u.value
         }, {
           default: q(() => [
-            G(L(i.value), 1)
+            G(P(i.value), 1)
           ]),
           _: 1
         }, 8, ["group", "layout"]),
@@ -1884,7 +1882,7 @@ const Ml = {
           onClick: y[3] || (y[3] = (W) => i.value = i.value + 1)
         }, {
           default: q(() => [
-            G(L(i.value + 1), 1)
+            G(P(i.value + 1), 1)
           ]),
           _: 1
         }, 8, ["group", "type", "layout"])) : C("", !0),
@@ -1898,7 +1896,7 @@ const Ml = {
           onClick: y[4] || (y[4] = (W) => i.value = i.value + 2)
         }, {
           default: q(() => [
-            G(L(i.value + 2), 1)
+            G(P(i.value + 2), 1)
           ]),
           _: 1
         }, 8, ["type", "layout"])) : C("", !0),
@@ -1932,7 +1930,7 @@ const Ml = {
     });
     return (l, i) => (d(), g("th", ln, [
       w("span", {
-        class: P(t.value),
+        class: L(t.value),
         style: E(n.value)
       }, [
         O(l.$slots, "default", {}, void 0, !0)
@@ -1989,7 +1987,7 @@ const rn = ["year", "month", "day", "time", "custom"], un = z({
   for (const [n, l] of o)
     t[n] = l;
   return t;
-}, nt = (e) => (jt("data-v-65eb861b"), e = e(), Gt(), e), cn = { class: "v3dp__heading" }, dn = ["disabled"], pn = /* @__PURE__ */ nt(() => /* @__PURE__ */ w("svg", {
+}, nt = (e) => (Yt("data-v-65eb861b"), e = e(), Kt(), e), cn = { class: "v3dp__heading" }, dn = ["disabled"], pn = /* @__PURE__ */ nt(() => /* @__PURE__ */ w("svg", {
   class: "v3dp__heading__icon",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 6 8"
@@ -2030,7 +2028,7 @@ const rn = ["year", "month", "day", "time", "custom"], un = z({
 ], -1)), mn = { class: "v3dp__body" }, hn = { class: "v3dp__subheading" }, gn = /* @__PURE__ */ nt(() => /* @__PURE__ */ w("hr", { class: "v3dp__divider" }, null, -1)), kn = { class: "v3dp__elements" }, bn = ["disabled", "onClick"];
 function yn(e, o, t, n, l, i) {
   return d(), g("div", {
-    class: P(["v3dp__popout", `v3dp__popout-${e.viewMode}`]),
+    class: L(["v3dp__popout", `v3dp__popout-${e.viewMode}`]),
     style: E({ "--popout-column-definition": `repeat(${e.columnCount}, 1fr)` }),
     onMousedown: o[3] || (o[3] = ie(() => {
     }, ["prevent"]))
@@ -2045,7 +2043,7 @@ function yn(e, o, t, n, l, i) {
           pn
         ], !0)
       ], 8, dn),
-      (d(), S(Ut(e.headingClickable ? "button" : "span"), {
+      (d(), S(Gt(e.headingClickable ? "button" : "span"), {
         class: "v3dp__heading__center",
         onClick: o[1] || (o[1] = ie((a) => e.$emit("heading"), ["stop", "prevent"]))
       }, {
@@ -2076,7 +2074,7 @@ function yn(e, o, t, n, l, i) {
           (d(!0), g(J, null, se(e.items, (a) => (d(), g("button", {
             key: a.key,
             disabled: a.disabled,
-            class: P([
+            class: L([
               {
                 selected: a.selected,
                 current: a.current
@@ -2085,7 +2083,7 @@ function yn(e, o, t, n, l, i) {
             ]),
             onClick: ie((p) => e.$emit("elementClick", a.value), ["stop", "prevent"])
           }, [
-            w("span", null, L(a.display), 1)
+            w("span", null, P(a.display), 1)
           ], 10, bn))), 128))
         ], !0)
       ])
@@ -2145,8 +2143,8 @@ const Ne = /* @__PURE__ */ Te(un, [["render", yn], ["__scopeId", "data-v-65eb861
       heading: a,
       leftDisabled: p,
       rightDisabled: u,
-      previousPage: () => o("update:pageDate", yt(e.pageDate, 10)),
-      nextPage: () => o("update:pageDate", bt(e.pageDate, 10))
+      previousPage: () => o("update:pageDate", wt(e.pageDate, 10)),
+      nextPage: () => o("update:pageDate", Ct(e.pageDate, 10))
     };
   }
 });
@@ -2163,7 +2161,7 @@ function wn(e, o, t, n, l, i) {
     onElementClick: o[0] || (o[0] = (p) => e.$emit("select", p))
   }, {
     heading: q(() => [
-      G(L(e.heading), 1)
+      G(P(e.heading), 1)
     ]),
     _: 1
   }, 8, ["leftDisabled", "rightDisabled", "items", "onLeft", "onRight"]);
@@ -2212,7 +2210,7 @@ const $n = /* @__PURE__ */ Te(Cn, [["render", wn]]), xn = z({
       () => (r) => We(r, e.format, {
         locale: e.locale
       })
-    ), i = (r, v, s) => !v && !s ? !0 : !(v && Se(r, Ct(v)) || s && Le(r, wt(s))), a = c(
+    ), i = (r, v, s) => !v && !s ? !0 : !(v && Se(r, $t(v)) || s && Le(r, xt(s))), a = c(
       () => co({
         start: t.value,
         end: n.value
@@ -2226,17 +2224,17 @@ const $n = /* @__PURE__ */ Te(Cn, [["render", wn]]), xn = z({
         })
       )
     ), p = c(() => he(t.value)), u = c(
-      () => e.lowerLimit && (it(e.lowerLimit, e.pageDate) || Se(e.pageDate, e.lowerLimit))
+      () => e.lowerLimit && (rt(e.lowerLimit, e.pageDate) || Se(e.pageDate, e.lowerLimit))
     ), f = c(
-      () => e.upperLimit && (it(e.upperLimit, e.pageDate) || Le(e.pageDate, e.upperLimit))
+      () => e.upperLimit && (rt(e.upperLimit, e.pageDate) || Le(e.pageDate, e.upperLimit))
     );
     return {
       months: a,
       heading: p,
       leftDisabled: u,
       rightDisabled: f,
-      previousPage: () => o("update:pageDate", yt(e.pageDate, 1)),
-      nextPage: () => o("update:pageDate", bt(e.pageDate, 1))
+      previousPage: () => o("update:pageDate", wt(e.pageDate, 1)),
+      nextPage: () => o("update:pageDate", Ct(e.pageDate, 1))
     };
   }
 });
@@ -2255,7 +2253,7 @@ function _n(e, o, t, n, l, i) {
     onElementClick: o[1] || (o[1] = (p) => e.$emit("select", p))
   }, {
     heading: q(() => [
-      G(L(e.heading), 1)
+      G(P(e.heading), 1)
     ]),
     _: 1
   }, 8, ["items", "leftDisabled", "rightDisabled", "onLeft", "onRight"]);
@@ -2327,7 +2325,7 @@ const Bn = /* @__PURE__ */ Te(xn, [["render", _n]]), Tn = z({
         locale: e.locale,
         weekStartsOn: e.weekStartsOn
       })
-    ), n = c(() => Ct(e.pageDate)), l = c(() => wt(e.pageDate)), i = c(() => ({
+    ), n = c(() => $t(e.pageDate)), l = c(() => xt(e.pageDate)), i = c(() => ({
       start: n.value,
       end: l.value
     })), a = c(() => ({
@@ -2396,19 +2394,19 @@ function Vn(e, o, t, n, l, i) {
     onElementClick: o[1] || (o[1] = (p) => e.$emit("select", p))
   }, {
     heading: q(() => [
-      G(L(e.heading), 1)
+      G(P(e.heading), 1)
     ]),
     subheading: q(() => [
       (d(!0), g(J, null, se(e.weekDays, (p, u) => (d(), g("span", {
         key: p,
-        class: P(`v3dp__subheading__weekday__${u}`)
-      }, L(p), 3))), 128))
+        class: L(`v3dp__subheading__weekday__${u}`)
+      }, P(p), 3))), 128))
     ]),
     _: 1
   }, 8, ["leftDisabled", "rightDisabled", "items", "onLeft", "onRight"]);
 }
 const Dn = /* @__PURE__ */ Te(Tn, [["render", Vn]]);
-function ht(e, o) {
+function kt(e, o) {
   const t = e.getBoundingClientRect(), n = {
     height: e.clientHeight,
     width: e.clientWidth
@@ -2446,7 +2444,7 @@ const Sn = z({
   },
   setup(e, { emit: o }) {
     const t = M(null), n = M(null), l = c(() => e.pageDate ?? e.selected), i = M(l.value.getHours()), a = M(l.value.getMinutes());
-    ue(
+    ce(
       () => e.selected,
       (v) => {
         let s = 0, h = 0;
@@ -2457,7 +2455,7 @@ const Sn = z({
       () => [...Array(24).keys()].map(
         (v) => ({
           value: v,
-          date: st(new Date(l.value.getTime()), {
+          date: ut(new Date(l.value.getTime()), {
             hours: v,
             minutes: a.value,
             seconds: 0
@@ -2469,7 +2467,7 @@ const Sn = z({
     ), u = c(
       () => [...Array(60).keys()].map((v) => ({
         value: v,
-        date: st(new Date(l.value.getTime()), {
+        date: ut(new Date(l.value.getTime()), {
           hours: i.value,
           minutes: v,
           seconds: 0
@@ -2491,12 +2489,12 @@ const Sn = z({
           return ((k = (m = h.ref.value) == null ? void 0 : m.classList) == null ? void 0 : k.contains("selected")) ?? !1;
         }
       );
-      v && s && (ht(t.value, v.ref.value), ht(n.value, s.ref.value));
+      v && s && (kt(t.value, v.ref.value), kt(n.value, s.ref.value));
     };
-    return ue(
+    return ce(
       () => e.visible,
       (v) => {
-        v && kt(r);
+        v && yt(r);
       }
     ), {
       hoursListRef: t,
@@ -2534,7 +2532,7 @@ function In(e, o, t, n, l, i) {
     onHeading: o[0] || (o[0] = (p) => e.$emit("back"))
   }, {
     heading: q(() => [
-      G(L(e.padStartZero(e.hours)) + ":" + L(e.padStartZero(e.minutes)), 1)
+      G(P(e.padStartZero(e.hours)) + ":" + P(e.padStartZero(e.minutes)), 1)
     ]),
     body: q(() => [
       w("div", Ln, [
@@ -2542,11 +2540,11 @@ function In(e, o, t, n, l, i) {
           key: p.value,
           ref_for: !0,
           ref: p.ref,
-          class: P([{ selected: p.selected }, "v3dp__element_button__hour"]),
+          class: L([{ selected: p.selected }, "v3dp__element_button__hour"]),
           disabled: !e.isEnabled(p.date),
           onClick: ie((u) => e.hours = p.value, ["stop", "prevent"])
         }, [
-          w("span", null, L(e.padStartZero(p.value)), 1)
+          w("span", null, P(e.padStartZero(p.value)), 1)
         ], 10, Pn))), 128))
       ], 512),
       w("div", An, [
@@ -2554,11 +2552,11 @@ function In(e, o, t, n, l, i) {
           key: p.value,
           ref_for: !0,
           ref: p.ref,
-          class: P([{ selected: p.selected }, "v3dp__element_button__minute"]),
+          class: L([{ selected: p.selected }, "v3dp__element_button__minute"]),
           disabled: !e.isEnabled(p.date),
           onClick: ie((u) => e.selectMinutes(p), ["stop", "prevent"])
         }, [
-          w("span", null, L(e.padStartZero(p.value)), 1)
+          w("span", null, P(e.padStartZero(p.value)), 1)
         ], 10, Mn))), 128))
       ], 512)
     ]),
@@ -2746,7 +2744,7 @@ const zn = /* @__PURE__ */ Te(Sn, [["render", In], ["__scopeId", "data-v-81ac698
   setup(e, { emit: o, attrs: t }) {
     const n = M("none"), l = M(e.startingViewDate), i = M(null), a = M(!1), p = M("");
     Ge(() => {
-      const D = rt(p.value, e.inputFormat, /* @__PURE__ */ new Date(), {
+      const D = ct(p.value, e.inputFormat, /* @__PURE__ */ new Date(), {
         locale: e.locale
       });
       ve(D) && (l.value = D);
@@ -2783,7 +2781,7 @@ const zn = /* @__PURE__ */ Te(Sn, [["render", In], ["__scopeId", "data-v-81ac698
         13
         // enter
       ].includes(F) && i.value.blur(), e.typeable) {
-        const K = rt(
+        const K = ct(
           i.value.value,
           e.inputFormat,
           /* @__PURE__ */ new Date(),
@@ -2943,7 +2941,7 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
       let _ = "";
       return l.value.darkMode && (_ = l.value.darkModeColorItems), _ && !A.isColorTemplateVariable(_) && y.push({ backgroundColor: _ }), y;
     });
-    ue(() => t.modelValue, (y) => {
+    ce(() => t.modelValue, (y) => {
       a.value && (a.value.style.display = "block", a.value.focus(), a.value.style.display = "none"), n("change", y);
     });
     function s(y) {
@@ -2979,7 +2977,7 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
           return [
             w("div", {
               id: u.value,
-              class: P(["ck-input-date", r.value])
+              class: L(["ck-input-date", r.value])
             }, [
               w("input", {
                 ref_key: "refInput",
@@ -2988,13 +2986,13 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
               }, null, 512),
               H(W, null, {
                 default: q(() => [
-                  G(L(e.label) + " ", 1),
+                  G(P(e.label) + " ", 1),
                   e.optional ? (d(), g("span", Un, "opcional")) : C("", !0)
                 ]),
                 _: 1
               }),
               w("div", {
-                class: P(["ck-picker-container", ((K = xe(l)) == null ? void 0 : K.darkMode) && "picker-dark"])
+                class: L(["ck-picker-container", ((K = xe(l)) == null ? void 0 : K.darkMode) && "picker-dark"])
               }, [
                 e.icon ? (d(), S(D, {
                   key: 0,
@@ -3015,7 +3013,7 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
                 }, null, 8, ["modelValue", "style", "disabled", "locale"]),
                 e.clearable && e.modelValue != e.clearValue || e.iconRight ? (d(), S(D, {
                   key: 1,
-                  class: P(["ck-input__icon-right", { "icon-right__clearable": e.clearable }]),
+                  class: L(["ck-input__icon-right", { "icon-right__clearable": e.clearable }]),
                   color: e.clearable ? "grey" : e.iconColor ? e.iconColor : "lightgrey",
                   icon: e.clearable ? "xmark" : e.iconRight,
                   "icon-pack": e.clearable ? "font-awesome" : e.iconPack,
@@ -3063,38 +3061,39 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
       }, null, 8, ["modelValue", "label", "group", "width-breaks", "disabled"]);
     };
   }
-}), Kn = {
-  key: 0,
-  class: "ck-tab"
-}, Zn = /* @__PURE__ */ z({
+}), Kn = /* @__PURE__ */ z({
   __name: "ck-tab",
   props: {
     title: {},
     icon: {}
   },
   setup(e) {
-    const o = e, t = Yt("addTab"), n = M(!1);
-    function l(i) {
-      n.value = i;
+    const o = e, t = it("addTab"), n = it("isTabContentTransparent", void 0), l = M(!1), i = c(() => !!(n != null && n.value));
+    function a(p) {
+      l.value = p;
     }
     return $e(() => {
       t == null || t({
-        selectTab: l,
+        selectTab: a,
         icon: o.icon,
         title: o.title
       });
-    }), (i, a) => n.value ? (d(), g("div", Kn, [
-      O(i.$slots, "default", {}, void 0, !0)
-    ])) : C("", !0);
+    }), (p, u) => l.value ? (d(), g("div", {
+      key: 0,
+      class: L(["ck-tab", { "ck-tab--transparent": i.value }])
+    }, [
+      O(p.$slots, "default", {}, void 0, !0)
+    ], 2)) : C("", !0);
   }
-}), Jn = /* @__PURE__ */ U(Zn, [["__scopeId", "data-v-e8abcb89"]]), Xn = { class: "ck-tabs" }, Qn = ["onClick"], ea = { class: "ck-tabs__tab-content" }, ta = "flat", oa = /* @__PURE__ */ z({
+}), Zn = /* @__PURE__ */ U(Kn, [["__scopeId", "data-v-5587dc4f"]]), Jn = { class: "ck-tabs" }, Xn = ["onClick"], Qn = { class: "ck-tabs__tab-content" }, ea = "flat", ta = /* @__PURE__ */ z({
   __name: "ck-tabs",
   props: {
-    type: {}
+    type: {},
+    isContentTransparent: { type: Boolean }
   },
   emits: ["tabSelected"],
   setup(e, { expose: o, emit: t }) {
-    const n = M(null), l = M(!1), i = M(!1), a = e, p = t, u = M([]), f = M(null), r = c(() => a.type ? a.type : ta), v = c(() => {
+    const n = M(null), l = M(!1), i = M(!1), a = e, p = t, u = M([]), f = M(null), r = c(() => a.type ? a.type : ea), v = c(() => {
       const b = [];
       return r.value && b.push(`ck-tabs__header--button-${r.value}`), b;
     });
@@ -3114,9 +3113,9 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
     function k() {
       n.value && n.value.scrollBy({ left: 200, behavior: "smooth" });
     }
-    return Kt("addTab", (b) => {
+    return st("addTab", (b) => {
       u.value.push(b);
-    }), $e(() => {
+    }), st("isTabContentTransparent", c(() => !!a.isContentTransparent)), $e(() => {
       var y;
       h(), (y = n.value) == null || y.addEventListener("scroll", h);
       const b = u.value.find((_) => _.active) || u.value[0];
@@ -3125,9 +3124,9 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
       selectTab: s
     }), Zt(h), (b, y) => {
       const _ = Y("ck-icon"), W = Y("ck-circle");
-      return d(), g("div", Xn, [
+      return d(), g("div", Jn, [
         w("div", {
-          class: P(["ck-tabs__header", { "has-left-arrow": l.value, "has-right-arrow": i.value }])
+          class: L(["ck-tabs__header", { "has-left-arrow": l.value, "has-right-arrow": i.value }])
         }, [
           l.value ? (d(), S(W, {
             key: 0,
@@ -3144,19 +3143,19 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
           w("div", {
             ref_key: "tabsContainer",
             ref: n,
-            class: P(["ck-tabs__header-content", { "header-content--flat": r.value === "flat" }])
+            class: L(["ck-tabs__header-content", { "header-content--flat": r.value === "flat" }])
           }, [
             (d(!0), g(J, null, se(u.value, (D, F) => (d(), g("div", {
               key: F,
-              class: P([v.value, { "is-selected": f.value === F }]),
+              class: L([v.value, { "is-selected": f.value === F }]),
               onClick: (K) => s(F)
             }, [
               D.icon ? (d(), S(_, {
                 key: 0,
                 icon: D.icon
               }, null, 8, ["icon"])) : C("", !0),
-              G(" " + L(D.title), 1)
-            ], 10, Qn))), 128))
+              G(" " + P(D.title), 1)
+            ], 10, Xn))), 128))
           ], 2),
           i.value ? (d(), S(W, {
             key: 1,
@@ -3171,13 +3170,13 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
             _: 1
           })) : C("", !0)
         ], 2),
-        w("div", ea, [
+        w("div", Qn, [
           O(b.$slots, "default", {}, void 0, !0)
         ])
       ]);
     };
   }
-}), la = /* @__PURE__ */ U(oa, [["__scopeId", "data-v-1d834ae1"]]), na = "rounded", aa = /* @__PURE__ */ z({
+}), oa = /* @__PURE__ */ U(ta, [["__scopeId", "data-v-435b8294"]]), la = "rounded", na = /* @__PURE__ */ z({
   __name: "ck-toggle",
   props: {
     modelValue: { type: Boolean },
@@ -3190,7 +3189,7 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
-    const t = e, n = c(() => t.layout ? t.layout : na), l = c(() => {
+    const t = e, n = c(() => t.layout ? t.layout : la), l = c(() => {
       const p = [];
       return n.value && p.push(`layout-${n.value}`), p;
     }), i = o, a = c({
@@ -3204,7 +3203,7 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
     return (p, u) => {
       const f = Y("ck-icon");
       return d(), g("div", {
-        class: P(["ck-toggle", [l.value, { "is-active": a.value }]]),
+        class: L(["ck-toggle", [l.value, { "is-active": a.value }]]),
         onClick: u[0] || (u[0] = (r) => a.value = !a.value)
       }, [
         e.icon ? (d(), S(f, {
@@ -3221,7 +3220,7 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
       ], 2);
     };
   }
-}), ia = /* @__PURE__ */ U(aa, [["__scopeId", "data-v-e17893c4"]]), sa = { class: "ck-toggle-group" }, ra = /* @__PURE__ */ z({
+}), aa = /* @__PURE__ */ U(na, [["__scopeId", "data-v-e17893c4"]]), ia = { class: "ck-toggle-group" }, sa = /* @__PURE__ */ z({
   __name: "ck-toggle-group",
   props: /* @__PURE__ */ te({
     options: {},
@@ -3262,13 +3261,13 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
     }
     return (r, v) => {
       const s = Y("ck-label"), h = Y("ck-toggle");
-      return d(), g("div", sa, [
+      return d(), g("div", ia, [
         e.label ? (d(), S(s, {
           key: 0,
           align: e.labelAlign
         }, {
           default: q(() => [
-            G(L(e.label), 1)
+            G(P(e.label), 1)
           ]),
           _: 1
         }, 8, ["align"])) : C("", !0),
@@ -3286,7 +3285,7 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
             onClick: (k) => f(m)
           }, {
             default: q(() => [
-              G(L(i(m)), 1)
+              G(P(i(m)), 1)
             ]),
             _: 2
           }, 1032, ["model-value", "icon", "icon-pack", "layout", "onClick"]))), 128))
@@ -3294,10 +3293,10 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
       ]);
     };
   }
-}), ua = /* @__PURE__ */ U(ra, [["__scopeId", "data-v-9c9770f7"]]), ca = {
+}), ra = /* @__PURE__ */ U(sa, [["__scopeId", "data-v-9c9770f7"]]), ua = {
   key: 0,
   class: "extra-actions__container"
-}, da = ["onClick"], pa = { class: "extra-action__name" }, va = /* @__PURE__ */ z({
+}, ca = ["onClick"], da = { class: "extra-action__name" }, pa = /* @__PURE__ */ z({
   __name: "ck-dropdown-button",
   props: {
     title: {},
@@ -3375,32 +3374,32 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
       ])) : C("", !0),
       H(Qt, { name: "fade" }, {
         default: q(() => [
-          l.value ? (d(), g("div", ca, [
+          l.value ? (d(), g("div", ua, [
             (d(!0), g(J, null, se(e.dropdownButtonActions, (h) => (d(), g("div", {
               key: h.id,
               class: "extra-action__item",
               style: E({ color: u.value.textColor }),
               onClick: (m) => r(h.id)
             }, [
-              w("span", pa, L(h.name), 1),
+              w("span", da, P(h.name), 1),
               H(X, {
                 icon: "angle-left",
                 size: "xs"
               })
-            ], 12, da))), 128))
+            ], 12, ca))), 128))
           ])) : C("", !0)
         ]),
         _: 1
       })
     ], 32));
   }
-}), fa = /* @__PURE__ */ U(va, [["__scopeId", "data-v-04843c9d"]]), ma = {
+}), va = /* @__PURE__ */ U(pa, [["__scopeId", "data-v-04843c9d"]]), fa = {
   key: 0,
   class: "ck-card__header-title"
-}, ha = { class: "ck-card__body" }, ga = {
+}, ma = { class: "ck-card__body" }, ha = {
   key: 0,
   class: "ck-card__header-subtitle"
-}, ka = /* @__PURE__ */ z({
+}, ga = /* @__PURE__ */ z({
   __name: "ck-card",
   props: {
     modelValue: {},
@@ -3427,13 +3426,13 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
       const r = Y("ck-icon");
       return a.value ? (d(), g("div", {
         key: 0,
-        class: P(["ck-card", p.value])
+        class: L(["ck-card", p.value])
       }, [
         e.title || u.$slots.header || i.value ? (d(), g("div", {
           key: 0,
-          class: P(["ck-card__header", { "is-close-button-visible": i.value }])
+          class: L(["ck-card__header", { "is-close-button-visible": i.value }])
         }, [
-          e.title || u.$slots.header ? (d(), g("div", ma, L(e.title), 1)) : C("", !0),
+          e.title || u.$slots.header ? (d(), g("div", fa, P(e.title), 1)) : C("", !0),
           O(u.$slots, "header", {}, void 0, !0),
           i.value ? (d(), g("div", {
             key: 1,
@@ -3443,10 +3442,10 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
             H(r, { icon: "times" })
           ])) : C("", !0)
         ], 2)) : C("", !0),
-        w("div", ha, [
-          e.subtitle ? (d(), g("div", ga, L(e.subtitle), 1)) : C("", !0),
+        w("div", ma, [
+          e.subtitle ? (d(), g("div", ha, P(e.subtitle), 1)) : C("", !0),
           w("div", {
-            class: P(["ck-card__content", { "content-block": e.block }])
+            class: L(["ck-card__content", { "content-block": e.block }])
           }, [
             O(u.$slots, "default", {}, void 0, !0)
           ], 2)
@@ -3454,7 +3453,7 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
       ], 2)) : C("", !0);
     };
   }
-}), ba = /* @__PURE__ */ U(ka, [["__scopeId", "data-v-780265b9"]]), ya = ["color"], gt = "white", Ca = "primary", wa = "s", $a = "outlined", xa = "rounded", _a = /* @__PURE__ */ z({
+}), ka = /* @__PURE__ */ U(ga, [["__scopeId", "data-v-780265b9"]]), ba = ["color"], bt = "white", ya = "primary", Ca = "s", wa = "outlined", $a = "rounded", xa = /* @__PURE__ */ z({
   __name: "ck-chip",
   props: {
     size: {},
@@ -3472,9 +3471,9 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
   },
   emits: ["click"],
   setup(e, { emit: o }) {
-    const t = e, { windowWidth: n } = ye(), { cleekOptions: l } = ne(le()), i = o, a = c(() => t.layout ? t.layout : l.value ? l.value.chip.layout : xa), p = c(() => t.type ? t.type : l.value ? l.value.chip.type : $a), u = c(() => t.color || Ca), f = c(() => {
+    const t = e, { windowWidth: n } = ye(), { cleekOptions: l } = ne(le()), i = o, a = c(() => t.layout ? t.layout : l.value ? l.value.chip.layout : $a), p = c(() => t.type ? t.type : l.value ? l.value.chip.type : wa), u = c(() => t.color || ya), f = c(() => {
       const s = [];
-      return p.value === "outlined" ? s.push("type--outlined") : p.value === "shadow" ? s.push("type--shadow") : A.isColorTemplateVariable(u.value) && s.push(`ck-component__bg-color--${u.value}`), a.value && s.push(`layout--${a.value}`), s.push(A.getGroupClass(t, n.value)), s.push(`size-${t.size || wa}`), t.align && s.push(`align--${t.align}`), t.nowrap && s.push(`ck-chip--${t.nowrap}`), t.clickable && s.push("clickable"), s;
+      return p.value === "outlined" ? s.push("type--outlined") : p.value === "shadow" ? s.push("type--shadow") : A.isColorTemplateVariable(u.value) && s.push(`ck-component__bg-color--${u.value}`), a.value && s.push(`layout--${a.value}`), s.push(A.getGroupClass(t, n.value)), s.push(`size-${t.size || Ca}`), t.align && s.push(`align--${t.align}`), t.nowrap && s.push(`ck-chip--${t.nowrap}`), t.clickable && s.push("clickable"), s;
     });
     function r(s) {
       return A.isColorTemplateVariable(s) ? A.getColorHexFromTemplateVariable(s, l.value.colors) : s;
@@ -3484,11 +3483,11 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
       if (s.push({ "--chip-bg": h }), p.value === "outlined") {
         const m = r(t.textColor || u.value);
         s.push({ borderColor: h }), s.push({ color: m });
-      } else p.value === "shadow" ? (A.isColorTemplateVariable(u.value) || s.push({ backgroundColor: u.value }), s.push({ color: t.textColor || gt })) : (A.isColorTemplateVariable(u.value) || s.push({ backgroundColor: u.value }), s.push({ color: t.textColor || gt }));
+      } else p.value === "shadow" ? (A.isColorTemplateVariable(u.value) || s.push({ backgroundColor: u.value }), s.push({ color: t.textColor || bt })) : (A.isColorTemplateVariable(u.value) || s.push({ backgroundColor: u.value }), s.push({ color: t.textColor || bt }));
       return s;
     });
     return (s, h) => (d(), g("div", {
-      class: P(["ck-chip", f.value]),
+      class: L(["ck-chip", f.value]),
       color: e.color,
       style: E(v.value),
       onClick: h[0] || (h[0] = (m) => i("click", m))
@@ -3508,9 +3507,9 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
         icon: e.iconRight,
         "icon-pack": e.iconPack
       }, null, 8, ["icon", "icon-pack"])) : C("", !0)
-    ], 14, ya));
+    ], 14, ba));
   }
-}), Ba = /* @__PURE__ */ U(_a, [["__scopeId", "data-v-2ad8cd7f"]]), Ta = "primary", Va = "m", Da = "white", Sa = /* @__PURE__ */ z({
+}), _a = /* @__PURE__ */ U(xa, [["__scopeId", "data-v-2ad8cd7f"]]), Ba = "primary", Ta = "m", Va = "white", Da = /* @__PURE__ */ z({
   __name: "ck-circle",
   props: {
     size: {},
@@ -3525,15 +3524,15 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
     const t = e, n = o, l = c(() => {
       const a = [];
       let p = t.size;
-      return t.size !== "s" && t.size !== "l" && t.size !== "xs" && (p = Va), a.push(`ck-circle__size-${p}`), a.push(`ck-component__bg-color--${t.color || Ta}`), a;
+      return t.size !== "s" && t.size !== "l" && t.size !== "xs" && (p = Ta), a.push(`ck-circle__size-${p}`), a.push(`ck-component__bg-color--${t.color || Ba}`), a;
     }), i = c(() => {
       const a = [];
-      return t.sizeInPx && (a.push({ height: t.sizeInPx }), a.push({ width: t.sizeInPx })), (t.color || A.isColorTemplateVariable(t.color)) && (a.push({ backgroundColor: t.color }), a.push({ color: t.textColor || Da })), a;
+      return t.sizeInPx && (a.push({ height: t.sizeInPx }), a.push({ width: t.sizeInPx })), (t.color || A.isColorTemplateVariable(t.color)) && (a.push({ backgroundColor: t.color }), a.push({ color: t.textColor || Va })), a;
     });
     return (a, p) => {
       const u = Y("ck-icon");
       return d(), g("div", {
-        class: P(["ck-circle", l.value]),
+        class: L(["ck-circle", l.value]),
         style: E(i.value),
         onClick: p[0] || (p[0] = (f) => n("click", f))
       }, [
@@ -3546,7 +3545,7 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
       ], 6);
     };
   }
-}), La = /* @__PURE__ */ U(Sa, [["__scopeId", "data-v-309b5dd5"]]), Pa = /* @__PURE__ */ z({
+}), Sa = /* @__PURE__ */ U(Da, [["__scopeId", "data-v-309b5dd5"]]), La = /* @__PURE__ */ z({
   __name: "ck-div",
   props: {
     widthBreaks: {},
@@ -3572,9 +3571,9 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
       O(p.$slots, "default")
     ], 4));
   }
-}), Aa = {
+}), Pa = {
   defaultImgBorderColor: "#EEEEEE"
-}, Ma = ["src", "alt"], Ia = /* @__PURE__ */ z({
+}, Aa = ["src", "alt"], Ma = /* @__PURE__ */ z({
   __name: "ck-img",
   props: {
     src: {},
@@ -3605,7 +3604,7 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
     }), v = c(() => {
       const m = [];
       return t.radius && m.push({ "border-radius": t.radius }), t.width && m.push({ width: t.width }), t.height && m.push({ height: t.height }), m;
-    }), s = c(() => t.borderColor ? t.borderColor : Aa.defaultImgBorderColor);
+    }), s = c(() => t.borderColor ? t.borderColor : Pa.defaultImgBorderColor);
     function h(m) {
       let k = l.value.img.basePath;
       return l.value.img.basePath && (k = l.value.img.basePath), k || (k = l.value.img.basePathStatic), t.dynamic && (k = l.value.img.basePathDynamic), `${k}${m}`;
@@ -3613,7 +3612,7 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
     return $e(() => {
       a.value = !0;
     }), (m, k) => (d(), g("div", {
-      class: P(["ck-img", f.value]),
+      class: L(["ck-img", f.value]),
       style: E(r.value),
       onClick: k[1] || (k[1] = (b) => n("click", b))
     }, [
@@ -3622,13 +3621,13 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
         style: E(v.value),
         alt: e.alt,
         onError: k[0] || (k[0] = (b) => i.value = !0)
-      }, null, 44, Ma)
+      }, null, 44, Aa)
     ], 6));
   }
-}), za = /* @__PURE__ */ U(Ia, [["__scopeId", "data-v-485e840f"]]), Ra = ["onKeyup"], Oa = ["name", "value", "disabled"], Wa = {
+}), Ia = /* @__PURE__ */ U(Ma, [["__scopeId", "data-v-485e840f"]]), za = ["onKeyup"], Ra = ["name", "value", "disabled"], Oa = {
   key: 0,
   class: "c-Radio__label"
-}, Ea = /* @__PURE__ */ z({
+}, Wa = /* @__PURE__ */ z({
   __name: "ck-radio",
   props: {
     modelValue: {},
@@ -3686,15 +3685,15 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
         name: e.name,
         value: v.value,
         disabled: e.disabled
-      }, null, 8, Oa), [
+      }, null, 8, Ra), [
         [eo, l.value]
       ]),
       r[2] || (r[2] = w("div", { class: "c-Radio__element" }, null, -1)),
-      v.label ? (d(), g("span", Wa, L(v.label), 1)) : C("", !0)
-    ], 16, Ra))), 128));
+      v.label ? (d(), g("span", Oa, P(v.label), 1)) : C("", !0)
+    ], 16, za))), 128));
   }
-}), Fa = /* @__PURE__ */ U(Ea, [["__scopeId", "data-v-2884e5c3"]]);
-function qa(e, o) {
+}), Ea = /* @__PURE__ */ U(Wa, [["__scopeId", "data-v-2884e5c3"]]);
+function Fa(e, o) {
   const t = (n) => {
     var i;
     let l = (i = e.value) == null ? void 0 : i.parentElement;
@@ -3706,10 +3705,10 @@ function qa(e, o) {
   };
   $e(() => t("addEventListener")), ot(() => t("removeEventListener"));
 }
-const Na = {
+const qa = {
   key: 0,
   class: "ck-select--optional-label"
-}, Ha = ["disabled"], Ua = ["value"], ja = ["placeholder", "disabled"], Ga = ["onMousedown", "onMouseenter"], Ya = ["textContent"], Ka = /* @__PURE__ */ z({
+}, Na = ["disabled"], Ha = ["value"], Ua = ["placeholder", "disabled"], ja = ["onMousedown", "onMouseenter"], Ga = ["textContent"], Ya = /* @__PURE__ */ z({
   __name: "ck-select",
   props: /* @__PURE__ */ te({
     options: {},
@@ -3760,9 +3759,9 @@ const Na = {
     });
     const { cleekOptions: a } = ne(le()), { windowWidth: p } = ye(), u = M(), f = M(), r = M(), v = M(), s = M(""), h = M(!1), m = M(!1), k = M(-1), b = c(() => l.options.find(($) => T($) === n.value)), y = c(() => l.options.length), _ = c(() => !y.value), W = c(() => y.value <= l.optionsLimit), D = c(() => {
       if (m.value) return l.options;
-      const $ = ct(s.value).split(" ");
+      const $ = pt(s.value).split(" ");
       return l.options.filter((I) => {
-        const ee = ct(Z(I));
+        const ee = pt(Z(I));
         return $.every((N) => ee.includes(N));
       });
     }), F = c(() => D.value.length), K = c(() => {
@@ -3793,7 +3792,7 @@ const Na = {
     ), j = c(() => oe.value || l.notClearable ? !1 : !ge.value), pe = c(() => {
       const $ = [];
       return l.icon && $.push("has-icon-left"), l.iconRight && $.push("has-icon-right"), $;
-    }), ce = c(() => {
+    }), ue = c(() => {
       const $ = [];
       let I = !1;
       if (l.widthBreaks) {
@@ -3820,9 +3819,9 @@ const Na = {
       let I = a.value.popup.textColor;
       return a.value.darkMode && (I = a.value.darkModeColorText), I && (A.isColorTemplateVariable(I) ? $.push(`ck-component__color--${I}`) : $.push({ color: I })), $;
     });
-    ue(() => b.value, () => je()), ue(() => F.value, ($) => {
+    ce(() => b.value, () => je()), ce(() => F.value, ($) => {
       k.value !== -1 && (k.value + 1 <= $ || (k.value = $ - 1));
-    }), ue(() => r.value, ($) => {
+    }), ce(() => r.value, ($) => {
       $ && (v.value = { display: "none" }, setTimeout(() => {
         const I = document.documentElement.clientHeight, ee = document.documentElement.clientWidth, N = f.value.getBoundingClientRect(), ke = {}, Ie = N.top < I / 2;
         Ie ? ke.top = `${N.bottom}px` : ke.bottom = `${I - N.top}px`, ke.left = `${N.left}px`, ke.right = `${ee - N.right}px`;
@@ -3845,15 +3844,15 @@ const Na = {
       ($ = u.value) == null || $.blur(), (I = f.value) == null || I.blur();
     }
     function He() {
-      s.value = "", m.value = !0, Rt(), h.value = !0;
+      s.value = "", m.value = !0, Wt(), h.value = !0;
     }
-    function At() {
+    function It() {
       je(), h.value = !1;
     }
-    function Mt() {
+    function zt() {
       m.value = !1;
     }
-    function It($) {
+    function Rt($) {
       const I = F.value;
       if ($ === "ArrowDown")
         k.value = k.value + 1 >= I ? 0 : k.value + 1;
@@ -3871,24 +3870,24 @@ const Na = {
       const $ = b.value;
       s.value = $ ? Z($) : "";
     }
-    function zt() {
+    function Ot() {
       s.value = "", Ue(de.value);
     }
-    function Rt() {
+    function Wt() {
       if (b.value) {
         const $ = D.value;
         k.value = $.findIndex((I) => T(I) === T(b.value));
       } else
         k.value = -1;
     }
-    return qa(f, () => {
+    return Fa(f, () => {
       var $;
       return ($ = f.value) == null ? void 0 : $.blur();
     }), je(), ($, I) => {
       const ee = Y("ck-button");
       return d(), g("div", {
-        class: P(["ck-select", pe.value]),
-        style: E(ce.value)
+        class: L(["ck-select", pe.value]),
+        style: E(ue.value)
       }, [
         e.label ? (d(), S(Me, {
           key: 0,
@@ -3896,8 +3895,8 @@ const Na = {
           for: "ck-select"
         }, {
           default: q(() => [
-            G(L(e.label) + " ", 1),
-            e.optional ? (d(), g("span", Na, "opcional")) : C("", !0)
+            G(P(e.label) + " ", 1),
+            e.optional ? (d(), g("span", qa, "opcional")) : C("", !0)
           ]),
           _: 1
         }, 8, ["align"])) : C("", !0),
@@ -3908,7 +3907,7 @@ const Na = {
           ref: u,
           "onUpdate:modelValue": I[0] || (I[0] = (N) => n.value = N),
           tabindex: "0",
-          class: P(Ce.value),
+          class: L(Ce.value),
           style: E(me.value),
           disabled: oe.value,
           onChange: I[1] || (I[1] = (N) => i("change", n.value)),
@@ -3918,8 +3917,8 @@ const Na = {
             key: N,
             value: T(N),
             style: E(V.value)
-          }, L(Z(N)), 13, Ua))), 128))
-        ], 46, Ha)), [
+          }, P(Z(N)), 13, Ha))), 128))
+        ], 46, Na)), [
           [to, n.value]
         ]) : re((d(), g("input", {
           key: 2,
@@ -3928,17 +3927,17 @@ const Na = {
           ref: f,
           "onUpdate:modelValue": I[3] || (I[3] = (N) => s.value = N),
           tabindex: "0",
-          class: P(Ce.value),
+          class: L(Ce.value),
           style: E(me.value),
           placeholder: K.value,
           disabled: oe.value,
           autocomplete: "off",
           onClick: I[4] || (I[4] = (N) => i("click", N)),
           onFocus: I[5] || (I[5] = (N) => He()),
-          onBlur: I[6] || (I[6] = (N) => At()),
-          onInput: I[7] || (I[7] = (N) => Mt()),
-          onKeydown: I[8] || (I[8] = (N) => It(N.key))
-        }, null, 46, ja)), [
+          onBlur: I[6] || (I[6] = (N) => It()),
+          onInput: I[7] || (I[7] = (N) => zt()),
+          onKeydown: I[8] || (I[8] = (N) => Rt(N.key))
+        }, null, 46, Ua)), [
           [qe, s.value]
         ]),
         (d(), S(Pe, { to: "body" }, [
@@ -3951,20 +3950,20 @@ const Na = {
           }, [
             (d(!0), g(J, null, se(D.value, (N, ke) => (d(), g("li", {
               key: T(N),
-              class: P(["dropdown--option", {
+              class: L(["dropdown--option", {
                 "dropdown--option__selected": T(N) === n.value,
                 "dropdown--option__index-selected": ke === k.value
               }]),
               onMousedown: (Ie) => Ue(T(N)),
               onMouseenter: (Ie) => k.value = ke
-            }, L(Z(N)), 43, Ga))), 128))
+            }, P(Z(N)), 43, ja))), 128))
           ], 4)) : C("", !0)
         ])),
         B.value ? (d(), g("span", {
           key: 3,
           class: "ck-select--placeholder",
-          textContent: L(x.value)
-        }, null, 8, Ya)) : C("", !0),
+          textContent: P(x.value)
+        }, null, 8, Ga)) : C("", !0),
         e.icon ? (d(), S(X, {
           key: 4,
           class: "ck-select--icon-left",
@@ -3985,7 +3984,7 @@ const Na = {
           size: "s",
           icon: "times",
           type: "flat",
-          onClick: I[9] || (I[9] = (N) => zt())
+          onClick: I[9] || (I[9] = (N) => Ot())
         })) : oe.value ? C("", !0) : (d(), S(ee, {
           key: 7,
           tabindex: "-1",
@@ -3998,19 +3997,19 @@ const Na = {
       ], 6);
     };
   }
-}), Za = /* @__PURE__ */ U(Ka, [["__scopeId", "data-v-945ede7c"]]), Ja = {
+}), Ka = /* @__PURE__ */ U(Ya, [["__scopeId", "data-v-945ede7c"]]), Za = {
   key: 0,
   class: "sidebar-header-title"
-}, Xa = {
+}, Ja = {
   key: 1,
   class: "loader-container"
-}, Qa = {
+}, Xa = {
   key: 2,
   class: "ck-sidebar__content"
-}, ei = {
+}, Qa = {
   key: 3,
   class: "ck-sidbar__footer"
-}, ti = /* @__PURE__ */ z({
+}, ei = /* @__PURE__ */ z({
   __name: "ck-sidebar",
   props: /* @__PURE__ */ te({
     title: {},
@@ -4041,7 +4040,7 @@ const Na = {
       const u = [];
       return t.headerColor && !A.isColorTemplateVariable(t.headerColor) && u.push({ "background-color": t.headerColor }), u;
     }), p = c(() => t.closeBtnIcon ? t.closeBtnIcon : "times");
-    return ue(() => o.value, (u) => Lt(!u)), (u, f) => {
+    return ce(() => o.value, (u) => At(!u)), (u, f) => {
       const r = Y("ck-icon");
       return o.value ? (d(), g("div", {
         key: 0,
@@ -4049,41 +4048,41 @@ const Na = {
         onClick: f[1] || (f[1] = ie((v) => o.value = !1, ["self"]))
       }, [
         w("div", {
-          class: P(["ck-sidebar", n.value]),
+          class: L(["ck-sidebar", n.value]),
           style: E(l.value)
         }, [
           O(u.$slots, "header", {}, void 0, !0),
           e.title ? (d(), g("div", {
             key: 0,
-            class: P(["sidebar-header", i.value]),
+            class: L(["sidebar-header", i.value]),
             style: E(a.value),
             onClick: f[0] || (f[0] = (v) => o.value = !1)
           }, [
-            e.title ? (d(), g("div", Ja, L(e.title), 1)) : C("", !0),
+            e.title ? (d(), g("div", Za, P(e.title), 1)) : C("", !0),
             e.notCloseBtn ? (d(), S(r, {
               key: 1,
               class: "close-btn",
               icon: p.value
             }, null, 8, ["icon"])) : C("", !0)
           ], 6)) : C("", !0),
-          e.isLoading ? (d(), g("div", Xa, [
+          e.isLoading ? (d(), g("div", Ja, [
             H(r, {
               icon: "spinner",
               size: "xxl",
               spin: "",
               color: "primary"
             })
-          ])) : (d(), g("div", Qa, [
+          ])) : (d(), g("div", Xa, [
             O(u.$slots, "default", {}, void 0, !0)
           ])),
-          u.$slots.footer ? (d(), g("div", ei, [
+          u.$slots.footer ? (d(), g("div", Qa, [
             O(u.$slots, "footer", {}, void 0, !0)
           ])) : C("", !0)
         ], 6)
       ])) : C("", !0);
     };
   }
-}), oi = /* @__PURE__ */ U(ti, [["__scopeId", "data-v-f042f7fb"]]), li = { key: 1 }, ni = ["disabled"], ai = { class: "ck-switch__slider-container" }, ii = { key: 1 }, Je = "s", si = "m", ri = /* @__PURE__ */ z({
+}), ti = /* @__PURE__ */ U(ei, [["__scopeId", "data-v-f042f7fb"]]), oi = { key: 1 }, li = ["disabled"], ni = { class: "ck-switch__slider-container" }, ai = { key: 1 }, Je = "s", ii = "m", si = /* @__PURE__ */ z({
   __name: "ck-switch",
   props: /* @__PURE__ */ te({
     preventAutoUpdate: { type: Boolean },
@@ -4122,7 +4121,7 @@ const Na = {
       return i.value.darkMode && s.push({ color: i.value.darkModeColorText }), n.size && n.size !== Je && s.push(`ck-switch__icon-size--${n.size}`), n.colorText && !A.isColorTemplateVariable(n.colorText) && s.push({ color: n.colorText }), s;
     }), r = c(() => {
       const s = [];
-      return n.textSize && n.textSize !== si && s.push(`ck-switch__text-size--${n.textSize}`), n.colorText && A.isColorTemplateVariable(n.colorText) && s.push(`ck-component__color--${n.colorText}`), s;
+      return n.textSize && n.textSize !== ii && s.push(`ck-switch__text-size--${n.textSize}`), n.colorText && A.isColorTemplateVariable(n.colorText) && s.push(`ck-component__color--${n.colorText}`), s;
     });
     function v(s) {
       if (!n.disabled) {
@@ -4147,7 +4146,7 @@ const Na = {
     }), [
       (s.$slots.default || e.label || e.labelIcon || e.labelIconRight) && e.switchSide === "right" ? (d(), g("span", {
         key: 0,
-        class: P(["ck-switch__content", r.value]),
+        class: L(["ck-switch__content", r.value]),
         style: E(f.value)
       }, [
         e.labelIcon ? (d(), S(X, {
@@ -4156,7 +4155,7 @@ const Na = {
           "icon-pack": e.iconPack,
           class: "ck-switch__label-icon"
         }, null, 8, ["icon", "icon-pack"])) : C("", !0),
-        e.label ? (d(), g("span", li, L(e.label), 1)) : C("", !0),
+        e.label ? (d(), g("span", oi, P(e.label), 1)) : C("", !0),
         e.labelIconRight ? (d(), S(X, {
           key: 2,
           icon: e.labelIconRight,
@@ -4171,27 +4170,27 @@ const Na = {
         type: "checkbox",
         "aria-hidden": "true",
         disabled: e.disabled
-      }, null, 8, ni), [
+      }, null, 8, li), [
         [oo, t.value]
       ]),
-      w("div", ai, [
+      w("div", ni, [
         h[4] || (h[4] = w("div", { class: "ck-switch__slider" }, null, -1)),
         e.icon && t.value ? (d(), S(X, {
           key: 0,
-          class: P(["ck-switch__icon-left", u.value]),
+          class: L(["ck-switch__icon-left", u.value]),
           icon: e.icon,
           "icon-pack": e.iconPack
         }, null, 8, ["icon", "icon-pack", "class"])) : C("", !0),
         e.icon && !t.value ? (d(), S(X, {
           key: 1,
-          class: P(["ck-switch__icon-right", u.value]),
+          class: L(["ck-switch__icon-right", u.value]),
           icon: e.icon,
           "icon-pack": e.iconPack
         }, null, 8, ["icon", "icon-pack", "class"])) : C("", !0)
       ]),
       (s.$slots.default || e.label || e.labelIcon || e.labelIconRight) && e.switchSide !== "right" ? (d(), g("span", {
         key: 1,
-        class: P(["ck-switch__content", r.value]),
+        class: L(["ck-switch__content", r.value]),
         style: E(f.value)
       }, [
         e.labelIcon ? (d(), S(X, {
@@ -4200,7 +4199,7 @@ const Na = {
           "icon-pack": e.iconPack,
           class: "ck-switch__label-icon"
         }, null, 8, ["icon", "icon-pack"])) : C("", !0),
-        e.label ? (d(), g("span", ii, L(e.label), 1)) : C("", !0),
+        e.label ? (d(), g("span", ai, P(e.label), 1)) : C("", !0),
         e.labelIconRight ? (d(), S(X, {
           key: 2,
           icon: e.labelIconRight,
@@ -4211,7 +4210,7 @@ const Na = {
       ], 6)) : C("", !0)
     ], 16));
   }
-}), ui = /* @__PURE__ */ U(ri, [["__scopeId", "data-v-825f3e32"]]), ci = { class: "ck-switch-options" }, di = ["onClick", "onKeyup"], pi = /* @__PURE__ */ z({
+}), ri = /* @__PURE__ */ U(si, [["__scopeId", "data-v-825f3e32"]]), ui = { class: "ck-switch-options" }, ci = ["onClick", "onKeyup"], di = /* @__PURE__ */ z({
   __name: "ck-switch-options",
   props: /* @__PURE__ */ te({
     options: {},
@@ -4255,23 +4254,23 @@ const Na = {
     }
     return (v, s) => {
       const h = Y("ck-icon");
-      return d(), g("div", ci, [
+      return d(), g("div", ui, [
         e.label ? (d(), S(Me, {
           key: 0,
           align: e.labelAlign
         }, {
           default: q(() => [
-            G(L(e.label), 1)
+            G(P(e.label), 1)
           ]),
           _: 1
         }, 8, ["align"])) : C("", !0),
         w("div", {
-          class: P(["switch-options--options", a.value])
+          class: L(["switch-options--options", a.value])
         }, [
           (d(!0), g(J, null, se(e.options, (m, k) => (d(), g("div", {
             key: k,
             tabindex: "0",
-            class: P(["options--option", { selected: u(m) === t.value }]),
+            class: L(["options--option", { selected: u(m) === t.value }]),
             style: E(p.value),
             onClick: (b) => r(m),
             onKeyup: be((b) => r(m), ["enter"])
@@ -4281,16 +4280,16 @@ const Na = {
               class: "option--icon",
               icon: m.icon
             }, null, 8, ["icon"])) : C("", !0),
-            G(" " + L(f(m)), 1)
-          ], 46, di))), 128))
+            G(" " + P(f(m)), 1)
+          ], 46, ci))), 128))
         ], 2)
       ]);
     };
   }
-}), vi = /* @__PURE__ */ U(pi, [["__scopeId", "data-v-c323f4fa"]]), fi = { class: "ck-textarea" }, mi = {
+}), pi = /* @__PURE__ */ U(di, [["__scopeId", "data-v-c323f4fa"]]), vi = { class: "ck-textarea" }, fi = {
   key: 0,
   class: "ck-textarea__optional-label"
-}, hi = ["placeholder", "disabled"], gi = 300, ki = /* @__PURE__ */ z({
+}, mi = ["placeholder", "disabled"], hi = 300, gi = /* @__PURE__ */ z({
   __name: "ck-textarea",
   props: {
     modelValue: {},
@@ -4321,7 +4320,7 @@ const Na = {
         return t.modelValue;
       },
       set(m) {
-        t.capitalize && (m = xt(m)), n("update:modelValue", m), h(m);
+        t.capitalize && (m = Bt(m)), n("update:modelValue", m), h(m);
       }
     }), u = c(() => {
       const m = [], k = t.layout || l.value.styles.layout;
@@ -4345,16 +4344,16 @@ const Na = {
     function h(m) {
       setTimeout(() => {
         p.value === m && n("changeDelayed", m);
-      }, t.delayChangeTime || gi);
+      }, t.delayChangeTime || hi);
     }
-    return (m, k) => (d(), g("div", fi, [
+    return (m, k) => (d(), g("div", vi, [
       e.label ? (d(), S(Me, {
         key: 0,
         align: e.labelAlign
       }, {
         default: q(() => [
-          G(L(e.label) + " ", 1),
-          e.optional ? (d(), g("span", mi, "opcional")) : C("", !0)
+          G(P(e.label) + " ", 1),
+          e.optional ? (d(), g("span", fi, "opcional")) : C("", !0)
         ]),
         _: 1
       }, 8, ["align"])) : C("", !0),
@@ -4364,20 +4363,20 @@ const Na = {
         "onUpdate:modelValue": k[0] || (k[0] = (b) => p.value = b),
         placeholder: e.placeholder,
         disabled: e.disabled,
-        class: P(u.value),
+        class: L(u.value),
         style: E(f.value),
         onClick: k[1] || (k[1] = (b) => r(b)),
         onInput: k[2] || (k[2] = (b) => v(b)),
         onChange: k[3] || (k[3] = (b) => s(b))
-      }, null, 46, hi), [
+      }, null, 46, mi), [
         [qe, p.value]
       ])
     ]));
   }
-}), bi = /* @__PURE__ */ U(ki, [["__scopeId", "data-v-369059e0"]]), yi = ["onClick"], Ci = { class: "ck-tile-picker__tile-name" }, wi = {
+}), ki = /* @__PURE__ */ U(gi, [["__scopeId", "data-v-369059e0"]]), bi = ["onClick"], yi = { class: "ck-tile-picker__tile-name" }, Ci = {
   key: 1,
   class: "ck-tile-picker__tile-description"
-}, $i = 4, xi = /* @__PURE__ */ z({
+}, wi = 4, $i = /* @__PURE__ */ z({
   __name: "ck-tile-picker",
   props: /* @__PURE__ */ te({
     options: {},
@@ -4398,9 +4397,9 @@ const Na = {
   setup(e, { emit: o }) {
     const t = fe(e, "modelValue"), n = e, l = o, i = M(!t.value), a = c(() => n.options.find((v) => v.id === t.value) ?? null), p = c(() => i.value || !a.value ? n.options : [a.value]), u = c(() => {
       if (i.value)
-        return n.size === "l" && !n.columns ? { "grid-template-columns": "repeat(auto-fit, minmax(220px, 1fr))" } : { "grid-template-columns": `repeat(${n.columns || $i}, 1fr)` };
+        return n.size === "l" && !n.columns ? { "grid-template-columns": "repeat(auto-fit, minmax(220px, 1fr))" } : { "grid-template-columns": `repeat(${n.columns || wi}, 1fr)` };
     });
-    ue(t, (v) => {
+    ce(t, (v) => {
       i.value = !v;
     });
     function f(v) {
@@ -4424,24 +4423,24 @@ const Na = {
     return (v, s) => {
       const h = Y("ck-label"), m = Y("ck-icon"), k = tt("tooltip");
       return d(), g("div", {
-        class: P(["ck-tile-picker", { "ck-tile-picker--size-l": e.size === "l" }])
+        class: L(["ck-tile-picker", { "ck-tile-picker--size-l": e.size === "l" }])
       }, [
         e.label ? (d(), S(h, {
           key: 0,
           align: e.labelAlign
         }, {
           default: q(() => [
-            G(L(e.label), 1)
+            G(P(e.label), 1)
           ]),
           _: 1
         }, 8, ["align"])) : C("", !0),
         w("div", {
-          class: P(["ck-tile-picker__grid", { "ck-tile-picker__grid--collapsed": !i.value }]),
+          class: L(["ck-tile-picker__grid", { "ck-tile-picker__grid--collapsed": !i.value }]),
           style: E(u.value)
         }, [
           (d(!0), g(J, null, se(p.value, (b) => re((d(), g("button", {
             key: b.id,
-            class: P(["ck-tile-picker__tile", { "ck-tile-picker__tile--selected": b.id === t.value, "ck-tile-picker__tile--disabled": e.disabled }]),
+            class: L(["ck-tile-picker__tile", { "ck-tile-picker__tile--selected": b.id === t.value, "ck-tile-picker__tile--disabled": e.disabled }]),
             type: "button",
             onClick: (y) => r(b)
           }, [
@@ -4452,9 +4451,9 @@ const Na = {
               icon: b.icon,
               "icon-pack": e.iconPack
             }, null, 8, ["color", "icon", "icon-pack"])) : C("", !0),
-            w("span", Ci, L(b.name), 1),
-            e.size === "l" && b.description ? (d(), g("span", wi, L(b.description), 1)) : C("", !0)
-          ], 10, yi)), [
+            w("span", yi, P(b.name), 1),
+            e.size === "l" && b.description ? (d(), g("span", Ci, P(b.description), 1)) : C("", !0)
+          ], 10, bi)), [
             [k, f(b)]
           ])), 128)),
           !i.value && !e.disabled ? (d(), g("button", {
@@ -4467,13 +4466,13 @@ const Na = {
               size: "xs",
               icon: "arrows-rotate"
             }),
-            G(" " + L(e.changeLabel || "Cambiar"), 1)
+            G(" " + P(e.changeLabel || "Cambiar"), 1)
           ])) : C("", !0)
         ], 6)
       ], 2);
     };
   }
-}), _i = /* @__PURE__ */ U(xi, [["__scopeId", "data-v-5d7559c8"]]), Bi = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.7.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20100%20100'%20style='enable-background:new%200%200%20100%20100;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23EA4B4B;}%20%3c/style%3e%3cg%3e%3cg%3e%3cg%3e%3crect%20x='45'%20y='64.9'%20class='st0'%20width='10'%20height='10.2'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3crect%20x='45'%20y='24.9'%20class='st0'%20width='10'%20height='30.2'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cpath%20class='st0'%20d='M69.2,16.7L88.5,50L69.2,83.3H30.8L11.5,50l19.2-33.3H69.2%20M75,6.7H25L0,50l25,43.3h50L100,50L75,6.7L75,6.7z'%20/%3e%3c/svg%3e", Ti = { class: "ck-confirm--background" }, Vi = { class: "ck-confirm" }, Di = { class: "ck-confirm__title" }, Si = { class: "ck-confirm__message" }, Li = { class: "ck-confirm__buttons-container" }, Pi = /* @__PURE__ */ z({
+}), xi = /* @__PURE__ */ U($i, [["__scopeId", "data-v-5d7559c8"]]), _i = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.7.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20100%20100'%20style='enable-background:new%200%200%20100%20100;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23EA4B4B;}%20%3c/style%3e%3cg%3e%3cg%3e%3cg%3e%3crect%20x='45'%20y='64.9'%20class='st0'%20width='10'%20height='10.2'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3crect%20x='45'%20y='24.9'%20class='st0'%20width='10'%20height='30.2'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cpath%20class='st0'%20d='M69.2,16.7L88.5,50L69.2,83.3H30.8L11.5,50l19.2-33.3H69.2%20M75,6.7H25L0,50l25,43.3h50L100,50L75,6.7L75,6.7z'%20/%3e%3c/svg%3e", Bi = { class: "ck-confirm--background" }, Ti = { class: "ck-confirm" }, Vi = { class: "ck-confirm__title" }, Di = { class: "ck-confirm__message" }, Si = { class: "ck-confirm__buttons-container" }, Li = /* @__PURE__ */ z({
   __name: "CkConfirm",
   setup(e, { expose: o }) {
     const t = M(""), n = M(""), l = M(""), i = M(""), a = M(() => {
@@ -4492,30 +4491,30 @@ const Na = {
       cancelText: i,
       responseSuccess: a,
       responseFailure: p
-    }), (h, m) => (d(), g("div", Ti, [
-      w("div", Vi, [
+    }), (h, m) => (d(), g("div", Bi, [
+      w("div", Ti, [
         m[2] || (m[2] = w("div", { class: "ck-confirm__icon" }, [
           w("img", {
-            src: Bi,
+            src: _i,
             height: "125"
           })
         ], -1)),
-        w("div", Di, L(t.value || u.value), 1),
-        w("div", Si, L(n.value), 1),
-        w("div", Li, [
+        w("div", Vi, P(t.value || u.value), 1),
+        w("div", Di, P(n.value), 1),
+        w("div", Si, [
           w("button", {
             class: "ck-confirm__button--cancel",
             onClick: m[0] || (m[0] = (k) => v())
-          }, L(i.value || r.value), 1),
+          }, P(i.value || r.value), 1),
           w("button", {
             class: "ck-confirm__button--accept",
             onClick: m[1] || (m[1] = (k) => s())
-          }, L(l.value || f.value), 1)
+          }, P(l.value || f.value), 1)
         ])
       ])
     ]));
   }
-}), Ai = /* @__PURE__ */ U(Pi, [["__scopeId", "data-v-cf9f68e0"]]), Mi = { class: "alert--msg" }, Ii = /* @__PURE__ */ z({
+}), Pi = /* @__PURE__ */ U(Li, [["__scopeId", "data-v-cf9f68e0"]]), Ai = { class: "alert--msg" }, Mi = /* @__PURE__ */ z({
   __name: "CkAlert",
   setup(e, { expose: o }) {
     const t = M(""), n = M(""), l = M(""), i = M(!0), a = c(() => "Atención"), p = c(() => "Aceptar");
@@ -4537,16 +4536,16 @@ const Na = {
         onAccept: f[1] || (f[1] = (r) => i.value = !1)
       }, {
         default: q(() => [
-          w("div", Mi, L(n.value), 1)
+          w("div", Ai, P(n.value), 1)
         ]),
         _: 1
       }, 8, ["modelValue", "title", "accept-btn-text"])
     ]));
   }
-}), zi = /* @__PURE__ */ U(Ii, [["__scopeId", "data-v-f74e3830"]]), Ri = {
+}), Ii = /* @__PURE__ */ U(Mi, [["__scopeId", "data-v-f74e3830"]]), zi = {
   key: 0,
   class: "ck-notify__container"
-}, Oi = { class: "ck-notify__title" }, Wi = { class: "close-btn" }, Ei = ["innerHTML"], Fi = /* @__PURE__ */ z({
+}, Ri = { class: "ck-notify__title" }, Oi = { class: "close-btn" }, Wi = ["innerHTML"], Ei = /* @__PURE__ */ z({
   __name: "CkNotify",
   setup(e, { expose: o }) {
     const t = M(!0), n = M(""), l = M(""), i = M(""), a = M(0), p = M(() => {
@@ -4582,29 +4581,29 @@ const Na = {
         }, a.value);
       }, 10);
     }), (v, s) => (d(), S(Pe, { to: "body" }, [
-      t.value ? (d(), g("div", Ri, [
+      t.value ? (d(), g("div", zi, [
         w("div", {
-          class: P(["ck-notify", f.value]),
+          class: L(["ck-notify", f.value]),
           style: E(r.value),
           onClick: s[0] || (s[0] = (h) => {
             t.value = !1, p.value();
           })
         }, [
-          w("div", Oi, [
-            w("div", Wi, [
+          w("div", Ri, [
+            w("div", Oi, [
               H(X, { icon: "times" })
             ]),
-            G(" " + L(n.value || u.value), 1)
+            G(" " + P(n.value || u.value), 1)
           ]),
           w("div", {
             class: "ck-notify__text",
             innerHTML: l.value
-          }, null, 8, Ei)
+          }, null, 8, Wi)
         ], 6)
       ])) : C("", !0)
     ]));
   }
-}), qi = /* @__PURE__ */ U(Fi, [["__scopeId", "data-v-529d4cb1"]]), Ni = 3e3, Hi = {
+}), Fi = /* @__PURE__ */ U(Ei, [["__scopeId", "data-v-529d4cb1"]]), qi = 3e3, Ni = {
   alert(e) {
     this.alertOptions({
       title: "",
@@ -4613,7 +4612,7 @@ const Na = {
     });
   },
   alertOptions({ title: e = "", msg: o = "", acceptText: t = "" }) {
-    const n = document.createElement("div"), i = Ye(zi).mount(n);
+    const n = document.createElement("div"), i = Ye(Ii).mount(n);
     i.title = e, i.msg = o, i.acceptText = t, document.body.appendChild(i.$el);
   },
   confirmOptions({
@@ -4626,7 +4625,7 @@ const Na = {
     failure: i = () => {
     }
   }) {
-    const a = document.createElement("div"), p = Ye(Ai), u = p.mount(a);
+    const a = document.createElement("div"), p = Ye(Pi), u = p.mount(a);
     u.title = e, u.msg = o, u.acceptText = t, u.cancelText = n, u.responseSuccess = () => {
       p.unmount(), l();
     }, u.responseFailure = () => {
@@ -4641,8 +4640,8 @@ const Na = {
     });
   },
   notify({ text: e = "", title: o = "", color: t = "", duration: n = 0 }) {
-    const l = document.createElement("div"), i = Ye(qi), a = i.mount(l);
-    a.title = o, a.text = e, a.color = t, a.duration = n || Ni, a.closeCallback = () => {
+    const l = document.createElement("div"), i = Ye(Fi), a = i.mount(l);
+    a.title = o, a.text = e, a.color = t, a.duration = n || qi, a.closeCallback = () => {
       i.unmount();
     };
   },
@@ -4656,7 +4655,7 @@ const Na = {
     this.notify({ text: e, title: o, color: "warning", duration: t });
   }
 };
-class Ui {
+class Hi {
   constructor(o) {
     we(this, "search", "");
     we(this, "currentPage", 1);
@@ -4667,7 +4666,7 @@ class Ui {
     o && (this.itemsPerPage = o);
   }
 }
-class ji {
+class Ui {
   constructor(o, t) {
     we(this, "ids", /* @__PURE__ */ new Set([]));
     we(this, "toggleable", !0);
@@ -4704,94 +4703,94 @@ class ji {
     this.ids.clear();
   }
 }
-const Gi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ji = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   CkButton: _e,
-  CkCard: ba,
-  CkCheckbox: St,
-  CkChip: Ba,
-  CkCircle: La,
+  CkCard: ka,
+  CkCheckbox: Pt,
+  CkChip: _a,
+  CkCircle: Sa,
   CkDatetimeShower: Fo,
-  CkDiv: Pa,
+  CkDiv: La,
   CkDropdown: jo,
-  CkDropdownButton: fa,
+  CkDropdownButton: va,
   CkIcon: X,
-  CkImg: za,
-  CkInput: Dt,
+  CkImg: Ia,
+  CkInput: Lt,
   CkInputDate: Gn,
   CkInputTime: Yn,
   CkLabel: Me,
   CkNavbar: Ko,
   CkPagination: on,
   CkPopup: lt,
-  CkRadio: Fa,
-  CkSelect: Za,
-  CkSidebar: oi,
-  CkSwitch: ui,
-  CkSwitchOptions: vi,
-  CkTab: Jn,
+  CkRadio: Ea,
+  CkSelect: Ka,
+  CkSidebar: ti,
+  CkSwitch: ri,
+  CkSwitchOptions: pi,
+  CkTab: Zn,
   CkTable: tn,
-  CkTabs: la,
-  CkTd: Vt,
-  CkTextarea: bi,
+  CkTabs: oa,
+  CkTd: St,
+  CkTextarea: ki,
   CkTh: sn,
-  CkTilePicker: _i,
+  CkTilePicker: xi,
   CkTimeShower: Ho,
-  CkToggle: ia,
-  CkToggleGroup: ua,
-  CkTr: Tt,
-  SelectedRows: ji,
-  TableData: Ui,
-  ckNotify: Hi,
+  CkToggle: aa,
+  CkToggleGroup: ra,
+  CkTr: Dt,
+  SelectedRows: Ui,
+  TableData: Hi,
+  ckNotify: Ni,
   useWindowWidth: ye
 }, Symbol.toStringTag, { value: "Module" }));
-et.add(Ft);
-et.add(qt);
 et.add(Nt);
-function as(e, o) {
-  le().cleekOptions = Vo($t, o), e.use(Ao), e.use(Et, Bo), Object.entries(Gi).forEach(([t, n]) => {
+et.add(Ht);
+et.add(Ut);
+function ns(e, o) {
+  le().cleekOptions = Vo(_t, o), e.use(Ao), e.use(qt, Bo), Object.entries(ji).forEach(([t, n]) => {
     e.component(t, n);
   });
 }
 export {
   _e as CkButton,
-  ba as CkCard,
-  St as CkCheckbox,
-  Ba as CkChip,
-  La as CkCircle,
+  ka as CkCard,
+  Pt as CkCheckbox,
+  _a as CkChip,
+  Sa as CkCircle,
   Fo as CkDatetimeShower,
-  Pa as CkDiv,
+  La as CkDiv,
   jo as CkDropdown,
-  fa as CkDropdownButton,
+  va as CkDropdownButton,
   X as CkIcon,
-  za as CkImg,
-  Dt as CkInput,
+  Ia as CkImg,
+  Lt as CkInput,
   Gn as CkInputDate,
   Yn as CkInputTime,
   Me as CkLabel,
   Ko as CkNavbar,
   on as CkPagination,
   lt as CkPopup,
-  Fa as CkRadio,
-  Za as CkSelect,
-  oi as CkSidebar,
-  ui as CkSwitch,
-  vi as CkSwitchOptions,
-  Jn as CkTab,
+  Ea as CkRadio,
+  Ka as CkSelect,
+  ti as CkSidebar,
+  ri as CkSwitch,
+  pi as CkSwitchOptions,
+  Zn as CkTab,
   tn as CkTable,
-  la as CkTabs,
-  Vt as CkTd,
-  bi as CkTextarea,
+  oa as CkTabs,
+  St as CkTd,
+  ki as CkTextarea,
   sn as CkTh,
-  _i as CkTilePicker,
+  xi as CkTilePicker,
   Ho as CkTimeShower,
-  ia as CkToggle,
-  ua as CkToggleGroup,
-  Tt as CkTr,
-  ji as SelectedRows,
-  Ui as TableData,
-  Hi as ckNotify,
-  as as default,
+  aa as CkToggle,
+  ra as CkToggleGroup,
+  Dt as CkTr,
+  Ui as SelectedRows,
+  Hi as TableData,
+  Ni as ckNotify,
+  ns as default,
   le as useCleekOptionsStore,
   ye as useWindowWidth
 };