cleek 4.0.2 → 4.0.4

package/dist/main.es.js

@@ -6,10 +6,10 @@ import { library as yt } from "@fortawesome/fontawesome-svg-core";
 import { fas as oo } from "@fortawesome/free-solid-svg-icons";
 import { far as lo } from "@fortawesome/free-regular-svg-icons";
 import { fab as no } from "@fortawesome/free-brands-svg-icons";
-import { ref as I, computed as s, watch as pe, defineComponent as H, resolveDirective as it, openBlock as r, createElementBlock as k, toDisplayString as L, createTextVNode as J, createCommentVNode as w, withDirectives as ge, Fragment as Y, unref as Ie, createElementVNode as C, onMounted as Se, onBeforeUnmount as Ne, withKeys as De, renderSlot as N, createBlock as S, Teleport as Xe, createVNode as F, Transition as Ke, withCtx as R, normalizeStyle as U, normalizeClass as V, provide as Et, inject as Ot, nextTick as Rt, getCurrentInstance as ao, resolveDynamicComponent as Ht, mergeProps as We, useModel as he, vModelDynamic as io, mergeModels as le, renderList as ie, withModifiers as ue, resolveComponent as q, vModelText as st, useSlots as so, createSlots as ro, watchEffect as pt, vShow as Ue, pushScopeId as co, popScopeId as uo, onUpdated as po, normalizeProps as fo, guardReactiveProps as vo, vModelRadio as mo, vModelCheckbox as go, createApp as ft } from "vue";
-import { defineStore as ho, storeToRefs as fe } from "pinia";
+import { ref as I, computed as s, watch as fe, defineComponent as H, resolveDirective as Xe, openBlock as r, createElementBlock as k, toDisplayString as L, createTextVNode as J, createCommentVNode as w, withDirectives as pe, Fragment as _, unref as Ie, createElementVNode as C, onMounted as Se, onBeforeUnmount as Ne, withKeys as De, renderSlot as N, createBlock as S, Teleport as Je, createVNode as F, Transition as Ke, withCtx as R, normalizeStyle as U, normalizeClass as V, provide as Et, inject as Ot, nextTick as Rt, getCurrentInstance as ao, resolveDynamicComponent as Ht, mergeProps as We, useModel as he, vModelDynamic as io, mergeModels as le, renderList as ie, withModifiers as re, resolveComponent as q, vModelText as st, useSlots as so, createSlots as ro, watchEffect as pt, vShow as Ue, pushScopeId as co, popScopeId as uo, onUpdated as po, normalizeProps as fo, guardReactiveProps as vo, vModelRadio as mo, vModelCheckbox as go, createApp as ft } from "vue";
+import { defineStore as ho, storeToRefs as ve } from "pinia";
 import { FontAwesomeIcon as ko } from "@fortawesome/vue-fontawesome";
-import { isValid as Ae, startOfDecade as bo, endOfDecade as yo, eachYearOfInterval as wo, getYear as Le, getDecade as $e, isBefore as qe, isAfter as Ge, addYears as Ft, subYears as Nt, startOfYear as Co, endOfYear as xo, format as ot, eachMonthOfInterval as Ao, isSameMonth as ht, isSameYear as xt, startOfMonth as Kt, endOfMonth as Wt, endOfWeek as Bo, startOfWeek as Lo, setDay as Do, eachDayOfInterval as Po, isWithinInterval as Vo, isSameDay as vt, addMonths as To, subMonths as So, set as At, isSameHour as Io, isSameMinute as Mo, parse as Bt, startOfDay as zo, endOfDay as Eo, max as Oo, min as Ro } from "date-fns";
+import { isValid as Ae, startOfDecade as bo, endOfDecade as yo, eachYearOfInterval as wo, getYear as Le, getDecade as et, isBefore as qe, isAfter as Ge, addYears as Ft, subYears as Nt, startOfYear as Co, endOfYear as xo, format as lt, eachMonthOfInterval as Ao, isSameMonth as ht, isSameYear as xt, startOfMonth as Kt, endOfMonth as Wt, endOfWeek as Bo, startOfWeek as Lo, setDay as Do, eachDayOfInterval as Po, isWithinInterval as Vo, isSameDay as vt, addMonths as To, subMonths as So, set as At, isSameHour as Io, isSameMinute as Mo, parse as Bt, startOfDay as zo, endOfDay as Eo, max as Oo, min as Ro } from "date-fns";
 import { es as Ho } from "date-fns/locale";
 const Fo = {
   themes: {
@@ -33,7 +33,7 @@ function Ko(e, o) {
 function Wo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var tt = { exports: {} }, Zo = tt.exports, Lt;
+var ot = { exports: {} }, Zo = ot.exports, Lt;
 function Qo() {
   return Lt || (Lt = 1, (function(e, o) {
     (function(t, n) {
@@ -54,17 +54,17 @@ function Qo() {
           if (f[t] = h.events.map(function(D) {
             return { event: D, srcTarget: document.documentElement, handler: function(j) {
               return (function(A) {
-                var z = A.el, G = A.event, re = A.handler, te = A.middleware, oe = G.path || G.composedPath && G.composedPath();
-                (oe ? oe.indexOf(z) < 0 : !z.contains(G.target)) && l({ event: G, handler: re, middleware: te });
+                var z = A.el, G = A.event, ce = A.handler, te = A.middleware, oe = G.path || G.composedPath && G.composedPath();
+                (oe ? oe.indexOf(z) < 0 : !z.contains(G.target)) && l({ event: G, handler: ce, middleware: te });
               })({ el: f, event: j, handler: b, middleware: d });
             }, capture: y };
           }), m) {
             var P = { event: "blur", srcTarget: window, handler: function(D) {
               return (function(j) {
-                var A = j.el, z = j.event, G = j.handler, re = j.middleware;
+                var A = j.el, z = j.event, G = j.handler, ce = j.middleware;
                 setTimeout(function() {
                   var te = document.activeElement;
-                  te && te.tagName === "IFRAME" && !A.contains(te) && l({ event: z, handler: G, middleware: re });
+                  te && te.tagName === "IFRAME" && !A.contains(te) && l({ event: z, handler: G, middleware: ce });
                 }, 0);
               })({ el: f, event: D, handler: b, middleware: d });
             }, capture: y };
@@ -89,7 +89,7 @@ function Qo() {
         f.directive("click-outside", v);
       }, directive: v };
     });
-  })(tt)), tt.exports;
+  })(ot)), ot.exports;
 }
 var jo = Qo();
 const Uo = /* @__PURE__ */ Wo(jo), Zt = {
@@ -163,7 +163,7 @@ function Go(e) {
 }
 const de = ho("cleek-options", () => {
   const e = I(Zt), o = s(() => e.value.colors), t = s(() => e.value.styles), n = s(() => e.value.button), a = s(() => e.value.chip), i = s(() => e.value.div), l = s(() => e.value.img), u = s(() => e.value.popup), p = s(() => e.value.select), v = s(() => e.value.table);
-  return pe(o, (f) => Go(f), { deep: !0, immediate: !0 }), {
+  return fe(o, (f) => Go(f), { deep: !0, immediate: !0 }), {
     cleekOptions: e,
     colorsOptions: o,
     stylesOptions: t,
@@ -197,7 +197,7 @@ function Jo(e) {
   const o = e.substring(0, e.length - 3), t = e.substring(e.length - 2, e.length);
   return +o * 60 + +t;
 }
-function lt(e) {
+function nt(e) {
   const o = e < 0;
   e = Math.abs(e);
   const t = Math.floor(e / 60);
@@ -235,7 +235,7 @@ const Yo = {
   },
   emits: ["click"],
   setup(e, { emit: o }) {
-    const t = e, n = o, a = s(() => t.time ? (t.timeInMinutes, lt(+t.time)) : t.datetime ? typeof t.datetime == "string" ? Ut(t.datetime) : u(t.datetime) : ""), i = s(() => t.date ? typeof t.date == "string" ? Pt(t.date) : l(t.date) : t.datetime ? typeof t.datetime == "string" ? Pt(t.datetime) : l(t.datetime) : "");
+    const t = e, n = o, a = s(() => t.time ? (t.timeInMinutes, nt(+t.time)) : t.datetime ? typeof t.datetime == "string" ? Ut(t.datetime) : u(t.datetime) : ""), i = s(() => t.date ? typeof t.date == "string" ? Pt(t.date) : l(t.date) : t.datetime ? typeof t.datetime == "string" ? Pt(t.datetime) : l(t.datetime) : "");
     function l(p) {
       const v = String(p.getDate()).padStart(2, "0"), f = String(p.getMonth() + 1).padStart(2, "0"), c = String(p.getFullYear()).slice(-2);
       return `${v}/${f}/${c}`;
@@ -245,7 +245,7 @@ const Yo = {
       return `${v}:${f}`;
     }
     return (p, v) => {
-      const f = it("tooltip");
+      const f = Xe("tooltip");
       return i.value ? e.split || e.date ? (r(), k("div", {
         key: 1,
         class: "ck-datetime-shower--split",
@@ -253,7 +253,7 @@ const Yo = {
       }, [
         J(L(i.value) + " ", 1),
         a.value ? (r(), k("span", _o, " | " + L(a.value), 1)) : w("", !0)
-      ])) : ge((r(), k("div", {
+      ])) : pe((r(), k("div", {
         key: 2,
         class: "ck-datetime-shower",
         onClick: v[1] || (v[1] = (c) => n("click", c))
@@ -277,9 +277,9 @@ const Yo = {
   },
   setup(e) {
     return (o, t) => (r(), k("span", tl, [
-      e.minutes ? (r(), k(Y, { key: 0 }, [
-        J(L(Ie(lt)(e.minutes)), 1)
-      ], 64)) : (r(), k(Y, { key: 1 }, [
+      e.minutes ? (r(), k(_, { key: 0 }, [
+        J(L(Ie(nt)(e.minutes)), 1)
+      ], 64)) : (r(), k(_, { key: 1 }, [
         J(L(Ie(Ut)(e.time)), 1)
       ], 64)),
       t[0] || (t[0] = C("span", { class: "hs-text" }, " hs ", -1))
@@ -297,18 +297,18 @@ const Yo = {
     o({
       close: f
     });
-    const { cleekOptions: n } = fe(de()), a = I(!1), i = I(!0), l = I(), u = I(), p = I(), v = s(() => {
+    const { cleekOptions: n } = ve(de()), a = I(!1), i = I(!0), l = I(), u = I(), p = I(), v = s(() => {
       const d = [];
       t.dark && d.push("ck-dropdown--content__dark");
       const m = t.layout || n.value.styles.layout;
       return m && d.push(`ck-dropdown--content__${m}`), d;
     });
-    pe(() => a.value, (d) => {
+    fe(() => a.value, (d) => {
       if (d) {
         const m = document.documentElement.clientHeight, y = document.documentElement.clientWidth, P = l.value.getBoundingClientRect(), D = {};
         i.value = P.top < m / 2, i.value ? D.top = `${P.bottom}px` : D.bottom = `${m - P.top}px`, t.align === "left" ? D.left = `${P.left}px` : t.align === "right" && (D.right = `${y - P.right}px`), p.value = D;
       }
-    }), pe(() => u.value, (d) => {
+    }), fe(() => u.value, (d) => {
       if (d && t.align !== "left" && t.align !== "right") {
         const m = l.value.getBoundingClientRect();
         p.value.left = `${m.left + m.width / 2 - d.getBoundingClientRect().width / 2}px`;
@@ -331,7 +331,7 @@ const Yo = {
     }), Ne(() => {
       window.removeEventListener("scroll", b);
     }), (d, m) => {
-      const y = it("click-outside");
+      const y = Xe("click-outside");
       return r(), k("div", {
         ref_key: "dropdownRef",
         ref: l,
@@ -345,10 +345,10 @@ const Yo = {
         }, [
           N(d.$slots, "trigger", {}, void 0, !0)
         ]),
-        (r(), S(Xe, { to: "body" }, [
+        (r(), S(Je, { to: "body" }, [
           F(Ke, { name: "ck-dropdown" }, {
             default: R(() => [
-              a.value ? ge((r(), k("div", {
+              a.value ? pe((r(), k("div", {
                 key: 0,
                 ref_key: "contentRef",
                 ref: u,
@@ -378,7 +378,7 @@ const Yo = {
     position: {}
   },
   setup(e) {
-    const o = e, { cleekOptions: t } = fe(de()), n = s(() => {
+    const o = e, { cleekOptions: t } = ve(de()), n = s(() => {
       const l = [];
       return o.padding && l.push("has-padding"), l;
     }), a = s(() => {
@@ -535,7 +535,7 @@ const vl = {
       isExpandable: s(() => t.isExpandable),
       isExpanded: s(() => t.isExpanded),
       toggleExpansion: () => n("toggleExpansion")
-    }), (a, i) => (r(), k(Y, null, [
+    }), (a, i) => (r(), k(_, null, [
       F(Gt, {
         class: V([{ "is-expanded": e.isExpandable && e.isExpanded, "is-selected": e.isSelected }, e.rowClass])
       }, {
@@ -636,7 +636,7 @@ const vl = {
       }, null, 6)) : w("", !0)
     ], 6));
   }
-}), _ = /* @__PURE__ */ Q(Ml, [["__scopeId", "data-v-c184bc1e"]]);
+}), Y = /* @__PURE__ */ Q(Ml, [["__scopeId", "data-v-c184bc1e"]]);
 function Pe() {
   const e = I(0);
   function o(t) {
@@ -681,7 +681,7 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
   },
   setup(e) {
     var d;
-    const o = e, t = I(!1), { cleekOptions: n } = fe(de()), { windowWidth: a } = Pe(), i = (d = ao()) == null ? void 0 : d.appContext.components.RouterLink, l = s(() => o.disabled ? "button" : o.to && i ? i : o.href ? "a" : "button"), u = s(() => l.value === "button" ? { type: "button", disabled: o.disabled } : l.value === "a" ? { href: o.href } : { to: o.to }), p = s(() => o.type ? o.type : n.value ? n.value.button.type : El), v = s(() => o.backgroundColor ? o.backgroundColor : n.value && !o.type ? n.value.button.backgroundColor : mt), f = s(() => o.textColor ? o.textColor : n.value && !o.type ? n.value.button.textColor : ""), c = s(() => {
+    const o = e, t = I(!1), { cleekOptions: n } = ve(de()), { windowWidth: a } = Pe(), i = (d = ao()) == null ? void 0 : d.appContext.components.RouterLink, l = s(() => o.disabled ? "button" : o.to && i ? i : o.href ? "a" : "button"), u = s(() => l.value === "button" ? { type: "button", disabled: o.disabled } : l.value === "a" ? { href: o.href } : { to: o.to }), p = s(() => o.type ? o.type : n.value ? n.value.button.type : El), v = s(() => o.backgroundColor ? o.backgroundColor : n.value && !o.type ? n.value.button.backgroundColor : mt), f = s(() => o.textColor ? o.textColor : n.value && !o.type ? n.value.button.textColor : ""), c = s(() => {
       const m = ["ck-button"];
       m.push(M.getGroupClass(o, a.value)), (o.color || Vt) !== Vt && (p.value === "filled" ? m.push(`ck-component__bg-color--${o.color}`) : p.value === "soft" ? m.push(`ck-component__soft-color--${o.color}`) : m.push(`ck-component__border-color--${o.color}`)), v.value !== mt && M.isColorTemplateVariable(v.value) && m.push(`ck-component__bg-color--${v.value}`), f.value && M.isColorTemplateVariable(f.value) && m.push(`ck-component__color--${f.value}`);
       const P = o.align || Ol;
@@ -718,19 +718,19 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
       onClick: y[0] || (y[0] = (P) => b(P))
     }), {
       default: R(() => [
-        e.isLoading ? (r(), S(_, {
+        e.isLoading ? (r(), S(Y, {
           key: 0,
           icon: "spinner",
           spin: ""
-        })) : (r(), k(Y, { key: 1 }, [
-          e.icon ? (r(), S(_, {
+        })) : (r(), k(_, { key: 1 }, [
+          e.icon ? (r(), S(Y, {
             key: 0,
             class: V(["ck-button__icon-left", { "just-icon": !m.$slots.default }]),
             icon: e.icon,
             "icon-pack": e.iconPack
           }, null, 8, ["icon", "icon-pack", "class"])) : w("", !0),
           N(m.$slots, "default", {}, void 0, !0),
-          e.iconRight ? (r(), S(_, {
+          e.iconRight ? (r(), S(Y, {
             key: 1,
             class: V(["ck-button__icon-right", { "just-icon": !m.$slots.default }]),
             icon: e.iconRight,
@@ -749,7 +749,7 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
     size: {}
   },
   setup(e) {
-    const o = e, { cleekOptions: t } = fe(de()), n = s(() => {
+    const o = e, { cleekOptions: t } = ve(de()), n = s(() => {
       const i = [];
       let l = "left";
       return (o.align === "center" || o.align === "right") && (l = o.align), i.push(`ck-align--${l}`), i.push(`ck-size--${o.size || Fl}`), i;
@@ -766,7 +766,7 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
       N(i.$slots, "default", {}, void 0, !0)
     ], 14, Hl));
   }
-}), Je = /* @__PURE__ */ Q(Nl, [["__scopeId", "data-v-3b5365a4"]]), Kl = {
+}), Ye = /* @__PURE__ */ Q(Nl, [["__scopeId", "data-v-3b5365a4"]]), Kl = {
   key: 0,
   class: "ck-input__optional-label"
 }, Wl = ["type", "autocomplete", "readonly", "placeholder", "disabled", "tabindex"], Zl = {
@@ -821,7 +821,7 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
   setup(e, { expose: o, emit: t }) {
     const n = ["date", "datetime-local"], a = he(e, "modelValue"), i = e, l = t;
     o({ focus: te, select: oe });
-    const { cleekOptions: u } = fe(de()), { windowWidth: p } = Pe(), v = I(), f = I(""), c = I(!1), h = I(!1), b = I(!1), d = s(() => c.value ? "text" : i.plusMinusButtons ? "number" : i.type), m = s(() => typeof i.decimals < "u" ? i.decimals === 0 : i.justInteger || i.plusMinusButtons), y = s(() => i.labelAlign ? i.labelAlign : i.align ? i.align : i.plusMinusButtons ? Tt : "left"), P = s(() => !!i.iconRight && i.type !== "password"), D = s(() => {
+    const { cleekOptions: u } = ve(de()), { windowWidth: p } = Pe(), v = I(), f = I(""), c = I(!1), h = I(!1), b = I(!1), d = s(() => c.value ? "text" : i.plusMinusButtons ? "number" : i.type), m = s(() => typeof i.decimals < "u" ? i.decimals === 0 : i.justInteger || i.plusMinusButtons), y = s(() => i.labelAlign ? i.labelAlign : i.align ? i.align : i.plusMinusButtons ? Tt : "left"), P = s(() => !!i.iconRight && i.type !== "password"), D = s(() => {
       if (i.iconColor) return i.iconColor;
       if (!i.rightIconIsButton)
         return "lightgrey";
@@ -856,11 +856,11 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
       let $ = i.textColor || u.value.popup.textColor;
       return u.value.darkMode && ($ = u.value.darkModeColorText), $ && !M.isColorTemplateVariable($) && (B.push(`ck-component__color--${$}`), B.push({ color: $ })), B;
     });
-    let re = !1;
-    pe(
+    let ce = !1;
+    fe(
       () => a.value,
       (B) => {
-        re && d.value === "number" && Number(f.value || 0) === Number(B) || (re = !0, ke(B));
+        ce && d.value === "number" && Number(f.value || 0) === Number(B) || (ce = !0, ke(B));
       },
       { immediate: !0 }
     );
@@ -877,7 +877,7 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
         a.value === B && l("inputDelayed", B);
       }, i.delayChangeTime);
     }
-    function ve(B) {
+    function me(B) {
       l("change", B), setTimeout(() => {
         a.value === B && l("changeDelayed", B);
       }, i.delayChangeTime);
@@ -901,21 +901,21 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
       return B === void 0 || B === `${f.value ?? ""}` ? !1 : (ke(Me(B)), !0);
     }
     function be() {
-      X(), ve(a.value);
+      X(), me(a.value);
     }
-    function me(B) {
+    function ge(B) {
       b.value = !0, l("focus", B), i.preventAutocomplete && (h.value = !0), d.value === "number" && !f.value && (f.value = "");
     }
     function Ce(B) {
-      b.value = !1, X() && ve(a.value), l("blur", B);
+      b.value = !1, X() && me(a.value), l("blur", B);
     }
     function Qe() {
       const B = ke(+f.value - 1);
-      ne(B), ve(B);
+      ne(B), me(B);
     }
     function xe() {
       const B = ke(+f.value + 1);
-      ne(B), ve(B);
+      ne(B), me(B);
     }
     function Ve(B) {
       if (B === null) return B;
@@ -945,12 +945,12 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
       i.autofocus && (te(), E(null));
     }), (B, T) => {
       var $;
-      const ee = it("tooltip");
+      const ee = Xe("tooltip");
       return r(), k("div", {
         class: V(["ck-input", `ck-input--size-${e.size}`]),
         style: U(j.value)
       }, [
-        e.label ? (r(), S(Je, {
+        e.label ? (r(), S(Ye, {
           key: 0,
           for: "ck-input",
           size: e.size,
@@ -972,12 +972,12 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
             class: V(["ck-input__stepper-btn", { "--small": e.size === "s" }]),
             onClick: T[0] || (T[0] = (se) => Qe())
           }, [
-            F(_, {
+            F(Y, {
               icon: "minus",
               size: "xs"
             })
           ], 2)) : w("", !0),
-          e.icon ? (r(), S(_, {
+          e.icon ? (r(), S(Y, {
             key: 1,
             class: "ck-input__icon-left",
             color: e.iconColor ? e.iconColor : "lightgrey",
@@ -985,7 +985,7 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
             "icon-pack": e.iconPack,
             size: "s"
           }, null, 8, ["color", "icon", "icon-pack"])) : w("", !0),
-          ge(C("input", {
+          pe(C("input", {
             ref_key: "inputRef",
             ref: v,
             "onUpdate:modelValue": T[1] || (T[1] = (se) => f.value = se),
@@ -1000,7 +1000,7 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
             onClick: T[2] || (T[2] = (se) => E(se)),
             onInput: T[3] || (T[3] = (se) => O()),
             onChange: T[4] || (T[4] = (se) => be()),
-            onFocus: T[5] || (T[5] = (se) => me(se)),
+            onFocus: T[5] || (T[5] = (se) => ge(se)),
             onBlur: T[6] || (T[6] = (se) => Ce(se))
           }, null, 46, Wl), [
             [io, f.value]
@@ -1010,11 +1010,11 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
             class: V(["show-password", e.layout || (($ = Ie(u)) == null ? void 0 : $.styles.layout)]),
             onClick: T[7] || (T[7] = (se) => c.value = !c.value)
           }, [
-            F(_, {
+            F(Y, {
               icon: c.value ? "eye-slash" : "eye"
             }, null, 8, ["icon"])
           ], 2)) : w("", !0),
-          P.value ? ge((r(), S(_, {
+          P.value ? pe((r(), S(Y, {
             key: 3,
             class: V(["ck-input__icon-right", { "--button": e.rightIconIsButton }]),
             color: D.value,
@@ -1040,7 +1040,7 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
             class: V(["ck-input__stepper-btn --primary", { "--small": e.size === "s" }]),
             onClick: T[9] || (T[9] = (se) => xe())
           }, [
-            F(_, {
+            F(Y, {
               icon: "plus",
               size: "xs"
             })
@@ -1049,7 +1049,7 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
       ], 6);
     };
   }
-}), Jt = /* @__PURE__ */ Q(jl, [["__scopeId", "data-v-b8f15ea7"]]), Ul = { class: "ck-table__header-items__start" }, ql = { class: "ck-table__header-items__end" }, Gl = /* @__PURE__ */ H({
+}), Jt = /* @__PURE__ */ Q(jl, [["__scopeId", "data-v-05b6525e"]]), Ul = { class: "ck-table__header-items__start" }, ql = { class: "ck-table__header-items__end" }, Gl = /* @__PURE__ */ H({
   __name: "ck-table__header-items",
   props: /* @__PURE__ */ le({
     hideRefreshBtn: { type: Boolean },
@@ -1146,7 +1146,7 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
       }
       return b;
     }), v = s(() => u.value[0] ?? t.currentPage), f = s(() => p.value.length ? p.value[p.value.length - 1] : t.currentPage);
-    pe(() => a.value, () => n("refreshList"));
+    fe(() => a.value, () => n("refreshList"));
     function c() {
       l.value && (a.value = t.currentPage + 1);
     }
@@ -1158,27 +1158,27 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
         class: V(["ck-table__pagination-arrow", { disabled: !i.value }]),
         onClick: d[0] || (d[0] = (m) => h())
       }, [
-        F(_, { icon: "angle-left" })
+        F(Y, { icon: "angle-left" })
       ], 2),
-      v.value > 1 ? (r(), k(Y, { key: 0 }, [
+      v.value > 1 ? (r(), k(_, { key: 0 }, [
         C("div", {
           class: "ck-table__pagination-page",
           onClick: d[1] || (d[1] = (m) => a.value = 1)
         }, "1"),
         v.value > 2 ? (r(), k("div", Yl, "…")) : w("", !0)
       ], 64)) : w("", !0),
-      (r(!0), k(Y, null, ie(u.value, (m) => (r(), k("div", {
+      (r(!0), k(_, null, ie(u.value, (m) => (r(), k("div", {
         key: m,
         class: "ck-table__pagination-page",
         onClick: (y) => a.value = m
       }, L(m), 9, _l))), 128)),
       C("div", $l, L(e.currentPage), 1),
-      (r(!0), k(Y, null, ie(p.value, (m) => (r(), k("div", {
+      (r(!0), k(_, null, ie(p.value, (m) => (r(), k("div", {
         key: m,
         class: "ck-table__pagination-page",
         onClick: (y) => a.value = m
       }, L(m), 9, en))), 128)),
-      f.value < e.totalPages ? (r(), k(Y, { key: 1 }, [
+      f.value < e.totalPages ? (r(), k(_, { key: 1 }, [
         f.value < e.totalPages - 1 ? (r(), k("div", tn, "…")) : w("", !0),
         C("div", {
           class: "ck-table__pagination-page",
@@ -1189,7 +1189,7 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
         class: V(["ck-table__pagination-arrow", { disabled: !l.value }]),
         onClick: d[3] || (d[3] = (m) => c())
       }, [
-        F(_, { icon: "angle-right" })
+        F(Y, { icon: "angle-right" })
       ], 2)
     ]));
   }
@@ -1233,13 +1233,13 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
     }
     return (h, b) => (r(), k("label", We(i.value, {
       class: ["ck-checkbox", l.value],
-      onKeydown: b[4] || (b[4] = De(ue(() => {
+      onKeydown: b[4] || (b[4] = De(re(() => {
       }, ["prevent"]), ["space"])),
       onKeyup: [
         b[5] || (b[5] = De((d) => c(), ["enter"])),
         b[6] || (b[6] = De((d) => c(), ["space"]))
       ],
-      onClick: b[7] || (b[7] = ue((d) => c(), ["prevent"]))
+      onClick: b[7] || (b[7] = re((d) => c(), ["prevent"]))
     }), [
       C("input", {
         class: V(["ck-checkbox--input", { "ck-checkbox--input__intermediate": t.value === null }]),
@@ -1248,20 +1248,20 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
         disabled: e.disabled,
         checked: t.value,
         onChange: b[0] || (b[0] = (d) => a("change", d)),
-        onClick: b[1] || (b[1] = ue(() => {
+        onClick: b[1] || (b[1] = re(() => {
         }, ["prevent"]))
       }, null, 42, nn),
       C("div", {
         class: V(["ck-checkbox--element", u.value]),
         style: U(p.value),
-        onClick: b[2] || (b[2] = ue(() => {
+        onClick: b[2] || (b[2] = re(() => {
         }, ["prevent"]))
       }, null, 6),
       e.label || h.$slots.default ? (r(), k("span", {
         key: 0,
         class: V(["ck-checkbox--label", v.value]),
         style: U(f.value),
-        onClick: b[3] || (b[3] = ue(() => {
+        onClick: b[3] || (b[3] = re(() => {
         }, ["prevent"]))
       }, [
         e.label ? (r(), k("span", {
@@ -1272,7 +1272,7 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
       ], 6)) : w("", !0)
     ], 16));
   }
-}), nt = /* @__PURE__ */ Q(rn, [["__scopeId", "data-v-175819f3"]]), cn = /* @__PURE__ */ H({
+}), at = /* @__PURE__ */ Q(rn, [["__scopeId", "data-v-175819f3"]]), cn = /* @__PURE__ */ H({
   __name: "ck-table__columns-manager-btn",
   props: {
     layout: {}
@@ -1347,7 +1347,7 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
           return [
             C("div", un, [
               (P = e.views) != null && P.length ? (r(), k("div", dn, [
-                (r(!0), k(Y, null, ie(e.views, (D) => (r(), k("button", {
+                (r(!0), k(_, null, ie(e.views, (D) => (r(), k("button", {
                   key: D.id,
                   class: V(["columns-manager__view-tab", { "columns-manager__view-tab--active": D.id === t.value }]),
                   type: "button",
@@ -1360,7 +1360,7 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
                 }, " + ")
               ])) : w("", !0),
               i.value ? (r(), k("div", fn, [
-                ge(C("input", {
+                pe(C("input", {
                   "onUpdate:modelValue": m[1] || (m[1] = (D) => l.value = D),
                   class: "columns-manager__new-view-input",
                   placeholder: "Nombre de la vista",
@@ -1380,13 +1380,13 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
               ])) : w("", !0),
               m[5] || (m[5] = C("div", { class: "columns-manager__label" }, "Columnas de la vista", -1)),
               C("div", vn, [
-                (r(!0), k(Y, null, ie(u.value, (D) => (r(), k("button", {
+                (r(!0), k(_, null, ie(u.value, (D) => (r(), k("button", {
                   key: D.name,
                   class: "columns-manager__item",
                   type: "button",
                   onClick: (j) => c(D)
                 }, [
-                  F(nt, {
+                  F(at, {
                     class: "columns-manager__item-checkbox",
                     preventAutoUpdate: "",
                     size: "s",
@@ -1395,7 +1395,7 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
                   C("span", null, L(D.title), 1)
                 ], 8, mn))), 128)),
                 p.value ? (r(), k("div", gn, [
-                  F(nt, {
+                  F(at, {
                     class: "columns-manager__item-checkbox",
                     preventAutoUpdate: "",
                     disabled: "",
@@ -1435,7 +1435,7 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
       align: "left"
     }, {
       trigger: R(() => [
-        F(nt, {
+        F(at, {
           class: "select-dropdown__checkbox",
           preventAutoUpdate: "",
           size: "xs",
@@ -1482,7 +1482,7 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
     noResultsText: {}
   },
   setup(e) {
-    const o = e, { cleekOptions: t } = fe(de()), n = s(() => o.noResultsText ? o.noResultsText : t.value.lang === "es" ? "No se encontraron resultados" : "No results found");
+    const o = e, { cleekOptions: t } = ve(de()), n = s(() => o.noResultsText ? o.noResultsText : t.value.lang === "es" ? "No se encontraron resultados" : "No results found");
     return (a, i) => {
       const l = q("ck-td"), u = q("ck-tr");
       return r(), S(u, null, {
@@ -1506,7 +1506,7 @@ const zl = 3e4, mt = "transparent", El = "outlined", Vt = "primary", Ol = "left"
 function Vn(e) {
   const o = I(!1);
   let t = null, n = null, a = 0;
-  return pe(e, (i) => {
+  return fe(e, (i) => {
     if (i) {
       if (n && (clearTimeout(n), n = null), o.value || t) return;
       t = setTimeout(() => {
@@ -1598,7 +1598,7 @@ const Tn = { class: "ck-table" }, Sn = {
   }),
   emits: /* @__PURE__ */ le(["refreshList", "update:search", "update:currentPage", "selectAllList", "createColumnView", "columnViewColumnsChanged"], ["update:selectedRows", "update:expandedRows", "update:sort", "update:selectedColumnViewId"]),
   setup(e, { emit: o }) {
-    const t = he(e, "selectedRows"), n = he(e, "expandedRows"), a = he(e, "sort"), i = he(e, "selectedColumnViewId"), l = e, u = o, p = so(), { cleekOptions: v } = fe(de()), { windowWidth: f } = Pe(), c = s(() => !!t.value), h = s(() => typeof l.darkMode < "u" ? l.darkMode : v.value.darkMode), b = s(() => Math.ceil(l.listLength / l.itemsPerPage)), d = s(() => l.version ? l.version : v.value ? v.value.table.version : "default"), m = s(() => {
+    const t = he(e, "selectedRows"), n = he(e, "expandedRows"), a = he(e, "sort"), i = he(e, "selectedColumnViewId"), l = e, u = o, p = so(), { cleekOptions: v } = ve(de()), { windowWidth: f } = Pe(), c = s(() => !!t.value), h = s(() => typeof l.darkMode < "u" ? l.darkMode : v.value.darkMode), b = s(() => Math.ceil(l.listLength / l.itemsPerPage)), d = s(() => l.version ? l.version : v.value ? v.value.table.version : "default"), m = s(() => {
       if (l.headerTextColor) return l.headerTextColor;
       if (v.value) {
         if (v.value.table.headerTextColor)
@@ -1612,8 +1612,8 @@ const Tn = { class: "ck-table" }, Sn = {
       if (D.value) {
         const x = Object.values(l.columns || []), Z = Object.keys(l.columns || []);
         return x.forEach((K, ae) => {
-          const ce = Z[ae];
-          K.name = ce;
+          const ue = Z[ae];
+          K.name = ue;
         }), x;
       }
       const g = [];
@@ -1635,23 +1635,23 @@ const Tn = { class: "ck-table" }, Sn = {
       set(g) {
         u("update:currentPage", g);
       }
-    }), re = s(() => l.layout || v.value.styles.layout), te = s(() => f.value <= (+l.mobileMaxWidth || 0)), { isDisplayingLoading: oe } = Vn(() => l.isLoading), ne = I(!1);
-    pe(() => l.isLoading, (g, x) => {
+    }), ce = s(() => l.layout || v.value.styles.layout), te = s(() => f.value <= (+l.mobileMaxWidth || 0)), { isDisplayingLoading: oe } = Vn(() => l.isLoading), ne = I(!1);
+    fe(() => l.isLoading, (g, x) => {
       x && !g && (ne.value = !0);
-    }), pe(() => {
+    }), fe(() => {
       var g;
       return (g = l.rows) == null ? void 0 : g.length;
     }, (g) => {
       g && (ne.value = !0);
     }, { immediate: !0 });
-    const ve = s(() => typeof l.isLoading > "u" ? !1 : l.rows ? l.rows.length ? !1 : ne.value ? oe.value : !0 : ne.value || l.listLength ? !1 : !!l.isLoading), E = s(() => {
+    const me = s(() => typeof l.isLoading > "u" ? !1 : l.rows ? l.rows.length ? !1 : ne.value ? oe.value : !0 : ne.value || l.listLength ? !1 : !!l.isLoading), E = s(() => {
       var g;
-      return ve.value || (g = l.rows) != null && g.length || typeof l.listLength > "u" || l.listLength ? !1 : typeof l.isLoading > "u" ? !0 : l.rows ? ne.value : !l.isLoading;
+      return me.value || (g = l.rows) != null && g.length || typeof l.listLength > "u" || l.listLength ? !1 : typeof l.isLoading > "u" ? !0 : l.rows ? ne.value : !l.isLoading;
     }), O = s(() => oe.value ? l.rows ? !!l.rows.length : ne.value : !1), X = s(() => Math.min(l.itemsPerPage || 8, 8));
     function be(g, x) {
       return `${55 + (g * 7 + x * 13) % 35}%`;
     }
-    function me(g = !1) {
+    function ge(g = !1) {
       u("refreshList", g);
     }
     function Ce(g) {
@@ -1659,7 +1659,7 @@ const Tn = { class: "ck-table" }, Sn = {
       return !g.sortKey || ((x = a.value) == null ? void 0 : x.key) !== g.sortKey ? null : a.value.direction;
     }
     function Qe(g) {
-      g.sortKey && (a.value = xe(g.sortKey), me());
+      g.sortKey && (a.value = xe(g.sortKey), ge());
     }
     function xe(g) {
       var x;
@@ -1695,7 +1695,7 @@ const Tn = { class: "ck-table" }, Sn = {
     function je(g, x) {
       return n.value.includes(Ee(g, x));
     }
-    function Ye(g, x) {
+    function _e(g, x) {
       if (!ze(g)) return;
       const Z = Ee(g, x);
       if (je(g, x)) {
@@ -1709,8 +1709,8 @@ const Tn = { class: "ck-table" }, Sn = {
       n.value = [...n.value, Z];
     }
     return (g, x) => {
-      var Oe, ct, ut, _e;
-      const Z = q("ck-chip"), K = q("ck-th"), ae = q("ck-checkbox"), ce = q("ck-skeleton");
+      var Oe, ct, ut, $e;
+      const Z = q("ck-chip"), K = q("ck-th"), ae = q("ck-checkbox"), ue = q("ck-skeleton");
       return r(), k("div", Tn, [
         g.$slots.header || !e.hideHeaderActions ? (r(), k("div", Sn, [
           F(Xl, {
@@ -1719,10 +1719,10 @@ const Tn = { class: "ck-table" }, Sn = {
             "hide-header-actions": e.hideHeaderActions,
             "hide-refresh-btn": e.hideRefreshBtn,
             "search-placeholder": e.searchPlaceholder,
-            layout: re.value,
+            layout: ce.value,
             version: d.value,
             "is-loading": e.isLoading,
-            onRefreshList: x[1] || (x[1] = (W) => me(W))
+            onRefreshList: x[1] || (x[1] = (W) => ge(W))
           }, {
             headerActionsLeft: R(() => [
               N(g.$slots, "headerActionsLeft", {}, void 0, !0)
@@ -1786,7 +1786,7 @@ const Tn = { class: "ck-table" }, Sn = {
           C("table", {
             class: V(["ck-table__table", Ve.value])
           }, [
-            !e.hideColumnsHeader && !((_e = (ut = t.value) == null ? void 0 : ut.ids) != null && _e.size) ? (r(), k("thead", Hn, [
+            !e.hideColumnsHeader && !(($e = (ut = t.value) == null ? void 0 : ut.ids) != null && $e.size) ? (r(), k("thead", Hn, [
               C("tr", null, [
                 c.value ? (r(), k("th", Fn, [
                   F(It, {
@@ -1802,12 +1802,13 @@ const Tn = { class: "ck-table" }, Sn = {
                     onDeselectAll: x[9] || (x[9] = (W) => t.value.removeAll())
                   }, null, 8, ["page-selection-state", "page-count", "selected-count", "list-length", "is-selection-filtered", "items-label"])
                 ])) : w("", !0),
-                (r(!0), k(Y, null, ie(A.value, (W, we) => (r(), S(K, {
+                (r(!0), k(_, null, ie(A.value, (W, we) => (r(), S(K, {
                   align: W.align,
                   "min-width": W.minWidth,
                   "text-color": m.value,
                   "background-color": y.value,
                   "is-sortable": !!W.sortKey,
+                  tooltip: W.tooltip,
                   "sort-direction": Ce(W),
                   onSortClick: (Te) => Qe(W)
                 }, {
@@ -1830,7 +1831,7 @@ const Tn = { class: "ck-table" }, Sn = {
                     ], 4)) : w("", !0)
                   ]),
                   _: 2
-                }, 1032, ["align", "min-width", "text-color", "background-color", "is-sortable", "sort-direction", "onSortClick"]))), 256))
+                }, 1032, ["align", "min-width", "text-color", "background-color", "is-sortable", "tooltip", "sort-direction", "onSortClick"]))), 256))
               ])
             ])) : w("", !0),
             C("tbody", {
@@ -1838,7 +1839,7 @@ const Tn = { class: "ck-table" }, Sn = {
             }, [
               N(g.$slots, "default", {}, void 0, !0),
               N(g.$slots, "desktop", {}, void 0, !0),
-              (r(!0), k(Y, null, ie(e.rows, (W, we) => {
+              (r(!0), k(_, null, ie(e.rows, (W, we) => {
                 var Te;
                 return r(), S(bl, {
                   key: Ee(W, we),
@@ -1847,7 +1848,7 @@ const Tn = { class: "ck-table" }, Sn = {
                   "is-expanded": je(W, we),
                   "columns-count": se.value,
                   "row-class": (Te = e.rowClassFn) == null ? void 0 : Te.call(e, W, we),
-                  onToggleExpansion: (dt) => Ye(W, we)
+                  onToggleExpansion: (dt) => _e(W, we)
                 }, ro({
                   default: R(() => [
                     c.value ? (r(), S(qt, {
@@ -1869,7 +1870,7 @@ const Tn = { class: "ck-table" }, Sn = {
                       rowIndex: we,
                       isExpandable: ze(W),
                       isExpanded: je(W, we),
-                      toggleExpansion: () => Ye(W, we)
+                      toggleExpansion: () => _e(W, we)
                     }, void 0, !0)
                   ]),
                   _: 2
@@ -1886,12 +1887,12 @@ const Tn = { class: "ck-table" }, Sn = {
                   } : void 0
                 ]), 1032, ["is-selected", "is-expandable", "is-expanded", "columns-count", "row-class", "onToggleExpansion"]);
               }), 128)),
-              ve.value ? (r(!0), k(Y, { key: 0 }, ie(X.value, (W) => (r(), k("tr", {
+              me.value ? (r(!0), k(_, { key: 0 }, ie(X.value, (W) => (r(), k("tr", {
                 key: W,
                 class: "ck-table__skeleton-row"
               }, [
-                (r(!0), k(Y, null, ie(se.value, (we) => (r(), k("td", { key: we }, [
-                  F(ce, {
+                (r(!0), k(_, null, ie(se.value, (we) => (r(), k("td", { key: we }, [
+                  F(ue, {
                     height: "0.9rem",
                     width: be(W, we)
                   }, null, 8, ["width"])
@@ -1912,15 +1913,15 @@ const Tn = { class: "ck-table" }, Sn = {
           class: V(["ck-table--mobile-container", { "ck-table__body--refreshing": O.value }])
         }, [
           N(g.$slots, "mobile", {}, void 0, !0),
-          ve.value ? (r(!0), k(Y, { key: 0 }, ie(X.value, (W) => (r(), k("div", {
+          me.value ? (r(!0), k(_, { key: 0 }, ie(X.value, (W) => (r(), k("div", {
             key: W,
             class: "ck-table__skeleton-card"
           }, [
-            F(ce, {
+            F(ue, {
               height: "0.9rem",
               width: be(W, 0)
             }, null, 8, ["width"]),
-            F(ce, {
+            F(ue, {
               height: "0.9rem",
               width: be(W, 1)
             }, null, 8, ["width"])
@@ -1943,13 +1944,13 @@ const Tn = { class: "ck-table" }, Sn = {
             "onUpdate:currentPage": x[13] || (x[13] = (W) => G.value = W),
             "total-pages": b.value,
             "list-length": e.listLength,
-            onRefreshList: x[14] || (x[14] = (W) => me(!0))
+            onRefreshList: x[14] || (x[14] = (W) => ge(!0))
           }, null, 8, ["current-page", "total-pages", "list-length"])) : w("", !0)
         ])) : w("", !0)
       ]);
     };
   }
-}), Zn = /* @__PURE__ */ Q(Wn, [["__scopeId", "data-v-02311c04"]]), Qn = /* @__PURE__ */ H({
+}), Zn = /* @__PURE__ */ Q(Wn, [["__scopeId", "data-v-c5e20d31"]]), Qn = /* @__PURE__ */ H({
   __name: "ck-pagination",
   props: {
     modelValue: {},
@@ -1964,7 +1965,7 @@ const Tn = { class: "ck-table" }, Sn = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { cleekOptions: a } = fe(de()), i = s({
+    const t = e, n = o, { cleekOptions: a } = ve(de()), i = s({
       get() {
         return t.modelValue;
       },
@@ -2104,7 +2105,7 @@ const Tn = { class: "ck-table" }, Sn = {
         type: "button",
         class: V(["ck-table-expand-btn", i.value]),
         "aria-expanded": a.value,
-        onClick: p[0] || (p[0] = ue((f) => l(), ["stop"]))
+        onClick: p[0] || (p[0] = re((f) => l(), ["stop"]))
       }, [
         e.label || u.$slots.default ? (r(), k("span", Un, [
           N(u.$slots, "default", {}, () => [
@@ -2126,7 +2127,8 @@ const Tn = { class: "ck-table" }, Sn = {
     textColor: {},
     backgroundColor: {},
     isSortable: { type: Boolean },
-    sortDirection: {}
+    sortDirection: {},
+    tooltip: {}
   },
   emits: ["sortClick"],
   setup(e, { emit: o }) {
@@ -2137,33 +2139,45 @@ const Tn = { class: "ck-table" }, Sn = {
       const u = [];
       return t.minWidth && u.push({ "min-width": t.minWidth }), t.textColor && !M.isColorTemplateVariable(t.textColor) && u.push({ color: t.textColor || "white" }), t.backgroundColor && !M.isColorTemplateVariable(t.backgroundColor) && u.push({ backgroundColor: t.backgroundColor }), u;
     });
-    return (u, p) => (r(), k("th", {
-      class: V(["ck-th", { "ck-th--sortable": e.isSortable }]),
-      onClick: p[0] || (p[0] = (v) => e.isSortable && n("sortClick"))
-    }, [
-      C("span", {
-        class: V(i.value),
-        style: U(l.value)
+    return (u, p) => {
+      const v = Xe("tooltip");
+      return r(), k("th", {
+        class: V(["ck-th", { "ck-th--sortable": e.isSortable }]),
+        onClick: p[1] || (p[1] = (f) => e.isSortable && n("sortClick"))
       }, [
-        N(u.$slots, "default", {}, void 0, !0),
-        e.isSortable ? (r(), k("span", {
-          key: 0,
-          class: V(["ck-th__sort-icon", { "ck-th__sort-icon--active": !!e.sortDirection }])
+        C("span", {
+          class: V(i.value),
+          style: U(l.value)
         }, [
-          F(_, {
-            class: "ck-th__sort-icon__pair",
-            icon: "sort"
-          }),
-          e.sortDirection ? (r(), S(_, {
+          N(u.$slots, "default", {}, void 0, !0),
+          e.tooltip ? pe((r(), S(Y, {
             key: 0,
-            class: "ck-th__sort-icon__direction",
-            icon: a.value
-          }, null, 8, ["icon"])) : w("", !0)
-        ], 2)) : w("", !0)
-      ], 6)
-    ], 2));
+            class: "ck-th__tooltip-icon",
+            icon: "circle-info",
+            onClick: p[0] || (p[0] = re(() => {
+            }, ["stop"]))
+          }, null, 512)), [
+            [v, e.tooltip]
+          ]) : w("", !0),
+          e.isSortable ? (r(), k("span", {
+            key: 1,
+            class: V(["ck-th__sort-icon", { "ck-th__sort-icon--active": !!e.sortDirection }])
+          }, [
+            F(Y, {
+              class: "ck-th__sort-icon__pair",
+              icon: "sort"
+            }),
+            e.sortDirection ? (r(), S(Y, {
+              key: 0,
+              class: "ck-th__sort-icon__direction",
+              icon: a.value
+            }, null, 8, ["icon"])) : w("", !0)
+          ], 2)) : w("", !0)
+        ], 6)
+      ], 2);
+    };
   }
-}), $n = /* @__PURE__ */ Q(_n, [["__scopeId", "data-v-ec6e8d30"]]);
+}), $n = /* @__PURE__ */ Q(_n, [["__scopeId", "data-v-3e49dc8b"]]);
 (function() {
   try {
     if (typeof document < "u") {
@@ -2256,14 +2270,14 @@ function pa(e, o, t, n, a, i) {
   return r(), k("div", {
     class: V(["v3dp__popout", `v3dp__popout-${e.viewMode}`]),
     style: U({ "--popout-column-definition": `repeat(${e.columnCount}, 1fr)` }),
-    onMousedown: o[3] || (o[3] = ue(() => {
+    onMousedown: o[3] || (o[3] = re(() => {
     }, ["prevent"]))
   }, [
     C("div", oa, [
       C("button", {
         class: "v3dp__heading__button v3dp__heading__button__left",
         disabled: e.leftDisabled,
-        onClick: o[0] || (o[0] = ue((l) => e.$emit("left"), ["stop", "prevent"]))
+        onClick: o[0] || (o[0] = re((l) => e.$emit("left"), ["stop", "prevent"]))
       }, [
         N(e.$slots, "arrow-left", {}, () => [
           na
@@ -2271,7 +2285,7 @@ function pa(e, o, t, n, a, i) {
       ], 8, la),
       (r(), S(Ht(e.headingClickable ? "button" : "span"), {
         class: "v3dp__heading__center",
-        onClick: o[1] || (o[1] = ue((l) => e.$emit("heading"), ["stop", "prevent"]))
+        onClick: o[1] || (o[1] = re((l) => e.$emit("heading"), ["stop", "prevent"]))
       }, {
         default: R(() => [
           N(e.$slots, "heading", {}, void 0, !0)
@@ -2281,7 +2295,7 @@ function pa(e, o, t, n, a, i) {
       C("button", {
         class: "v3dp__heading__button v3dp__heading__button__right",
         disabled: e.rightDisabled,
-        onClick: o[2] || (o[2] = ue((l) => e.$emit("right"), ["stop", "prevent"]))
+        onClick: o[2] || (o[2] = re((l) => e.$emit("right"), ["stop", "prevent"]))
       }, [
         N(e.$slots, "arrow-right", {}, () => [
           ia
@@ -2289,7 +2303,7 @@ function pa(e, o, t, n, a, i) {
       ], 8, aa)
     ]),
     C("div", sa, [
-      "subheading" in e.$slots ? (r(), k(Y, { key: 0 }, [
+      "subheading" in e.$slots ? (r(), k(_, { key: 0 }, [
         C("div", ra, [
           N(e.$slots, "subheading", {}, void 0, !0)
         ]),
@@ -2297,7 +2311,7 @@ function pa(e, o, t, n, a, i) {
       ], 64)) : w("", !0),
       C("div", ua, [
         N(e.$slots, "body", {}, () => [
-          (r(!0), k(Y, null, ie(e.items, (l) => (r(), k("button", {
+          (r(!0), k(_, null, ie(e.items, (l) => (r(), k("button", {
             key: l.key,
             disabled: l.disabled,
             class: V([
@@ -2307,7 +2321,7 @@ function pa(e, o, t, n, a, i) {
               },
               `v3dp__element__button__${e.viewMode}`
             ]),
-            onClick: ue((u) => e.$emit("elementClick", l.value), ["stop", "prevent"])
+            onClick: re((u) => e.$emit("elementClick", l.value), ["stop", "prevent"])
           }, [
             C("span", null, L(l.display), 1)
           ], 10, da))), 128))
@@ -2360,9 +2374,9 @@ const rt = /* @__PURE__ */ Ze(ta, [["render", pa], ["__scopeId", "data-v-65eb861
       const v = Le(t.value), f = Le(n.value);
       return `${v} - ${f}`;
     }), u = s(
-      () => e.lowerLimit && ($e(e.lowerLimit) === $e(e.pageDate) || qe(e.pageDate, e.lowerLimit))
+      () => e.lowerLimit && (et(e.lowerLimit) === et(e.pageDate) || qe(e.pageDate, e.lowerLimit))
     ), p = s(
-      () => e.upperLimit && ($e(e.upperLimit) === $e(e.pageDate) || Ge(e.pageDate, e.upperLimit))
+      () => e.upperLimit && (et(e.upperLimit) === et(e.pageDate) || Ge(e.pageDate, e.upperLimit))
     );
     return {
       years: i,
@@ -2433,7 +2447,7 @@ const ma = /* @__PURE__ */ Ze(fa, [["render", va]]), ga = H({
   },
   setup(e, { emit: o }) {
     const t = s(() => Co(e.pageDate)), n = s(() => xo(e.pageDate)), a = s(
-      () => (f) => ot(f, e.format, {
+      () => (f) => lt(f, e.format, {
         locale: e.locale
       })
     ), i = (f, c, h) => !c && !h ? !0 : !(c && qe(f, Kt(c)) || h && Ge(f, Wt(h))), l = s(
@@ -2547,7 +2561,7 @@ const ka = /* @__PURE__ */ Ze(ga, [["render", ha]]), ba = H({
   },
   setup(e, { emit: o }) {
     const t = s(
-      () => (b) => (d) => ot(d, b, {
+      () => (b) => (d) => lt(d, b, {
         locale: e.locale,
         weekStartsOn: e.weekStartsOn
       })
@@ -2623,7 +2637,7 @@ function ya(e, o, t, n, a, i) {
       J(L(e.heading), 1)
     ]),
     subheading: R(() => [
-      (r(!0), k(Y, null, ie(e.weekDays, (u, p) => (r(), k("span", {
+      (r(!0), k(_, null, ie(e.weekDays, (u, p) => (r(), k("span", {
         key: u,
         class: V(`v3dp__subheading__weekday__${p}`)
       }, L(u), 3))), 128))
@@ -2670,7 +2684,7 @@ const Ca = H({
   },
   setup(e, { emit: o }) {
     const t = I(null), n = I(null), a = s(() => e.pageDate ?? e.selected), i = I(a.value.getHours()), l = I(a.value.getMinutes());
-    pe(
+    fe(
       () => e.selected,
       (c) => {
         let h = 0, b = 0;
@@ -2717,7 +2731,7 @@ const Ca = H({
       );
       c && h && (zt(t.value, c.ref.value), zt(n.value, h.ref.value));
     };
-    return pe(
+    return fe(
       () => e.visible,
       (c) => {
         c && Rt(f);
@@ -2762,25 +2776,25 @@ function Da(e, o, t, n, a, i) {
     ]),
     body: R(() => [
       C("div", xa, [
-        (r(!0), k(Y, null, ie(e.hoursList, (u) => (r(), k("button", {
+        (r(!0), k(_, null, ie(e.hoursList, (u) => (r(), k("button", {
           key: u.value,
           ref_for: !0,
           ref: u.ref,
           class: V([{ selected: u.selected }, "v3dp__element_button__hour"]),
           disabled: !e.isEnabled(u.date),
-          onClick: ue((p) => e.hours = u.value, ["stop", "prevent"])
+          onClick: re((p) => e.hours = u.value, ["stop", "prevent"])
         }, [
           C("span", null, L(e.padStartZero(u.value)), 1)
         ], 10, Aa))), 128))
       ], 512),
       C("div", Ba, [
-        (r(!0), k(Y, null, ie(e.minutesList, (u) => (r(), k("button", {
+        (r(!0), k(_, null, ie(e.minutesList, (u) => (r(), k("button", {
           key: u.value,
           ref_for: !0,
           ref: u.ref,
           class: V([{ selected: u.selected }, "v3dp__element_button__minute"]),
           disabled: !e.isEnabled(u.date),
-          onClick: ue((p) => e.selectMinutes(u), ["stop", "prevent"])
+          onClick: re((p) => e.selectMinutes(u), ["stop", "prevent"])
         }, [
           C("span", null, L(e.padStartZero(u.value)), 1)
         ], 10, La))), 128))
@@ -2789,7 +2803,7 @@ function Da(e, o, t, n, a, i) {
     _: 1
   });
 }
-const Pa = /* @__PURE__ */ Ze(Ca, [["render", Da], ["__scopeId", "data-v-81ac698d"]]), et = ["time", "day", "month", "year"], Va = (e, o, t = void 0) => {
+const Pa = /* @__PURE__ */ Ze(Ca, [["render", Da], ["__scopeId", "data-v-81ac698d"]]), tt = ["time", "day", "month", "year"], Va = (e, o, t = void 0) => {
   let n = t || /* @__PURE__ */ new Date();
   return e && (n = Oo([e, n])), o && (n = Ro([o, n])), n;
 }, Ta = H({
@@ -2852,7 +2866,7 @@ const Pa = /* @__PURE__ */ Ze(Ca, [["render", Da], ["__scopeId", "data-v-81ac698
       type: String,
       required: !1,
       default: "day",
-      validate: (e) => typeof e == "string" && et.includes(e)
+      validate: (e) => typeof e == "string" && tt.includes(e)
     },
     /**
      * Date which should be the "center" of the initial view.
@@ -2956,7 +2970,7 @@ const Pa = /* @__PURE__ */ Ze(Ca, [["render", Da], ["__scopeId", "data-v-81ac698
       type: String,
       required: !1,
       default: "day",
-      validate: (e) => typeof e == "string" && et.includes(e)
+      validate: (e) => typeof e == "string" && tt.includes(e)
     }
   },
   emits: {
@@ -2975,7 +2989,7 @@ const Pa = /* @__PURE__ */ Ze(Ca, [["render", Da], ["__scopeId", "data-v-81ac698
       });
       Ae(A) && (a.value = A);
     }), pt(
-      () => u.value = e.modelValue && Ae(e.modelValue) ? ot(e.modelValue, e.inputFormat, {
+      () => u.value = e.modelValue && Ae(e.modelValue) ? lt(e.modelValue, e.inputFormat, {
         locale: e.locale
       }) : ""
     );
@@ -3013,10 +3027,10 @@ const Pa = /* @__PURE__ */ Ze(Ca, [["render", Da], ["__scopeId", "data-v-81ac698
           /* @__PURE__ */ new Date(),
           { locale: e.locale }
         );
-        Ae(G) && u.value === ot(G, e.inputFormat, { locale: e.locale }) && (u.value = i.value.value, o("update:modelValue", G));
+        Ae(G) && u.value === lt(G, e.inputFormat, { locale: e.locale }) && (u.value = i.value.value, o("update:modelValue", G));
       }
     }, j = s(() => {
-      const A = et.indexOf(e.startingView), z = et.indexOf(e.minimumView);
+      const A = tt.indexOf(e.startingView), z = tt.indexOf(e.minimumView);
       return A < z ? e.minimumView : e.startingView;
     });
     return {
@@ -3051,7 +3065,7 @@ function za(e, o, t, n, a, i) {
     style: U(e.variables(e.$attrs.style))
   }, [
     C("div", Sa, [
-      ge(C("input", We({
+      pe(C("input", We({
         type: "text",
         ref: "inputRef",
         readonly: !e.typeable,
@@ -3067,7 +3081,7 @@ function za(e, o, t, n, a, i) {
       }), null, 16, Ia), [
         [st, e.input]
       ]),
-      ge(C("div", Ma, [
+      pe(C("div", Ma, [
         N(e.$slots, "clear", { onClear: e.clearModelValue }, () => [
           C("i", {
             onClick: o[5] || (o[5] = (f) => e.clearModelValue())
@@ -3077,7 +3091,7 @@ function za(e, o, t, n, a, i) {
         [Ue, e.clearable && e.modelValue]
       ])
     ]),
-    ge(F(l, {
+    pe(F(l, {
       pageDate: e.pageDate,
       "onUpdate:pageDate": o[6] || (o[6] = (f) => e.updatePageDate("year", f)),
       selected: e.modelValue,
@@ -3087,7 +3101,7 @@ function za(e, o, t, n, a, i) {
     }, null, 8, ["pageDate", "selected", "lowerLimit", "upperLimit", "onSelect"]), [
       [Ue, e.viewShown === "year"]
     ]),
-    ge(F(u, {
+    pe(F(u, {
       pageDate: e.pageDate,
       "onUpdate:pageDate": o[7] || (o[7] = (f) => e.updatePageDate("month", f)),
       selected: e.modelValue,
@@ -3100,7 +3114,7 @@ function za(e, o, t, n, a, i) {
     }, null, 8, ["pageDate", "selected", "onSelect", "lowerLimit", "upperLimit", "format", "locale"]), [
       [Ue, e.viewShown === "month"]
     ]),
-    ge(F(p, {
+    pe(F(p, {
       pageDate: e.pageDate,
       "onUpdate:pageDate": o[9] || (o[9] = (f) => e.updatePageDate("day", f)),
       selected: e.modelValue,
@@ -3118,7 +3132,7 @@ function za(e, o, t, n, a, i) {
     }, null, 8, ["pageDate", "selected", "weekStartsOn", "lowerLimit", "upperLimit", "headingFormat", "disabledDates", "locale", "weekdayFormat", "allow-outside-interval", "format", "onSelect"]), [
       [Ue, e.viewShown === "day"]
     ]),
-    ge(F(v, {
+    pe(F(v, {
       pageDate: e.pageDate,
       visible: e.viewShown === "time",
       selected: e.modelValue,
@@ -3152,7 +3166,7 @@ const Ea = /* @__PURE__ */ Ze(Ta, [["render", za]]), Oa = ["id"], Ra = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { cleekOptions: a } = fe(de()), { windowWidth: i } = Pe(), l = I(), u = I(Math.floor(Math.random() * 1e3)), p = I(`ck-input-date-${u.value}`), v = s({
+    const t = e, n = o, { cleekOptions: a } = ve(de()), { windowWidth: i } = Pe(), l = I(), u = I(Math.floor(Math.random() * 1e3)), p = I(`ck-input-date-${u.value}`), v = s({
       get() {
         return h(t.modelValue);
       },
@@ -3167,7 +3181,7 @@ const Ea = /* @__PURE__ */ Ze(Ta, [["render", za]]), Oa = ["id"], Ra = {
       let z = "";
       return a.value.darkMode && (z = a.value.darkModeColorItems), z && !M.isColorTemplateVariable(z) && A.push({ backgroundColor: z }), A;
     });
-    pe(() => t.modelValue, (A) => {
+    fe(() => t.modelValue, (A) => {
       l.value && (l.value.style.display = "block", l.value.focus(), l.value.style.display = "none"), n("change", A);
     });
     function h(A) {
@@ -3177,8 +3191,8 @@ const Ea = /* @__PURE__ */ Ze(Ta, [["render", za]]), Oa = ["id"], Ra = {
     }
     function b(A) {
       if (!A) return null;
-      const z = A.getFullYear(), G = He(A.getMonth() + 1, 2), re = He(A.getDate(), 2);
-      return `${z}-${G}-${re}`;
+      const z = A.getFullYear(), G = He(A.getMonth() + 1, 2), ce = He(A.getDate(), 2);
+      return `${z}-${G}-${ce}`;
     }
     function d() {
       const A = document.getElementById(`${p.value}`);
@@ -3189,13 +3203,13 @@ const Ea = /* @__PURE__ */ Ze(Ta, [["render", za]]), Oa = ["id"], Ra = {
       if (!z.length) return;
       const G = z.find((Ce) => Ce.offsetWidth > 0) || z[0], te = (A.querySelector(".v3dp__datepicker input") || A).getBoundingClientRect();
       G.style.top = "0px", G.style.left = "0px";
-      const oe = G.getBoundingClientRect(), ne = oe.height || 300, ve = oe.width || 280;
+      const oe = G.getBoundingClientRect(), ne = oe.height || 300, me = oe.width || 280;
       let O = te.bottom + 4;
       const X = window.innerHeight - ne - 8;
       O > X && (O = Math.max(X, 8));
-      const be = window.innerWidth - ve - 8, me = Math.max(Math.min(te.left, be), 8);
+      const be = window.innerWidth - me - 8, ge = Math.max(Math.min(te.left, be), 8);
       for (const Ce of z)
-        Ce.style.top = `${O - oe.top}px`, Ce.style.left = `${me - oe.left}px`;
+        Ce.style.top = `${O - oe.top}px`, Ce.style.left = `${ge - oe.left}px`;
     }
     function m() {
       d(), requestAnimationFrame(() => {
@@ -3217,7 +3231,7 @@ const Ea = /* @__PURE__ */ Ze(Ta, [["render", za]]), Oa = ["id"], Ra = {
       t.clearable && (v.value = h(t.clearValue));
     }
     return (A, z) => {
-      const G = q("ck-label"), re = q("ck-icon"), te = q("ck-div");
+      const G = q("ck-label"), ce = q("ck-icon"), te = q("ck-div");
       return r(), S(te, { "width-breaks": e.widthBreaks }, {
         default: R(() => {
           var oe;
@@ -3241,7 +3255,7 @@ const Ea = /* @__PURE__ */ Ze(Ta, [["render", za]]), Oa = ["id"], Ra = {
               C("div", {
                 class: V(["ck-picker-container", ((oe = Ie(a)) == null ? void 0 : oe.darkMode) && "picker-dark"])
               }, [
-                e.icon ? (r(), S(re, {
+                e.icon ? (r(), S(ce, {
                   key: 0,
                   class: "ck-input__icon-left",
                   color: e.iconColor ? e.iconColor : "lightgrey",
@@ -3258,7 +3272,7 @@ const Ea = /* @__PURE__ */ Ze(Ta, [["render", za]]), Oa = ["id"], Ra = {
                   onOpened: P,
                   onClosed: D
                 }, null, 8, ["modelValue", "style", "disabled", "locale"]),
-                e.clearable && e.modelValue != e.clearValue || e.iconRight ? (r(), S(re, {
+                e.clearable && e.modelValue != e.clearValue || e.iconRight ? (r(), S(ce, {
                   key: 1,
                   class: V(["ck-input__icon-right", { "icon-right__clearable": e.clearable }]),
                   color: e.clearable ? "grey" : e.iconColor ? e.iconColor : "lightgrey",
@@ -3288,7 +3302,7 @@ const Ea = /* @__PURE__ */ Ze(Ta, [["render", za]]), Oa = ["id"], Ra = {
   setup(e, { emit: o }) {
     const t = e, n = o, a = s({
       get() {
-        return typeof t.modelValue != "number" ? null : lt(t.modelValue);
+        return typeof t.modelValue != "number" ? null : nt(t.modelValue);
       },
       set(i) {
         n("update:modelValue", +Jo(i));
@@ -3391,7 +3405,7 @@ const Ea = /* @__PURE__ */ Ze(Ta, [["render", za]]), Oa = ["id"], Ra = {
             ref: n,
             class: V(["ck-tabs__header-content", { "header-content--flat": f.value === "flat" }])
           }, [
-            (r(!0), k(Y, null, ie(p.value, (A, z) => (r(), k("div", {
+            (r(!0), k(_, null, ie(p.value, (A, z) => (r(), k("div", {
               key: z,
               class: V([c.value, { "is-selected": v.value === z }]),
               onClick: (G) => h(z)
@@ -3529,7 +3543,7 @@ const Ea = /* @__PURE__ */ Ze(Ta, [["render", za]]), Oa = ["id"], Ra = {
           class: "ck-toggle-group__options",
           style: U({ gap: e.gap })
         }, [
-          (r(!0), k(Y, null, ie(e.options, (d) => (r(), S(b, {
+          (r(!0), k(_, null, ie(e.options, (d) => (r(), S(b, {
             key: l(d),
             "model-value": p(d),
             icon: u(d),
@@ -3544,7 +3558,7 @@ const Ea = /* @__PURE__ */ Ze(Ta, [["render", za]]), Oa = ["id"], Ra = {
                 class: V(["ck-toggle-group__collapsible-label", { "is-collapsed": !p(d) }])
               }, [
                 C("span", $a, L(i(d)), 1)
-              ], 2)) : (r(), k(Y, { key: 1 }, [
+              ], 2)) : (r(), k(_, { key: 1 }, [
                 J(L(i(d)), 1)
               ], 64))
             ]),
@@ -3625,7 +3639,7 @@ const Ea = /* @__PURE__ */ Ze(Ta, [["render", za]]), Oa = ["id"], Ra = {
       }, [
         F(Re, fo(vo(p.value)), {
           default: R(() => [
-            F(_, {
+            F(Y, {
               icon: "angle-down",
               size: "xs"
             })
@@ -3636,14 +3650,14 @@ const Ea = /* @__PURE__ */ Ze(Ta, [["render", za]]), Oa = ["id"], Ra = {
       F(Ke, { name: "fade" }, {
         default: R(() => [
           a.value ? (r(), k("div", oi, [
-            (r(!0), k(Y, null, ie(e.dropdownButtonActions, (b) => (r(), k("div", {
+            (r(!0), k(_, null, ie(e.dropdownButtonActions, (b) => (r(), k("div", {
               key: b.id,
               class: "extra-action__item",
               style: U({ color: p.value.textColor }),
               onClick: (d) => f(b.id)
             }, [
               C("span", ni, L(b.name), 1),
-              F(_, {
+              F(Y, {
                 icon: "angle-left",
                 size: "xs"
               })
@@ -3673,7 +3687,7 @@ const Ea = /* @__PURE__ */ Ze(Ta, [["render", za]]), Oa = ["id"], Ra = {
   },
   emits: ["update:modelValue", "closeCard"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { cleekOptions: a } = fe(de()), i = s(() => typeof t.modelValue < "u"), l = s({
+    const t = e, n = o, { cleekOptions: a } = ve(de()), i = s(() => typeof t.modelValue < "u"), l = s({
       get() {
         return !i.value || t.modelValue === null ? !0 : !!t.modelValue;
       },
@@ -3739,7 +3753,7 @@ const Ea = /* @__PURE__ */ Ze(Ta, [["render", za]]), Oa = ["id"], Ra = {
       "primary-light": "--ck-accent-blue",
       secondary: "--ck-accent-blue",
       "secondary-light": "--ck-accent-blue"
-    }, { windowWidth: a } = Pe(), { cleekOptions: i } = fe(de()), l = o, u = s(() => t.layout ? t.layout : i.value ? i.value.chip.layout : gi), p = s(() => t.color || vi), v = s(() => M.isColorTemplateVariable(p.value) ? `var(${n[p.value] || `--${p.value}`})` : p.value), f = s(() => {
+    }, { windowWidth: a } = Pe(), { cleekOptions: i } = ve(de()), l = o, u = s(() => t.layout ? t.layout : i.value ? i.value.chip.layout : gi), p = s(() => t.color || vi), v = s(() => M.isColorTemplateVariable(p.value) ? `var(${n[p.value] || `--${p.value}`})` : p.value), f = s(() => {
       const h = [];
       return u.value && h.push(`layout--${u.value}`), h.push(M.getGroupClass(t, a.value)), h.push(`size-${t.size || mi}`), t.align && h.push(`align--${t.align}`), t.nowrap && h.push("ck-chip--nowrap"), t.clickable && h.push("clickable"), h;
     }), c = s(() => [{ "--chip-color": v.value }]);
@@ -3750,7 +3764,7 @@ const Ea = /* @__PURE__ */ Ze(Ta, [["render", za]]), Oa = ["id"], Ra = {
       onClick: b[0] || (b[0] = (d) => l("click", d))
     }, [
       e.icon ? (r(), k("span", fi, [
-        F(_, {
+        F(Y, {
           icon: e.icon,
           "icon-pack": e.iconPack
         }, null, 8, ["icon", "icon-pack"])
@@ -3758,14 +3772,14 @@ const Ea = /* @__PURE__ */ Ze(Ta, [["render", za]]), Oa = ["id"], Ra = {
       C("span", null, [
         N(h.$slots, "default", {}, void 0, !0)
       ]),
-      e.iconRight ? (r(), S(_, {
+      e.iconRight ? (r(), S(Y, {
         key: 1,
         icon: e.iconRight,
         "icon-pack": e.iconPack
       }, null, 8, ["icon", "icon-pack"])) : w("", !0)
     ], 14, pi));
   }
-}), ki = /* @__PURE__ */ Q(hi, [["__scopeId", "data-v-1d1b70c7"]]), bi = "primary", yi = "m", wi = "white", Ci = /* @__PURE__ */ H({
+}), ki = /* @__PURE__ */ Q(hi, [["__scopeId", "data-v-afdb676d"]]), bi = "primary", yi = "m", wi = "white", Ci = /* @__PURE__ */ H({
   __name: "ck-circle",
   props: {
     size: {},
@@ -3810,7 +3824,7 @@ const Ea = /* @__PURE__ */ Ze(Ta, [["render", za]]), Oa = ["id"], Ra = {
   },
   emits: ["click"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { cleekOptions: a } = fe(de()), { windowWidth: i } = Pe(), l = s(() => {
+    const t = e, n = o, { cleekOptions: a } = ve(de()), { windowWidth: i } = Pe(), l = s(() => {
       const u = [];
       if (t.widthBreaks) {
         const v = M.getWidthByWidthBreaks(t.widthBreaks, i.value);
@@ -3850,7 +3864,7 @@ const Ea = /* @__PURE__ */ Ze(Ta, [["render", za]]), Oa = ["id"], Ra = {
   },
   emits: ["click"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { cleekOptions: a } = fe(de()), i = I(!1), l = I(!1), u = s(() => t.src.substring(0, 4) === "http"), p = s(() => l.value ? u.value ? t.src : b(t.src) : ""), v = s(() => {
+    const t = e, n = o, { cleekOptions: a } = ve(de()), i = I(!1), l = I(!1), u = s(() => t.src.substring(0, 4) === "http"), p = s(() => l.value ? u.value ? t.src : b(t.src) : ""), v = s(() => {
       const d = [];
       return t.size && d.push(`ck-img__size--${t.size}`), t.rounded && d.push("is-rounded"), t.objectFit && d.push(`ck-img__object-fit--${t.objectFit}`), t.hasBorder && (d.push("ck-img__has-border"), M.isColorTemplateVariable(h.value) && d.push(`ck-component__border-color--${h.value}`)), t.zoom && d.push("zoom-able"), d;
     }), f = s(() => {
@@ -3887,12 +3901,12 @@ function bt(e) {
   document.body.style.overflow = o;
 }
 const Yt = 1500;
-let at = 0;
+let it = 0;
 function Vi() {
-  return at += 1, Yt + at;
+  return it += 1, Yt + it;
 }
 function Ti() {
-  at > 0 && (at -= 1);
+  it > 0 && (it -= 1);
 }
 const Si = {
   key: 0,
@@ -3941,7 +3955,7 @@ const Si = {
   }),
   emits: /* @__PURE__ */ le(["cancel", "close"], ["update:modelValue", "update:topAlertVisible"]),
   setup(e, { emit: o }) {
-    const t = he(e, "modelValue"), n = he(e, "topAlertVisible"), a = e, i = o, { cleekOptions: l } = fe(de()), u = I(!1), p = I(Yt);
+    const t = he(e, "modelValue"), n = he(e, "topAlertVisible"), a = e, i = o, { cleekOptions: l } = ve(de()), u = I(!1), p = I(Yt);
     let v = !1;
     function f() {
       v || (v = !0, p.value = Vi());
@@ -3961,8 +3975,8 @@ const Si = {
       X && E.push({ "max-width": X });
       const be = a.textColor || l.value.popup.textColor;
       be && !M.isColorTemplateVariable(be) && (E.push(`ck-component__color--${be}`), E.push({ color: be }));
-      let me = "var(--ck-surface-solid)";
-      return l.value.popup.backgroundColor && (me = l.value.popup.backgroundColor), l.value.darkMode && (me = l.value.darkModeColorItems), a.backgroundColor && (me = a.backgroundColor), me && !M.isColorTemplateVariable(me) && E.push({ backgroundColor: me }), E;
+      let ge = "var(--ck-surface-solid)";
+      return l.value.popup.backgroundColor && (ge = l.value.popup.backgroundColor), l.value.darkMode && (ge = l.value.darkModeColorItems), a.backgroundColor && (ge = a.backgroundColor), ge && !M.isColorTemplateVariable(ge) && E.push({ backgroundColor: ge }), E;
     }), d = s(() => {
       const E = [];
       let O = "";
@@ -3979,13 +3993,13 @@ const Si = {
       const X = a.headerColor || l.value.popup.headerColor;
       return X && M.isColorTemplateVariable(X) && E.push(`ck-component__bg-color--${X}`), j.value || E.push("close-btn-hidden"), E;
     }), P = s(() => a.acceptBtnType ? a.acceptBtnType : l.value.popup.acceptBtnType ? l.value.popup.acceptBtnType : "outlined"), D = s(() => a.cancelBtnType ? a.cancelBtnType : l.value.popup.cancelBtnType ? l.value.popup.cancelBtnType : "flat"), j = s(() => !(a.notCloseBtn || a.notClose)), A = s(() => a.acceptBtnText ? a.acceptBtnText : l.value.lang === "es" ? "Aceptar" : "Accept"), z = s(() => a.cancelBtnText ? a.cancelBtnText : l.value.lang === "es" ? "Cancelar" : "Cancel");
-    pe(() => t.value, (E) => {
+    fe(() => t.value, (E) => {
       bt(!E), E ? f() : c();
     });
     function G() {
       t.value = !1, i("close");
     }
-    function re() {
+    function ce() {
       i("cancel"), a.preventCloseOnCancel || G();
     }
     async function te() {
@@ -4007,17 +4021,17 @@ const Si = {
       const O = E.target;
       return O instanceof HTMLElement ? O instanceof HTMLTextAreaElement || O.isContentEditable : !1;
     }
-    function ve(E) {
+    function me(E) {
       if (t.value && (E.key === "Escape" && oe(), E.key === "Enter" && E.shiftKey)) {
         if (ne(E)) return;
         te();
       }
     }
     return Se(() => {
-      window.addEventListener("keydown", ve), t.value && f();
+      window.addEventListener("keydown", me), t.value && f();
     }), Ne(() => {
-      window.removeEventListener("keydown", ve), c();
-    }), (E, O) => (r(), S(Xe, { to: "body" }, [
+      window.removeEventListener("keydown", me), c();
+    }), (E, O) => (r(), S(Je, { to: "body" }, [
       F(Ke, { name: "ck-popup" }, {
         default: R(() => [
           t.value ? (r(), k("div", {
@@ -4033,7 +4047,7 @@ const Si = {
               C("div", {
                 class: V(["ck-popup__content", h.value]),
                 style: U(b.value),
-                onMousedown: O[4] || (O[4] = ue(() => {
+                onMousedown: O[4] || (O[4] = re(() => {
                 }, ["stop"]))
               }, [
                 e.topAlert && n.value ? (r(), k("div", Si, [
@@ -4057,7 +4071,7 @@ const Si = {
                 }, [
                   e.title ? (r(), k("h3", Ii, L(e.title), 1)) : w("", !0),
                   N(E.$slots, "header"),
-                  j.value ? (r(), S(_, {
+                  j.value ? (r(), S(Y, {
                     key: 1,
                     class: "icon-close",
                     icon: "times",
@@ -4079,7 +4093,7 @@ const Si = {
                       key: 0,
                       color: "danger",
                       type: D.value,
-                      onClick: O[2] || (O[2] = (X) => re())
+                      onClick: O[2] || (O[2] = (X) => ce())
                     }, {
                       default: R(() => [
                         J(L(z.value), 1)
@@ -4148,19 +4162,19 @@ const Si = {
     function p(v, f) {
       a.value = v.value, n("change", a.value);
     }
-    return (v, f) => (r(!0), k(Y, null, ie(l.value, (c, h) => (r(), k("label", We({
+    return (v, f) => (r(!0), k(_, null, ie(l.value, (c, h) => (r(), k("label", We({
       key: `radio-${h}`,
       class: "ck-radio"
     }, { ref_for: !0 }, i.value, {
       class: u.value,
-      onKeydown: f[1] || (f[1] = De(ue(() => {
+      onKeydown: f[1] || (f[1] = De(re(() => {
       }, ["prevent"]), ["space"])),
       onKeyup: [
         De((b) => p(c), ["enter"]),
         De((b) => p(c), ["space"])
       ]
     }), [
-      ge(C("input", {
+      pe(C("input", {
         "onUpdate:modelValue": f[0] || (f[0] = (b) => a.value = b),
         class: "c-Radio__input",
         "aria-hidden": "true",
@@ -4245,7 +4259,7 @@ const Zi = {
       focus: Me,
       blur: ke
     });
-    const { cleekOptions: l } = fe(de()), { windowWidth: u } = Pe(), p = I(), v = I(), f = I(), c = I(""), h = I(!1), b = I(!1), d = I(-1), m = s(() => a.options.find((g) => xe(g) === n.value)), y = s(() => a.options.length), P = s(() => !y.value), D = s(() => y.value > a.optionsLimit), j = s(() => {
+    const { cleekOptions: l } = ve(de()), { windowWidth: u } = Pe(), p = I(), v = I(), f = I(), c = I(""), h = I(!1), b = I(!1), d = I(-1), m = s(() => a.options.find((g) => xe(g) === n.value)), y = s(() => a.options.length), P = s(() => !y.value), D = s(() => y.value > a.optionsLimit), j = s(() => {
       if (b.value) return a.options;
       const g = Dt(c.value).split(" ");
       return a.options.filter((x) => {
@@ -4263,7 +4277,7 @@ const Zi = {
         const K = ye(x), ae = K && K !== g ? K : "";
         return g = K, { option: x, optionIndex: Z, headerName: ae };
       });
-    }), G = s(() => A.value.length), re = s(() => {
+    }), G = s(() => A.value.length), ce = s(() => {
       if (h.value && m.value)
         return Ve(m.value);
     }), te = s(() => a.disabled || P.value), oe = s(() => {
@@ -4283,15 +4297,15 @@ const Zi = {
         default:
           return null;
       }
-    }), ve = s(() => {
+    }), me = s(() => {
       const g = n.value;
       return oe.value ? g === oe.value : typeof g == "number" ? g === 0 : typeof g == "string" ? g === "" : typeof g == "object" && g ? Array.isArray(g) ? g.length === 0 : Object.keys(g).length === 0 : g === null;
     }), E = s(() => a.isLoading ? "Cargando..." : P.value ? a.emptyOptionsMsg : a.placeholder), O = s(
-      () => (P.value || ve.value) && !c.value && E.value || a.isLoading
-    ), X = s(() => te.value || a.notClearable ? !1 : !ve.value), be = s(() => {
+      () => (P.value || me.value) && !c.value && E.value || a.isLoading
+    ), X = s(() => te.value || a.notClearable ? !1 : !me.value), be = s(() => {
       const g = [];
       return a.icon && g.push("has-icon-left"), a.iconRight && g.push("has-icon-right"), g;
-    }), me = s(() => {
+    }), ge = s(() => {
       const g = [];
       let x = !1;
       if (a.widthBreaks) {
@@ -4314,19 +4328,19 @@ const Zi = {
       let K = l.value.popup.textColor;
       return l.value.darkMode && (K = l.value.darkModeColorText), K && (M.isColorTemplateVariable(K) ? g.push(`ck-component__color--${K}`) : g.push({ color: K })), g;
     });
-    pe(() => m.value, () => Ee()), pe(() => G.value, (g) => {
+    fe(() => m.value, () => Ee()), fe(() => G.value, (g) => {
       d.value !== -1 && (d.value + 1 <= g || (d.value = g - 1));
-    }), pe(() => v.value, (g) => {
+    }), fe(() => v.value, (g) => {
       if (!g) {
         f.value = { display: "none" };
         return;
       }
-      const x = 4, Z = document.documentElement.clientHeight, K = document.documentElement.clientWidth, ae = p.value.getBoundingClientRect(), ce = {}, Oe = ae.top < Z / 2;
-      Oe ? ce.top = `${ae.bottom + x}px` : ce.bottom = `${Z - ae.top + x}px`;
-      const _e = Math.min(360, K - ae.left - 8);
-      ce.left = `${ae.left}px`, ce.width = "max-content", ce["min-width"] = `${ae.width}px`, ce["max-width"] = `${Math.max(ae.width, _e)}px`;
+      const x = 4, Z = document.documentElement.clientHeight, K = document.documentElement.clientWidth, ae = p.value.getBoundingClientRect(), ue = {}, Oe = ae.top < Z / 2;
+      Oe ? ue.top = `${ae.bottom + x}px` : ue.bottom = `${Z - ae.top + x}px`;
+      const $e = Math.min(360, K - ae.left - 8);
+      ue.left = `${ae.left}px`, ue.width = "max-content", ue["min-width"] = `${ae.width}px`, ue["max-width"] = `${Math.max(ae.width, $e)}px`;
       const W = 100;
-      ce["max-height"] = Oe ? `${Z - ae.top - W}px` : `${ae.bottom - W}px`, ce.display = "block", f.value = ce;
+      ue["max-height"] = Oe ? `${Z - ae.top - W}px` : `${ae.bottom - W}px`, ue.display = "block", f.value = ue;
     });
     function xe(g) {
       return a.reduceValueFunction ? a.reduceValueFunction(g) : a.notReduceValue || a.notReduce ? g : a.reduceValueMethod ? g[a.reduceValueMethod]() : g[a.reduceValueProp];
@@ -4346,7 +4360,7 @@ const Zi = {
       (g = p.value) == null || g.blur();
     }
     function B() {
-      D.value && (c.value = ""), b.value = !0, Ye(), h.value = !0;
+      D.value && (c.value = ""), b.value = !0, _e(), h.value = !0;
     }
     function T() {
       Ee(), h.value = !1;
@@ -4378,7 +4392,7 @@ const Zi = {
     function je() {
       c.value = "", ze(ne.value);
     }
-    function Ye() {
+    function _e() {
       if (m.value) {
         const g = A.value;
         d.value = g.findIndex((x) => xe(x) === xe(m.value));
@@ -4392,9 +4406,9 @@ const Zi = {
       const Z = q("ck-button");
       return r(), k("div", {
         class: V(["ck-select", be.value]),
-        style: U(me.value)
+        style: U(ge.value)
       }, [
-        e.label ? (r(), S(Je, {
+        e.label ? (r(), S(Ye, {
           key: 0,
           align: e.labelAlign,
           for: "ck-select"
@@ -4405,7 +4419,7 @@ const Zi = {
           ]),
           _: 1
         }, 8, ["align"])) : w("", !0),
-        ge(C("input", {
+        pe(C("input", {
           id: "ck-select",
           ref_key: "inputRef",
           ref: p,
@@ -4413,7 +4427,7 @@ const Zi = {
           tabindex: "0",
           class: V(Ce.value),
           style: U(Qe.value),
-          placeholder: re.value,
+          placeholder: ce.value,
           disabled: te.value,
           readonly: !D.value,
           autocomplete: "off",
@@ -4426,7 +4440,7 @@ const Zi = {
         }, null, 46, Qi), [
           [st, c.value]
         ]),
-        (r(), S(Xe, { to: "body" }, [
+        (r(), S(Je, { to: "body" }, [
           F(Ke, { name: "ck-input-dropdown" }, {
             default: R(() => [
               h.value && A.value.length ? (r(), k("ul", {
@@ -4436,10 +4450,10 @@ const Zi = {
                 class: "ck-input-dropdown",
                 style: U(f.value)
               }, [
-                (r(!0), k(Y, null, ie(z.value, ({ option: K, optionIndex: ae, headerName: ce }) => (r(), k(Y, {
+                (r(!0), k(_, null, ie(z.value, ({ option: K, optionIndex: ae, headerName: ue }) => (r(), k(_, {
                   key: xe(K)
                 }, [
-                  ce ? (r(), k("li", ji, L(ce), 1)) : w("", !0),
+                  ue ? (r(), k("li", ji, L(ue), 1)) : w("", !0),
                   C("li", {
                     class: V(["dropdown--option", {
                       "dropdown--option__selected": xe(K) === n.value,
@@ -4450,7 +4464,7 @@ const Zi = {
                     onMouseenter: (Oe) => d.value = ae
                   }, [
                     C("span", qi, L(Ve(K)), 1),
-                    xe(K) === n.value ? (r(), S(_, {
+                    xe(K) === n.value ? (r(), S(Y, {
                       key: 0,
                       class: "dropdown--option-check",
                       icon: "check",
@@ -4468,14 +4482,14 @@ const Zi = {
           class: "ck-select--placeholder",
           textContent: L(E.value)
         }, null, 8, Gi)) : w("", !0),
-        e.icon ? (r(), S(_, {
+        e.icon ? (r(), S(Y, {
           key: 2,
           class: "ck-select--icon-left",
           icon: e.icon,
           "icon-pack": e.iconPack,
           color: e.iconColor
         }, null, 8, ["icon", "icon-pack", "color"])) : w("", !0),
-        e.iconRight ? (r(), S(_, {
+        e.iconRight ? (r(), S(Y, {
           key: 3,
           class: "ck-select--icon-right",
           icon: e.iconRight,
@@ -4544,7 +4558,7 @@ const Zi = {
       const p = [];
       return t.headerColor && !M.isColorTemplateVariable(t.headerColor) && p.push({ "background-color": t.headerColor }), p;
     }), u = s(() => t.closeBtnIcon ? t.closeBtnIcon : "times");
-    return pe(() => o.value, (p) => bt(!p)), Ne(() => {
+    return fe(() => o.value, (p) => bt(!p)), Ne(() => {
       o.value && bt(!0);
     }), (p, v) => {
       const f = q("ck-icon");
@@ -4553,7 +4567,7 @@ const Zi = {
           o.value ? (r(), k("div", {
             key: 0,
             class: "ck-sidebar-background",
-            onClick: v[1] || (v[1] = ue((c) => o.value = !1, ["self"]))
+            onClick: v[1] || (v[1] = re((c) => o.value = !1, ["self"]))
           }, [
             C("div", {
               class: V(["ck-sidebar", n.value]),
@@ -4629,7 +4643,7 @@ const Zi = {
   }),
   emits: /* @__PURE__ */ le(["click"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const t = he(e, "modelValue"), n = e, a = o, { cleekOptions: i } = fe(de()), l = s(() => {
+    const t = he(e, "modelValue"), n = e, a = o, { cleekOptions: i } = ve(de()), l = s(() => {
       const h = [];
       n.squared && h.push("is-squared"), n.outlined && h.push("is-outlined"), n.color && h.push(`--${n.color}`);
       const b = n.size || gt;
@@ -4660,10 +4674,10 @@ const Zi = {
       class: ["ck-switch", l.value],
       onClick: b[1] || (b[1] = (d) => c(d)),
       onKeydown: [
-        b[2] || (b[2] = De(ue((d) => {
+        b[2] || (b[2] = De(re((d) => {
           t.value = !t.value, a("click");
         }, ["prevent"]), ["space"])),
-        b[3] || (b[3] = De(ue((d) => {
+        b[3] || (b[3] = De(re((d) => {
           t.value = !t.value, a("click");
         }, ["prevent"]), ["enter"]))
       ]
@@ -4673,14 +4687,14 @@ const Zi = {
         class: V(["ck-switch__content", f.value]),
         style: U(v.value)
       }, [
-        e.labelIcon ? (r(), S(_, {
+        e.labelIcon ? (r(), S(Y, {
           key: 0,
           icon: e.labelIcon,
           "icon-pack": e.iconPack,
           class: "ck-switch__label-icon"
         }, null, 8, ["icon", "icon-pack"])) : w("", !0),
         e.label ? (r(), k("span", as, L(e.label), 1)) : w("", !0),
-        e.labelIconRight ? (r(), S(_, {
+        e.labelIconRight ? (r(), S(Y, {
           key: 2,
           icon: e.labelIconRight,
           "icon-pack": e.iconPack,
@@ -4688,7 +4702,7 @@ const Zi = {
         }, null, 8, ["icon", "icon-pack"])) : w("", !0),
         N(h.$slots, "default", {}, void 0, !0)
       ], 6)) : w("", !0),
-      ge(C("input", {
+      pe(C("input", {
         "onUpdate:modelValue": b[0] || (b[0] = (d) => t.value = d),
         class: "ck-switch__input",
         type: "checkbox",
@@ -4699,13 +4713,13 @@ const Zi = {
       ]),
       C("div", ss, [
         b[4] || (b[4] = C("div", { class: "ck-switch__slider" }, null, -1)),
-        e.icon && t.value ? (r(), S(_, {
+        e.icon && t.value ? (r(), S(Y, {
           key: 0,
           class: V(["ck-switch__icon-left", p.value]),
           icon: e.icon,
           "icon-pack": e.iconPack
         }, null, 8, ["icon", "icon-pack", "class"])) : w("", !0),
-        e.icon && !t.value ? (r(), S(_, {
+        e.icon && !t.value ? (r(), S(Y, {
           key: 1,
           class: V(["ck-switch__icon-right", p.value]),
           icon: e.icon,
@@ -4717,14 +4731,14 @@ const Zi = {
         class: V(["ck-switch__content", f.value]),
         style: U(v.value)
       }, [
-        e.labelIcon ? (r(), S(_, {
+        e.labelIcon ? (r(), S(Y, {
           key: 0,
           icon: e.labelIcon,
           "icon-pack": e.iconPack,
           class: "ck-switch__label-icon"
         }, null, 8, ["icon", "icon-pack"])) : w("", !0),
         e.label ? (r(), k("span", rs, L(e.label), 1)) : w("", !0),
-        e.labelIconRight ? (r(), S(_, {
+        e.labelIconRight ? (r(), S(Y, {
           key: 2,
           icon: e.labelIconRight,
           "icon-pack": e.iconPack,
@@ -4779,7 +4793,7 @@ const Zi = {
     return (c, h) => {
       const b = q("ck-icon");
       return r(), k("div", ps, [
-        e.label ? (r(), S(Je, {
+        e.label ? (r(), S(Ye, {
           key: 0,
           align: e.labelAlign
         }, {
@@ -4791,7 +4805,7 @@ const Zi = {
         C("div", {
           class: V(["switch-options--options", l.value])
         }, [
-          (r(!0), k(Y, null, ie(e.options, (d, m) => (r(), k("div", {
+          (r(!0), k(_, null, ie(e.options, (d, m) => (r(), k("div", {
             key: m,
             tabindex: "0",
             class: V(["options--option", { selected: p(d) === t.value }]),
@@ -4839,7 +4853,7 @@ const Zi = {
   },
   emits: ["update:modelValue", "input", "change", "click", "changeDelayed"],
   setup(e, { emit: o }) {
-    const t = e, n = o, { cleekOptions: a } = fe(de()), i = I(), { windowWidth: l } = Pe(), u = s({
+    const t = e, n = o, { cleekOptions: a } = ve(de()), i = I(), { windowWidth: l } = Pe(), u = s({
       get() {
         return t.modelValue;
       },
@@ -4871,7 +4885,7 @@ const Zi = {
       }, t.delayChangeTime || bs);
     }
     return (d, m) => (r(), k("div", gs, [
-      e.label ? (r(), S(Je, {
+      e.label ? (r(), S(Ye, {
         key: 0,
         align: e.labelAlign
       }, {
@@ -4881,7 +4895,7 @@ const Zi = {
         ]),
         _: 1
       }, 8, ["align"])) : w("", !0),
-      ge(C("textarea", {
+      pe(C("textarea", {
         ref_key: "refTextarea",
         ref: i,
         "onUpdate:modelValue": m[0] || (m[0] = (y) => u.value = y),
@@ -4924,7 +4938,7 @@ const Zi = {
       if (i.value)
         return n.size === "l" && !n.columns ? { "grid-template-columns": "repeat(auto-fit, minmax(220px, 1fr))" } : { "grid-template-columns": `repeat(${n.columns || Bs}, 1fr)` };
     });
-    pe(t, (c) => {
+    fe(t, (c) => {
       i.value = n.isAlwaysExpanded || !c;
     });
     function v(c) {
@@ -4947,7 +4961,7 @@ const Zi = {
       }
     }
     return (c, h) => {
-      const b = q("ck-label"), d = q("ck-icon"), m = it("tooltip");
+      const b = q("ck-label"), d = q("ck-icon"), m = Xe("tooltip");
       return r(), k("div", {
         class: V(["ck-tile-picker", { "ck-tile-picker--size-l": e.size === "l" }])
       }, [
@@ -4964,7 +4978,7 @@ const Zi = {
           class: V(["ck-tile-picker__grid", { "ck-tile-picker__grid--collapsed": !i.value }]),
           style: U(p.value)
         }, [
-          (r(!0), k(Y, null, ie(u.value, (y) => ge((r(), k("button", {
+          (r(!0), k(_, null, ie(u.value, (y) => pe((r(), k("button", {
             key: y.id,
             class: V(["ck-tile-picker__tile", { "ck-tile-picker__tile--selected": y.id === t.value, "ck-tile-picker__tile--disabled": e.disabled }]),
             type: "button",
@@ -5043,7 +5057,7 @@ const Zi = {
       title: t,
       msg: n,
       acceptText: a
-    }), (p, v) => (r(), S(Xe, { to: "body" }, [
+    }), (p, v) => (r(), S(Je, { to: "body" }, [
       F(_t, {
         modelValue: i.value,
         "onUpdate:modelValue": v[0] || (v[0] = (f) => i.value = f),
@@ -5101,7 +5115,7 @@ const Zi = {
           u.value();
         }, l.value);
       }, 10);
-    }), (c, h) => (r(), S(Xe, { to: "body" }, [
+    }), (c, h) => (r(), S(Je, { to: "body" }, [
       t.value ? (r(), k("div", Hs, [
         C("div", {
           class: V(["ck-notify", v.value]),
@@ -5112,7 +5126,7 @@ const Zi = {
         }, [
           C("div", Fs, [
             C("div", Ns, [
-              F(_, { icon: "times" })
+              F(Y, { icon: "times" })
             ]),
             J(" " + L(n.value || p.value), 1)
           ]),
@@ -5230,19 +5244,19 @@ const Gs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   CkButton: Re,
   CkCard: di,
-  CkCheckbox: nt,
+  CkCheckbox: at,
   CkChip: ki,
   CkCircle: xi,
   CkDatetimeShower: el,
   CkDiv: Ai,
   CkDropdown: wt,
   CkDropdownButton: ii,
-  CkIcon: _,
+  CkIcon: Y,
   CkImg: Pi,
   CkInput: Jt,
   CkInputDate: Fa,
   CkInputTime: Na,
-  CkLabel: Je,
+  CkLabel: Ye,
   CkNavbar: sl,
   CkPagination: Qn,
   CkPopup: _t,
@@ -5280,19 +5294,19 @@ function ir(e, o) {
 export {
   Re as CkButton,
   di as CkCard,
-  nt as CkCheckbox,
+  at as CkCheckbox,
   ki as CkChip,
   xi as CkCircle,
   el as CkDatetimeShower,
   Ai as CkDiv,
   wt as CkDropdown,
   ii as CkDropdownButton,
-  _ as CkIcon,
+  Y as CkIcon,
   Pi as CkImg,
   Jt as CkInput,
   Fa as CkInputDate,
   Na as CkInputTime,
-  Je as CkLabel,
+  Ye as CkLabel,
   sl as CkNavbar,
   Qn as CkPagination,
   _t as CkPopup,