cleek 3.0.15 → 3.0.17

package/dist/main.es.js

@@ -2,14 +2,14 @@ var Yt = Object.defineProperty;
 var _t = (e, o, t) => o in e ? Yt(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t;
 var Le = (e, o, t) => _t(e, typeof o != "symbol" ? o + "" : o, t);
 import $t from "floating-vue";
-import { library as ht } from "@fortawesome/fontawesome-svg-core";
+import { library as kt } from "@fortawesome/fontawesome-svg-core";
 import { fas as eo } from "@fortawesome/free-solid-svg-icons";
 import { far as to } from "@fortawesome/free-regular-svg-icons";
 import { fab as oo } from "@fortawesome/free-brands-svg-icons";
-import { ref as T, computed as r, watch as pe, defineComponent as H, resolveDirective as it, openBlock as c, createElementBlock as h, toDisplayString as A, createTextVNode as J, createCommentVNode as y, withDirectives as me, Fragment as _, unref as Ie, createElementVNode as C, onMounted as Se, onBeforeUnmount as Ue, withKeys as Pe, renderSlot as K, createBlock as S, Teleport as qe, createVNode as F, Transition as je, withCtx as N, normalizeStyle as U, normalizeClass as V, provide as Mt, inject as zt, nextTick as Et, useModel as ge, vModelDynamic as lo, mergeModels as ne, renderList as ie, mergeProps as Xe, withModifiers as ue, resolveComponent as X, vModelText as st, useSlots as no, createSlots as ao, watchEffect as ut, vShow as Ze, resolveDynamicComponent as io, pushScopeId as so, popScopeId as ro, onUpdated as co, normalizeProps as uo, guardReactiveProps as po, vModelRadio as vo, vModelCheckbox as fo, createApp as dt } from "vue";
+import { ref as T, computed as r, watch as pe, defineComponent as H, resolveDirective as at, openBlock as c, createElementBlock as h, toDisplayString as A, createTextVNode as J, createCommentVNode as y, withDirectives as ge, Fragment as _, unref as Ie, createElementVNode as C, onMounted as Se, onBeforeUnmount as Ge, withKeys as Pe, renderSlot as K, createBlock as S, Teleport as Ue, createVNode as F, Transition as qe, withCtx as N, normalizeStyle as U, normalizeClass as V, provide as Mt, inject as zt, nextTick as Et, useModel as he, vModelDynamic as lo, mergeModels as ne, renderList as ie, mergeProps as je, withModifiers as ue, resolveComponent as X, vModelText as it, useSlots as no, createSlots as ao, watchEffect as dt, vShow as We, resolveDynamicComponent as io, pushScopeId as so, popScopeId as ro, onUpdated as co, normalizeProps as uo, guardReactiveProps as po, vModelRadio as vo, vModelCheckbox as fo, createApp as pt } from "vue";
 import { defineStore as mo, storeToRefs as ve } from "pinia";
 import { FontAwesomeIcon as go } from "@fortawesome/vue-fontawesome";
-import { isValid as Be, startOfDecade as ho, endOfDecade as ko, eachYearOfInterval as bo, getYear as De, getDecade as $e, isBefore as Qe, isAfter as Ge, addYears as Ot, subYears as Rt, startOfYear as yo, endOfYear as wo, format as ot, eachMonthOfInterval as Co, isSameMonth as mt, isSameYear as wt, startOfMonth as Ht, endOfMonth as Ft, endOfWeek as xo, startOfWeek as Bo, setDay as Ao, eachDayOfInterval as Lo, isWithinInterval as Do, isSameDay as pt, addMonths as Po, subMonths as Vo, set as Ct, isSameHour as To, isSameMinute as So, parse as xt, startOfDay as Io, endOfDay as Mo, max as zo, min as Eo } from "date-fns";
+import { isValid as Be, startOfDecade as ho, endOfDecade as ko, eachYearOfInterval as bo, getYear as De, getDecade as _e, isBefore as Ze, isAfter as Qe, addYears as Ot, subYears as Rt, startOfYear as yo, endOfYear as wo, format as tt, eachMonthOfInterval as Co, isSameMonth as gt, isSameYear as wt, startOfMonth as Ht, endOfMonth as Ft, endOfWeek as xo, startOfWeek as Bo, setDay as Ao, eachDayOfInterval as Lo, isWithinInterval as Do, isSameDay as vt, addMonths as Po, subMonths as Vo, set as Ct, isSameHour as To, isSameMinute as So, parse as xt, startOfDay as Io, endOfDay as Mo, max as zo, min as Eo } from "date-fns";
 import { es as Oo } from "date-fns/locale";
 const Ro = {
   themes: {
@@ -22,18 +22,18 @@ const Ro = {
 function Ho(e) {
   return !!(e && typeof e == "object" && !Array.isArray(e));
 }
-function gt(e, o) {
+function ht(e, o) {
   for (const t in o)
-    Ho(o[t]) ? (e[t] || (e[t] = {}), gt(e[t], o[t])) : e[t] = o[t];
+    Ho(o[t]) ? (e[t] || (e[t] = {}), ht(e[t], o[t])) : e[t] = o[t];
 }
 function Fo(e, o) {
   const t = {};
-  return gt(t, e), gt(t, o), t;
+  return ht(t, e), ht(t, o), t;
 }
 function No(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var tt = { exports: {} }, Ko = tt.exports, Bt;
+var et = { exports: {} }, Ko = et.exports, Bt;
 function Wo() {
   return Bt || (Bt = 1, (function(e, o) {
     (function(t, n) {
@@ -89,7 +89,7 @@ function Wo() {
         f.directive("click-outside", v);
       }, directive: v };
     });
-  })(tt)), tt.exports;
+  })(et)), et.exports;
 }
 var Zo = Wo();
 const Qo = /* @__PURE__ */ No(Zo), Nt = {
@@ -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 ot(e) {
   const o = e < 0;
   e = Math.abs(e);
   const t = Math.floor(e / 60);
@@ -235,7 +235,7 @@ const Xo = {
   },
   emits: ["click"],
   setup(e, { emit: o }) {
-    const t = e, n = o, l = r(() => t.time ? (t.timeInMinutes, lt(+t.time)) : t.datetime ? typeof t.datetime == "string" ? Zt(t.datetime) : u(t.datetime) : ""), s = r(() => t.date ? typeof t.date == "string" ? Lt(t.date) : a(t.date) : t.datetime ? typeof t.datetime == "string" ? Lt(t.datetime) : a(t.datetime) : "");
+    const t = e, n = o, l = r(() => t.time ? (t.timeInMinutes, ot(+t.time)) : t.datetime ? typeof t.datetime == "string" ? Zt(t.datetime) : u(t.datetime) : ""), s = r(() => t.date ? typeof t.date == "string" ? Lt(t.date) : a(t.date) : t.datetime ? typeof t.datetime == "string" ? Lt(t.datetime) : a(t.datetime) : "");
     function a(p) {
       const v = String(p.getDate()).padStart(2, "0"), f = String(p.getMonth() + 1).padStart(2, "0"), i = String(p.getFullYear()).slice(-2);
       return `${v}/${f}/${i}`;
@@ -245,7 +245,7 @@ const Xo = {
       return `${v}:${f}`;
     }
     return (p, v) => {
-      const f = it("tooltip");
+      const f = at("tooltip");
       return s.value ? e.split || e.date ? (c(), h("div", {
         key: 1,
         class: "ck-datetime-shower--split",
@@ -253,7 +253,7 @@ const Xo = {
       }, [
         J(A(s.value) + " ", 1),
         l.value ? (c(), h("span", Jo, " | " + A(l.value), 1)) : y("", !0)
-      ])) : me((c(), h("div", {
+      ])) : ge((c(), h("div", {
         key: 2,
         class: "ck-datetime-shower",
         onClick: v[1] || (v[1] = (i) => n("click", i))
@@ -278,7 +278,7 @@ const Xo = {
   setup(e) {
     return (o, t) => (c(), h("span", $o, [
       e.minutes ? (c(), h(_, { key: 0 }, [
-        J(A(Ie(lt)(e.minutes)), 1)
+        J(A(Ie(ot)(e.minutes)), 1)
       ], 64)) : (c(), h(_, { key: 1 }, [
         J(A(Ie(Zt)(e.time)), 1)
       ], 64)),
@@ -328,10 +328,10 @@ const Xo = {
     }
     return Se(() => {
       window.addEventListener("scroll", k);
-    }), Ue(() => {
+    }), Ge(() => {
       window.removeEventListener("scroll", k);
     }), (d, b) => {
-      const w = it("click-outside");
+      const w = at("click-outside");
       return c(), h("div", {
         ref_key: "dropdownRef",
         ref: a,
@@ -345,10 +345,10 @@ const Xo = {
         }, [
           K(d.$slots, "trigger", {}, void 0, !0)
         ]),
-        (c(), S(qe, { to: "body" }, [
-          F(je, { name: "ck-dropdown" }, {
+        (c(), S(Ue, { to: "body" }, [
+          F(qe, { name: "ck-dropdown" }, {
             default: N(() => [
-              l.value ? me((c(), h("div", {
+              l.value ? ge((c(), h("div", {
                 key: 0,
                 ref_key: "contentRef",
                 ref: u,
@@ -370,7 +370,7 @@ const Xo = {
       ], 544);
     };
   }
-}), kt = /* @__PURE__ */ Q(ol, [["__scopeId", "data-v-2567a522"]]), ll = "fixed", nl = /* @__PURE__ */ H({
+}), bt = /* @__PURE__ */ Q(ol, [["__scopeId", "data-v-2567a522"]]), ll = "fixed", nl = /* @__PURE__ */ H({
   __name: "ck-navbar",
   props: {
     backgroundColor: {},
@@ -544,7 +544,7 @@ const pl = {
         ]),
         _: 3
       }, 8, ["class"]),
-      F(je, { name: "ck-table__expansion" }, {
+      F(qe, { name: "ck-table__expansion" }, {
         default: N(() => [
           e.isExpandable && e.isExpanded ? (c(), h("tr", pl, [
             C("td", {
@@ -646,13 +646,13 @@ function Ve() {
     Et(() => {
       window.addEventListener("resize", o);
     }), e.value = window.innerWidth;
-  }), Ue(() => {
+  }), Ge(() => {
     window.removeEventListener("resize", o);
   }), {
     windowWidth: e
   };
 }
-const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, vt = "transparent", El = "outlined", Dt = "primary", Ol = "left", Rl = /* @__PURE__ */ H({
+const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, ft = "transparent", El = "outlined", Dt = "primary", Ol = "left", Rl = /* @__PURE__ */ H({
   __name: "ck-button",
   props: {
     title: {},
@@ -678,9 +678,9 @@ const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, vt = "tran
     groupVertical: {}
   },
   setup(e) {
-    const o = e, t = T(!1), { cleekOptions: n } = ve(de()), { windowWidth: l } = Ve(), s = r(() => o.type ? o.type : n.value ? n.value.button.type : El), a = r(() => o.backgroundColor ? o.backgroundColor : n.value && !o.type ? n.value.button.backgroundColor : vt), u = r(() => o.textColor ? o.textColor : n.value && !o.type ? n.value.button.textColor : ""), p = r(() => {
+    const o = e, t = T(!1), { cleekOptions: n } = ve(de()), { windowWidth: l } = Ve(), s = r(() => o.type ? o.type : n.value ? n.value.button.type : El), a = r(() => o.backgroundColor ? o.backgroundColor : n.value && !o.type ? n.value.button.backgroundColor : ft), u = r(() => o.textColor ? o.textColor : n.value && !o.type ? n.value.button.textColor : ""), p = r(() => {
       const i = [];
-      i.push(I.getGroupClass(o, l.value)), (o.color || Dt) !== Dt && (s.value === "filled" ? i.push(`ck-component__bg-color--${o.color}`) : s.value === "soft" ? i.push(`ck-component__soft-color--${o.color}`) : i.push(`ck-component__border-color--${o.color}`)), a.value !== vt && I.isColorTemplateVariable(a.value) && i.push(`ck-component__bg-color--${a.value}`), u.value && I.isColorTemplateVariable(u.value) && i.push(`ck-component__color--${u.value}`);
+      i.push(I.getGroupClass(o, l.value)), (o.color || Dt) !== Dt && (s.value === "filled" ? i.push(`ck-component__bg-color--${o.color}`) : s.value === "soft" ? i.push(`ck-component__soft-color--${o.color}`) : i.push(`ck-component__border-color--${o.color}`)), a.value !== ft && I.isColorTemplateVariable(a.value) && i.push(`ck-component__bg-color--${a.value}`), u.value && I.isColorTemplateVariable(u.value) && i.push(`ck-component__color--${u.value}`);
       const k = o.align || Ol;
       (k === "center" || k === "right") && i.push(`ck-button__align--${o.align}`);
       const d = o.layout || n.value.styles.layout;
@@ -692,7 +692,7 @@ const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, vt = "tran
         const k = I.getWidthByWidthBreaks(o.widthBreaks, l.value);
         k && (m = !0, i.push({ width: k }));
       }
-      return u.value && !I.isColorTemplateVariable(u.value) && i.push({ color: `${u.value} !important` }), o.width && !m && i.push({ width: o.width }), a.value !== vt && !I.isColorTemplateVariable(a.value) && i.push({ "background-color": a.value }), o.color && !I.isColorTemplateVariable(o.color) && (s.value === "outlined" ? (i.push({ "border-color": o.color }), i.push({ color: o.color })) : s.value === "filled" ? (i.push({ color: "white" }), i.push({ "border-color": o.color }), i.push({ "background-color": o.color })) : s.value === "flat" ? i.push({ color: o.color }) : s.value === "soft" && (i.push({ color: o.color }), i.push({ "border-color": "transparent" }), i.push({ "background-color": `color-mix(in srgb, ${o.color} 12%, transparent)` }))), i;
+      return u.value && !I.isColorTemplateVariable(u.value) && i.push({ color: `${u.value} !important` }), o.width && !m && i.push({ width: o.width }), a.value !== ft && !I.isColorTemplateVariable(a.value) && i.push({ "background-color": a.value }), o.color && !I.isColorTemplateVariable(o.color) && (s.value === "outlined" ? (i.push({ "border-color": o.color }), i.push({ color: o.color })) : s.value === "filled" ? (i.push({ color: "white" }), i.push({ "border-color": o.color }), i.push({ "background-color": o.color })) : s.value === "flat" ? i.push({ color: o.color }) : s.value === "soft" && (i.push({ color: o.color }), i.push({ "border-color": "transparent" }), i.push({ "background-color": `color-mix(in srgb, ${o.color} 12%, transparent)` }))), i;
     });
     async function f(i) {
       if (o.isLoading || t.value) return;
@@ -762,7 +762,7 @@ const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, vt = "tran
       K(s.$slots, "default", {}, void 0, !0)
     ], 14, Hl));
   }
-}), Je = /* @__PURE__ */ Q(Nl, [["__scopeId", "data-v-3b5365a4"]]), Kl = {
+}), Xe = /* @__PURE__ */ Q(Nl, [["__scopeId", "data-v-3b5365a4"]]), Kl = {
   key: 0,
   class: "ck-input__optional-label"
 }, Wl = ["type", "autocomplete", "readonly", "placeholder", "disabled", "tabindex"], Zl = {
@@ -815,7 +815,7 @@ const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, vt = "tran
   }),
   emits: /* @__PURE__ */ ne(["click", "focus", "blur", "input", "inputDelayed", "change", "changeDelayed", "rightIconClick"], ["update:modelValue"]),
   setup(e, { expose: o, emit: t }) {
-    const n = ge(e, "modelValue"), l = e, s = t;
+    const n = he(e, "modelValue"), l = e, s = t;
     o({ focus: re, select: le });
     const { cleekOptions: a } = ve(de()), { windowWidth: u } = Ve(), p = T(), v = T(""), f = T(!1), i = T(!1), m = T(!1), k = r(() => f.value ? "text" : l.plusMinusButtons ? "number" : l.type), d = r(() => typeof l.decimals < "u" ? l.decimals === 0 : l.justInteger || l.plusMinusButtons), b = r(() => l.labelAlign ? l.labelAlign : l.align ? l.align : l.plusMinusButtons ? Pt : "left"), w = r(() => !!l.iconRight && l.type !== "password"), M = r(() => {
       if (l.iconColor) return l.iconColor;
@@ -856,7 +856,7 @@ const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, vt = "tran
     pe(
       () => n.value,
       (B) => {
-        q && k.value === "number" && Number(v.value || 0) === Number(B) || (q = !0, ye(B));
+        q && k.value === "number" && Number(v.value || 0) === Number(B) || (q = !0, ke(B));
       },
       { immediate: !0 }
     );
@@ -878,7 +878,7 @@ const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, vt = "tran
         n.value === B && s("changeDelayed", B);
       }, l.delayChangeTime);
     }
-    function he(B) {
+    function ye(B) {
       var P;
       s("click", B), (l.autoSelect || l.plusMinusButtons) && ((P = p.value) == null || P.select());
     }
@@ -888,32 +888,32 @@ const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, vt = "tran
         n.value = oe, !te && Number(P) !== oe && (v.value = oe), ee(oe);
         return;
       }
-      const B = ye(v.value);
+      const B = ke(v.value);
       ee(B);
     }
     function E() {
       var P;
       const B = (P = p.value) == null ? void 0 : P.value;
-      return B === void 0 || B === `${v.value}` ? !1 : (ye(B), !0);
+      return B === void 0 || B === `${v.value}` ? !1 : (ke(B), !0);
     }
     function Y() {
       E(), ce(n.value);
     }
-    function ke(B) {
+    function we(B) {
       m.value = !0, s("focus", B), l.preventAutocomplete && (i.value = !0), k.value === "number" && !v.value && (v.value = "");
     }
     function fe(B) {
       m.value = !1, E() && ce(n.value), s("blur", B);
     }
     function xe() {
-      const B = ye(+v.value - 1);
+      const B = ke(+v.value - 1);
       ee(B), ce(B);
     }
     function Ne() {
-      const B = ye(+v.value + 1);
+      const B = ke(+v.value + 1);
       ee(B), ce(B);
     }
-    function be(B) {
+    function Ce(B) {
       let P = B;
       if (l.capitalize && (P = Kt(`${P}`)), l.toUpperCase && (P = `${P}`.toUpperCase()), d.value && (P = parseInt(`${+P}`)), typeof l.decimals < "u" && l.decimals > 0) {
         const te = 10 ** l.decimals;
@@ -922,27 +922,27 @@ const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, vt = "tran
       return typeof l.min < "u" && +P < +l.min && (P = +l.min), typeof l.max < "u" && +P > +l.max && (P = +l.max), P;
     }
     function Ae(B) {
-      const P = Number(be(B));
+      const P = Number(Ce(B));
       return Number.isFinite(P) ? P : 0;
     }
-    function ye(B) {
+    function ke(B) {
       if (k.value === "number") {
         const te = B === "" || B === null || B === void 0, oe = te ? 0 : Ae(B);
         return n.value = oe, v.value = te ? "" : oe, oe;
       }
-      const P = be(B);
+      const P = Ce(B);
       return n.value = P, v.value = P, P;
     }
     return Se(() => {
-      l.autofocus && (re(), he(null));
+      l.autofocus && (re(), ye(null));
     }), (B, P) => {
       var oe;
-      const te = it("tooltip");
+      const te = at("tooltip");
       return c(), h("div", {
         class: V(["ck-input", `ck-input--size-${e.size}`]),
         style: U(D.value)
       }, [
-        e.label ? (c(), S(Je, {
+        e.label ? (c(), S(Xe, {
           key: 0,
           for: "ck-input",
           size: e.size,
@@ -977,7 +977,7 @@ const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, vt = "tran
             "icon-pack": e.iconPack,
             size: "s"
           }, null, 8, ["color", "icon", "icon-pack"])) : y("", !0),
-          me(C("input", {
+          ge(C("input", {
             ref_key: "inputRef",
             ref: p,
             "onUpdate:modelValue": P[1] || (P[1] = (se) => v.value = se),
@@ -989,10 +989,10 @@ const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, vt = "tran
             style: U(O.value),
             disabled: e.disabled,
             tabindex: e.tabindex,
-            onClick: P[2] || (P[2] = (se) => he(se)),
+            onClick: P[2] || (P[2] = (se) => ye(se)),
             onInput: P[3] || (P[3] = (se) => R()),
             onChange: P[4] || (P[4] = (se) => Y()),
-            onFocus: P[5] || (P[5] = (se) => ke(se)),
+            onFocus: P[5] || (P[5] = (se) => we(se)),
             onBlur: P[6] || (P[6] = (se) => fe(se))
           }, null, 46, Wl), [
             [lo, v.value]
@@ -1006,7 +1006,7 @@ const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, vt = "tran
               icon: f.value ? "eye-slash" : "eye"
             }, null, 8, ["icon"])
           ], 2)) : y("", !0),
-          w.value ? me((c(), S($, {
+          w.value ? ge((c(), S($, {
             key: 3,
             class: V(["ck-input__icon-right", { "--button": e.rightIconIsButton }]),
             color: M.value,
@@ -1056,7 +1056,7 @@ const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, vt = "tran
   }),
   emits: /* @__PURE__ */ ne(["refreshList"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const t = ge(e, "modelValue"), n = e, l = o, s = r(() => !n.hideHeaderActions && typeof t.value < "u"), a = r(() => {
+    const t = he(e, "modelValue"), n = e, l = o, s = r(() => !n.hideHeaderActions && typeof t.value < "u"), a = r(() => {
       const v = [];
       return n.layout && v.push(n.layout), n.version && v.push(`version--${n.version}`), v;
     });
@@ -1201,7 +1201,7 @@ const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, vt = "tran
   }),
   emits: /* @__PURE__ */ ne(["change"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const t = ge(e, "modelValue"), n = e, l = o, s = r(() => ({
+    const t = he(e, "modelValue"), n = e, l = o, s = r(() => ({
       "aria-disabled": n.disabled,
       tabindex: n.disabled ? void 0 : "0"
     })), a = r(() => {
@@ -1223,7 +1223,7 @@ const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, vt = "tran
     function i() {
       n.preventAutoUpdate || (t.value = !t.value);
     }
-    return (m, k) => (c(), h("label", Xe(s.value, {
+    return (m, k) => (c(), h("label", je(s.value, {
       class: ["ck-checkbox", a.value],
       onKeydown: k[4] || (k[4] = Pe(ue(() => {
       }, ["prevent"]), ["space"])),
@@ -1264,7 +1264,7 @@ const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, vt = "tran
       ], 6)) : y("", !0)
     ], 16));
   }
-}), nt = /* @__PURE__ */ Q(rn, [["__scopeId", "data-v-175819f3"]]), cn = /* @__PURE__ */ H({
+}), lt = /* @__PURE__ */ Q(rn, [["__scopeId", "data-v-175819f3"]]), cn = /* @__PURE__ */ H({
   __name: "ck-table__columns-manager-btn",
   props: {
     layout: {}
@@ -1304,7 +1304,7 @@ const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, vt = "tran
   }),
   emits: /* @__PURE__ */ ne(["createView", "viewColumnsChanged"], ["update:selectedViewId"]),
   setup(e, { emit: o }) {
-    const t = ge(e, "selectedViewId"), n = e, l = o, s = T(!1), a = T(""), u = r(() => (n.columnsArray || []).filter((d) => !d.unchangeable && !d.neverDisplay && d.title)), p = r(() => {
+    const t = he(e, "selectedViewId"), n = e, l = o, s = T(!1), a = T(""), u = r(() => (n.columnsArray || []).filter((d) => !d.unchangeable && !d.neverDisplay && d.title)), p = r(() => {
       const d = (n.columnsArray || []).filter((w) => w.unchangeable && w.title).map((w, M) => M === 0 ? String(w.title) : String(w.title).toLowerCase());
       if (!d.length) return "";
       let b = d[0];
@@ -1330,7 +1330,7 @@ const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, vt = "tran
     }
     return (d, b) => {
       const w = X("ck-button");
-      return c(), S(kt, { align: "right" }, {
+      return c(), S(bt, { align: "right" }, {
         trigger: N(() => [
           F(cn, { layout: e.layout }, null, 8, ["layout"])
         ]),
@@ -1352,13 +1352,13 @@ const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, vt = "tran
                 }, " + ")
               ])) : y("", !0),
               s.value ? (c(), h("div", vn, [
-                me(C("input", {
+                ge(C("input", {
                   "onUpdate:modelValue": b[1] || (b[1] = (D) => a.value = D),
                   class: "columns-manager__new-view-input",
                   placeholder: "Nombre de la vista",
                   onKeyup: b[2] || (b[2] = Pe((D) => k(), ["enter"]))
                 }, null, 544), [
-                  [st, a.value]
+                  [it, a.value]
                 ]),
                 F(w, {
                   size: "s",
@@ -1378,7 +1378,7 @@ const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, vt = "tran
                   type: "button",
                   onClick: (G) => i(D)
                 }, [
-                  F(nt, {
+                  F(lt, {
                     class: "columns-manager__item-checkbox",
                     preventAutoUpdate: "",
                     size: "s",
@@ -1387,7 +1387,7 @@ const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, vt = "tran
                   C("span", null, A(D.title), 1)
                 ], 8, mn))), 128)),
                 p.value ? (c(), h("div", gn, [
-                  F(nt, {
+                  F(lt, {
                     class: "columns-manager__item-checkbox",
                     preventAutoUpdate: "",
                     disabled: "",
@@ -1421,13 +1421,13 @@ const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, vt = "tran
       var i;
       n(f === "selectPage" ? "selectPage" : f === "selectAllList" ? "selectAllList" : "deselectAll"), (i = l.value) == null || i.close();
     }
-    return (f, i) => (c(), S(kt, {
+    return (f, i) => (c(), S(bt, {
       ref_key: "dropdownRef",
       ref: l,
       align: "left"
     }, {
       trigger: N(() => [
-        F(nt, {
+        F(lt, {
           class: "select-dropdown__checkbox",
           preventAutoUpdate: "",
           size: "xs",
@@ -1515,7 +1515,7 @@ function Vn(e) {
     n = setTimeout(() => {
       n = null, o.value = !1;
     }, a);
-  }, { immediate: !0 }), Ue(() => {
+  }, { immediate: !0 }), Ge(() => {
     t && clearTimeout(t), n && clearTimeout(n);
   }), { isDisplayingLoading: o };
 }
@@ -1590,7 +1590,7 @@ const Tn = { class: "ck-table" }, Sn = {
   }),
   emits: /* @__PURE__ */ ne(["refreshList", "update:search", "update:currentPage", "selectAllList", "createColumnView", "columnViewColumnsChanged"], ["update:selectedRows", "update:expandedRows", "update:sortBy", "update:selectedColumnViewId"]),
   setup(e, { emit: o }) {
-    const t = ge(e, "selectedRows"), n = ge(e, "expandedRows"), l = ge(e, "sortBy"), s = ge(e, "selectedColumnViewId"), a = e, u = o, p = no(), { cleekOptions: v } = ve(de()), { windowWidth: f } = Ve(), i = r(() => !!t.value), m = r(() => typeof a.darkMode < "u" ? a.darkMode : v.value.darkMode), k = r(() => Math.ceil(a.listLength / a.itemsPerPage)), d = r(() => a.version ? a.version : v.value ? v.value.table.version : "default"), b = r(() => {
+    const t = he(e, "selectedRows"), n = he(e, "expandedRows"), l = he(e, "sortBy"), s = he(e, "selectedColumnViewId"), a = e, u = o, p = no(), { cleekOptions: v } = ve(de()), { windowWidth: f } = Ve(), i = r(() => !!t.value), m = r(() => typeof a.darkMode < "u" ? a.darkMode : v.value.darkMode), k = r(() => Math.ceil(a.listLength / a.itemsPerPage)), d = r(() => a.version ? a.version : v.value ? v.value.table.version : "default"), b = r(() => {
       if (a.headerTextColor) return a.headerTextColor;
       if (v.value) {
         if (v.value.table.headerTextColor)
@@ -1636,11 +1636,11 @@ const Tn = { class: "ck-table" }, Sn = {
     }, (L) => {
       L && (ce.value = !0);
     }, { immediate: !0 });
-    const he = r(() => !a.rows || a.rows.length || typeof a.isLoading > "u" ? !1 : ce.value ? ee.value : !0), R = r(() => he.value || typeof a.listLength > "u" || a.listLength ? !1 : typeof a.isLoading > "u" ? !0 : a.rows ? ce.value : !a.isLoading), E = r(() => {
+    const ye = r(() => !a.rows || a.rows.length || typeof a.isLoading > "u" ? !1 : ce.value ? ee.value : !0), R = r(() => ye.value || typeof a.listLength > "u" || a.listLength ? !1 : typeof a.isLoading > "u" ? !0 : a.rows ? ce.value : !a.isLoading), E = r(() => {
       var L;
       return ee.value && !!((L = a.rows) != null && L.length);
     }), Y = r(() => Math.min(a.itemsPerPage || 8, 8));
-    function ke(L, g) {
+    function we(L, g) {
       return `${55 + (L * 7 + g * 13) % 35}%`;
     }
     function fe(L = !1) {
@@ -1654,7 +1654,7 @@ const Tn = { class: "ck-table" }, Sn = {
       var g;
       ((g = l.value) == null ? void 0 : g.column) !== L.name ? l.value = { column: L.name, direction: "asc" } : l.value.direction === "asc" ? l.value = { column: L.name, direction: "desc" } : l.value = null, fe();
     }
-    const be = r(() => {
+    const Ce = r(() => {
       var z;
       const L = [];
       return a.cellPadding && L.push(`table__cell-padding--${a.cellPadding}`), a.cellPaddingY && L.push(`table__cell-padding-y--${a.cellPaddingY}`), a.notFullWidth && L.push("not-full-width"), m.value && L.push("dark-mode"), (a.striped || ((z = v.value.table) == null ? void 0 : z.striped)) && L.push("striped-table"), L;
@@ -1663,7 +1663,7 @@ const Tn = { class: "ck-table" }, Sn = {
       if (t.value.areAllRowsSelecteds(L)) return !0;
       if (!t.value.isAnyRowsSelected(L))
         return !1;
-    }), ye = r(() => Ae.value === void 0 ? null : Ae.value), B = r(() => {
+    }), ke = r(() => Ae.value === void 0 ? null : Ae.value), B = r(() => {
       var L, g;
       return ((g = (L = t.value) == null ? void 0 : L.ids) == null ? void 0 : g.size) || 0;
     }), P = r(() => !!a.listLength && B.value >= a.listLength);
@@ -1673,7 +1673,7 @@ const Tn = { class: "ck-table" }, Sn = {
     function oe(L) {
       return i.value ? t.value.isRowSelected(L[He]) : !1;
     }
-    const se = r(() => !!p.rowExpansion), Ye = r(() => x.value.length + (i.value ? 1 : 0) || 1);
+    const se = r(() => !!p.rowExpansion), Je = r(() => x.value.length + (i.value ? 1 : 0) || 1);
     function Ke(L) {
       return se.value ? a.isRowExpandable ? a.isRowExpandable(L) : !0 : !1;
     }
@@ -1684,7 +1684,7 @@ const Tn = { class: "ck-table" }, Sn = {
     function ze(L, g) {
       return n.value.includes(Me(L, g));
     }
-    function _e(L, g) {
+    function Ye(L, g) {
       if (!Ke(L)) return;
       const z = Me(L, g);
       if (ze(L, g)) {
@@ -1698,7 +1698,7 @@ const Tn = { class: "ck-table" }, Sn = {
       n.value = [...n.value, z];
     }
     return (L, g) => {
-      var we, Ee, We, yt;
+      var be, Ee, rt, ct;
       const z = X("ck-chip"), j = X("ck-th"), W = X("ck-checkbox"), ae = X("ck-skeleton");
       return c(), h("div", Tn, [
         L.$slots.header || !e.hideHeaderActions ? (c(), h("div", Sn, [
@@ -1729,11 +1729,11 @@ const Tn = { class: "ck-table" }, Sn = {
           K(L.$slots, "headerBottom", {}, void 0, !0)
         ])) : y("", !0),
         i.value || x.value.length && !(L.$slots.mobile && le.value) ? (c(), h("div", Mn, [
-          (Ee = (we = t.value) == null ? void 0 : we.ids) != null && Ee.size ? (c(), h("div", zn, [
+          (Ee = (be = t.value) == null ? void 0 : be.ids) != null && Ee.size ? (c(), h("div", zn, [
             C("div", En, [
               F(Tt, {
                 class: "main-checkbox",
-                "page-selection-state": ye.value,
+                "page-selection-state": ke.value,
                 "page-count": e.rows.length,
                 "selected-count": B.value,
                 "list-length": e.listLength,
@@ -1773,14 +1773,14 @@ const Tn = { class: "ck-table" }, Sn = {
           class: V(["ck-table__table-container", { "not-overflow": e.notOverflow, "ck-table--minimal": e.minimal }])
         }, [
           C("table", {
-            class: V(["ck-table__table", be.value])
+            class: V(["ck-table__table", Ce.value])
           }, [
-            !e.hideColumnsHeader && !((yt = (We = t.value) == null ? void 0 : We.ids) != null && yt.size) ? (c(), h("thead", Hn, [
+            !e.hideColumnsHeader && !((ct = (rt = t.value) == null ? void 0 : rt.ids) != null && ct.size) ? (c(), h("thead", Hn, [
               C("tr", null, [
                 i.value ? (c(), h("th", Fn, [
                   F(Tt, {
                     class: "main-checkbox",
-                    "page-selection-state": ye.value,
+                    "page-selection-state": ke.value,
                     "page-count": e.rows.length,
                     "selected-count": B.value,
                     "list-length": e.listLength,
@@ -1791,7 +1791,7 @@ const Tn = { class: "ck-table" }, Sn = {
                     onDeselectAll: g[9] || (g[9] = (Z) => t.value.removeAll())
                   }, null, 8, ["page-selection-state", "page-count", "selected-count", "list-length", "is-selection-filtered", "items-label"])
                 ])) : y("", !0),
-                (c(!0), h(_, null, ie(x.value, (Z, Ce) => (c(), S(j, {
+                (c(!0), h(_, null, ie(x.value, (Z, me) => (c(), S(j, {
                   align: Z.align,
                   "min-width": Z.minWidth,
                   "text-color": b.value,
@@ -1802,7 +1802,7 @@ const Tn = { class: "ck-table" }, Sn = {
                 }, {
                   default: N(() => [
                     J(A(Z.title) + " ", 1),
-                    Ce === x.value.length - 1 && e.hasColumnsManager && D.value ? (c(), h("div", {
+                    me === x.value.length - 1 && e.hasColumnsManager && D.value ? (c(), h("div", {
                       key: 0,
                       style: U(M.value ? "" : { "margin-left": "auto", "padding-left": "1rem" })
                     }, [
@@ -1813,7 +1813,7 @@ const Tn = { class: "ck-table" }, Sn = {
                         "columns-array": G.value,
                         views: e.columnViews,
                         layout: e.layout,
-                        onCreateView: g[11] || (g[11] = (Te, ct) => u("createColumnView", Te, ct)),
+                        onCreateView: g[11] || (g[11] = (Te, ut) => u("createColumnView", Te, ut)),
                         onViewColumnsChanged: g[12] || (g[12] = (Te) => u("columnViewColumnsChanged", Te))
                       }, null, 8, ["selected-view-id", "columns", "columns-array", "views", "layout"])
                     ], 4)) : y("", !0)
@@ -1827,16 +1827,16 @@ const Tn = { class: "ck-table" }, Sn = {
             }, [
               K(L.$slots, "default", {}, void 0, !0),
               K(L.$slots, "desktop", {}, void 0, !0),
-              (c(!0), h(_, null, ie(e.rows, (Z, Ce) => {
+              (c(!0), h(_, null, ie(e.rows, (Z, me) => {
                 var Te;
                 return c(), S(hl, {
-                  key: Me(Z, Ce),
+                  key: Me(Z, me),
                   "is-selected": oe(Z),
                   "is-expandable": Ke(Z),
-                  "is-expanded": ze(Z, Ce),
-                  "columns-count": Ye.value,
-                  "row-class": (Te = e.rowClassFn) == null ? void 0 : Te.call(e, Z, Ce),
-                  onToggleExpansion: (ct) => _e(Z, Ce)
+                  "is-expanded": ze(Z, me),
+                  "columns-count": Je.value,
+                  "row-class": (Te = e.rowClassFn) == null ? void 0 : Te.call(e, Z, me),
+                  onToggleExpansion: (ut) => Ye(Z, me)
                 }, ao({
                   default: N(() => [
                     i.value ? (c(), S(Qt, {
@@ -1848,17 +1848,17 @@ const Tn = { class: "ck-table" }, Sn = {
                           size: "xs",
                           color: "#BABDBF",
                           "model-value": t.value.isRowSelected(Z[He]),
-                          onClick: (ct) => t.value.switchValue(Z[He])
+                          onClick: (ut) => t.value.switchValue(Z[He])
                         }, null, 8, ["model-value", "onClick"])
                       ]),
                       _: 2
                     }, 1024)) : y("", !0),
                     K(L.$slots, "row", {
                       row: Z,
-                      rowIndex: Ce,
+                      rowIndex: me,
                       isExpandable: Ke(Z),
-                      isExpanded: ze(Z, Ce),
-                      toggleExpansion: () => _e(Z, Ce)
+                      isExpanded: ze(Z, me),
+                      toggleExpansion: () => Ye(Z, me)
                     }, void 0, !0)
                   ]),
                   _: 2
@@ -1868,21 +1868,21 @@ const Tn = { class: "ck-table" }, Sn = {
                     fn: N(() => [
                       K(L.$slots, "rowExpansion", {
                         row: Z,
-                        rowIndex: Ce
+                        rowIndex: me
                       }, void 0, !0)
                     ]),
                     key: "0"
                   } : void 0
                 ]), 1032, ["is-selected", "is-expandable", "is-expanded", "columns-count", "row-class", "onToggleExpansion"]);
               }), 128)),
-              he.value ? (c(!0), h(_, { key: 0 }, ie(Y.value, (Z) => (c(), h("tr", {
+              ye.value ? (c(!0), h(_, { key: 0 }, ie(Y.value, (Z) => (c(), h("tr", {
                 key: Z,
                 class: "ck-table__skeleton-row"
               }, [
-                (c(!0), h(_, null, ie(Ye.value, (Ce) => (c(), h("td", { key: Ce }, [
+                (c(!0), h(_, null, ie(Je.value, (me) => (c(), h("td", { key: me }, [
                   F(ae, {
                     height: "0.9rem",
-                    width: ke(Z, Ce)
+                    width: we(Z, me)
                   }, null, 8, ["width"])
                 ]))), 128))
               ]))), 128)) : y("", !0),
@@ -1901,17 +1901,17 @@ const Tn = { class: "ck-table" }, Sn = {
           class: V(["ck-table--mobile-container", { "ck-table__body--refreshing": E.value }])
         }, [
           K(L.$slots, "mobile", {}, void 0, !0),
-          he.value ? (c(!0), h(_, { key: 0 }, ie(Y.value, (Z) => (c(), h("div", {
+          ye.value ? (c(!0), h(_, { key: 0 }, ie(Y.value, (Z) => (c(), h("div", {
             key: Z,
             class: "ck-table__skeleton-card"
           }, [
             F(ae, {
               height: "0.9rem",
-              width: ke(Z, 0)
+              width: we(Z, 0)
             }, null, 8, ["width"]),
             F(ae, {
               height: "0.9rem",
-              width: ke(Z, 1)
+              width: we(Z, 1)
             }, null, 8, ["width"])
           ]))), 128)) : y("", !0),
           R.value ? (c(), S(St, {
@@ -2193,7 +2193,7 @@ const ea = ["year", "month", "day", "time", "custom"], ta = H({
   for (const [n, l] of o)
     t[n] = l;
   return t;
-}, bt = (e) => (so("data-v-65eb861b"), e = e(), ro(), e), oa = { class: "v3dp__heading" }, la = ["disabled"], na = /* @__PURE__ */ bt(() => /* @__PURE__ */ C("svg", {
+}, yt = (e) => (so("data-v-65eb861b"), e = e(), ro(), e), oa = { class: "v3dp__heading" }, la = ["disabled"], na = /* @__PURE__ */ yt(() => /* @__PURE__ */ C("svg", {
   class: "v3dp__heading__icon",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 6 8"
@@ -2212,7 +2212,7 @@ const ea = ["year", "month", "day", "time", "custom"], ta = H({
       d: "M5 0L1 4l4 4"
     })
   ])
-], -1)), aa = ["disabled"], ia = /* @__PURE__ */ bt(() => /* @__PURE__ */ C("svg", {
+], -1)), aa = ["disabled"], ia = /* @__PURE__ */ yt(() => /* @__PURE__ */ C("svg", {
   class: "v3dp__heading__icon",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 6 8"
@@ -2231,7 +2231,7 @@ const ea = ["year", "month", "day", "time", "custom"], ta = H({
       d: "M1 8l4-4-4-4"
     })
   ])
-], -1)), sa = { class: "v3dp__body" }, ra = { class: "v3dp__subheading" }, ca = /* @__PURE__ */ bt(() => /* @__PURE__ */ C("hr", { class: "v3dp__divider" }, null, -1)), ua = { class: "v3dp__elements" }, da = ["disabled", "onClick"];
+], -1)), sa = { class: "v3dp__body" }, ra = { class: "v3dp__subheading" }, ca = /* @__PURE__ */ yt(() => /* @__PURE__ */ C("hr", { class: "v3dp__divider" }, null, -1)), ua = { class: "v3dp__elements" }, da = ["disabled", "onClick"];
 function pa(e, o, t, n, l, s) {
   return c(), h("div", {
     class: V(["v3dp__popout", `v3dp__popout-${e.viewMode}`]),
@@ -2296,9 +2296,9 @@ function pa(e, o, t, n, l, s) {
     ])
   ], 38);
 }
-const rt = /* @__PURE__ */ Fe(ta, [["render", pa], ["__scopeId", "data-v-65eb861b"]]), va = H({
+const st = /* @__PURE__ */ Fe(ta, [["render", pa], ["__scopeId", "data-v-65eb861b"]]), va = H({
   components: {
-    PickerPopup: rt
+    PickerPopup: st
   },
   emits: {
     "update:pageDate": (e) => Be(e),
@@ -2340,9 +2340,9 @@ const rt = /* @__PURE__ */ Fe(ta, [["render", pa], ["__scopeId", "data-v-65eb861
       const v = De(t.value), f = De(n.value);
       return `${v} - ${f}`;
     }), u = r(
-      () => e.lowerLimit && ($e(e.lowerLimit) === $e(e.pageDate) || Qe(e.pageDate, e.lowerLimit))
+      () => e.lowerLimit && (_e(e.lowerLimit) === _e(e.pageDate) || Ze(e.pageDate, e.lowerLimit))
     ), p = r(
-      () => e.upperLimit && ($e(e.upperLimit) === $e(e.pageDate) || Ge(e.pageDate, e.upperLimit))
+      () => e.upperLimit && (_e(e.upperLimit) === _e(e.pageDate) || Qe(e.pageDate, e.upperLimit))
     );
     return {
       years: s,
@@ -2374,7 +2374,7 @@ function fa(e, o, t, n, l, s) {
 }
 const ma = /* @__PURE__ */ Fe(va, [["render", fa]]), ga = H({
   components: {
-    PickerPopup: rt
+    PickerPopup: st
   },
   emits: {
     "update:pageDate": (e) => Be(e),
@@ -2413,10 +2413,10 @@ const ma = /* @__PURE__ */ Fe(va, [["render", fa]]), ga = H({
   },
   setup(e, { emit: o }) {
     const t = r(() => yo(e.pageDate)), n = r(() => wo(e.pageDate)), l = r(
-      () => (f) => ot(f, e.format, {
+      () => (f) => tt(f, e.format, {
         locale: e.locale
       })
-    ), s = (f, i, m) => !i && !m ? !0 : !(i && Qe(f, Ht(i)) || m && Ge(f, Ft(m))), a = r(
+    ), s = (f, i, m) => !i && !m ? !0 : !(i && Ze(f, Ht(i)) || m && Qe(f, Ft(m))), a = r(
       () => Co({
         start: t.value,
         end: n.value
@@ -2425,14 +2425,14 @@ const ma = /* @__PURE__ */ Fe(va, [["render", fa]]), ga = H({
           value: f,
           display: l.value(f),
           key: l.value(f),
-          selected: !!e.selected && mt(e.selected, f),
+          selected: !!e.selected && gt(e.selected, f),
           disabled: !s(f, e.lowerLimit, e.upperLimit)
         })
       )
     ), u = r(() => De(t.value)), p = r(
-      () => e.lowerLimit && (wt(e.lowerLimit, e.pageDate) || Qe(e.pageDate, e.lowerLimit))
+      () => e.lowerLimit && (wt(e.lowerLimit, e.pageDate) || Ze(e.pageDate, e.lowerLimit))
     ), v = r(
-      () => e.upperLimit && (wt(e.upperLimit, e.pageDate) || Ge(e.pageDate, e.upperLimit))
+      () => e.upperLimit && (wt(e.upperLimit, e.pageDate) || Qe(e.pageDate, e.upperLimit))
     );
     return {
       months: a,
@@ -2466,7 +2466,7 @@ function ha(e, o, t, n, l, s) {
 }
 const ka = /* @__PURE__ */ Fe(ga, [["render", ha]]), ba = H({
   components: {
-    PickerPopup: rt
+    PickerPopup: st
   },
   emits: {
     "update:pageDate": (e) => Be(e),
@@ -2527,7 +2527,7 @@ const ka = /* @__PURE__ */ Fe(ga, [["render", ha]]), ba = H({
   },
   setup(e, { emit: o }) {
     const t = r(
-      () => (k) => (d) => ot(d, k, {
+      () => (k) => (d) => tt(d, k, {
         locale: e.locale,
         weekStartsOn: e.weekStartsOn
       })
@@ -2550,15 +2550,15 @@ const ka = /* @__PURE__ */ Fe(ga, [["render", ha]]), ba = H({
       ).map(d);
     }), p = (k, d, b, w) => {
       var M, D;
-      return (M = w == null ? void 0 : w.dates) != null && M.some((G) => pt(k, G)) || (D = w == null ? void 0 : w.predicate) != null && D.call(w, k) ? !1 : !d && !b ? !0 : !(d && Qe(k, Io(d)) || b && Ge(k, Mo(b)));
+      return (M = w == null ? void 0 : w.dates) != null && M.some((G) => vt(k, G)) || (D = w == null ? void 0 : w.predicate) != null && D.call(w, k) ? !1 : !d && !b ? !0 : !(d && Ze(k, Io(d)) || b && Qe(k, Mo(b)));
     }, v = r(() => {
       const k = /* @__PURE__ */ new Date(), d = t.value(e.format);
       return Lo(a.value).map(
         (b) => ({
           value: b,
           display: d(b),
-          selected: !!e.selected && pt(e.selected, b),
-          current: pt(k, b),
+          selected: !!e.selected && vt(e.selected, b),
+          current: vt(k, b),
           disabled: !e.allowOutsideInterval && !Do(b, s.value) || !p(
             b,
             e.lowerLimit,
@@ -2571,9 +2571,9 @@ const ka = /* @__PURE__ */ Fe(ga, [["render", ha]]), ba = H({
     }), f = r(
       () => t.value(e.headingFormat)(e.pageDate)
     ), i = r(
-      () => e.lowerLimit && (mt(e.lowerLimit, e.pageDate) || Qe(e.pageDate, e.lowerLimit))
+      () => e.lowerLimit && (gt(e.lowerLimit, e.pageDate) || Ze(e.pageDate, e.lowerLimit))
     ), m = r(
-      () => e.upperLimit && (mt(e.upperLimit, e.pageDate) || Ge(e.pageDate, e.upperLimit))
+      () => e.upperLimit && (gt(e.upperLimit, e.pageDate) || Qe(e.pageDate, e.upperLimit))
     );
     return {
       weekDays: u,
@@ -2624,7 +2624,7 @@ function It(e, o) {
 }
 const Ca = H({
   components: {
-    PickerPopup: rt
+    PickerPopup: st
   },
   emits: {
     select: (e) => Be(e),
@@ -2769,7 +2769,7 @@ function Da(e, o, t, n, l, s) {
     _: 1
   });
 }
-const Pa = /* @__PURE__ */ Fe(Ca, [["render", Da], ["__scopeId", "data-v-81ac698d"]]), et = ["time", "day", "month", "year"], Va = (e, o, t = void 0) => {
+const Pa = /* @__PURE__ */ Fe(Ca, [["render", Da], ["__scopeId", "data-v-81ac698d"]]), $e = ["time", "day", "month", "year"], Va = (e, o, t = void 0) => {
   let n = t || /* @__PURE__ */ new Date();
   return e && (n = zo([e, n])), o && (n = Eo([o, n])), n;
 }, Ta = H({
@@ -2832,7 +2832,7 @@ const Pa = /* @__PURE__ */ Fe(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" && $e.includes(e)
     },
     /**
      * Date which should be the "center" of the initial view.
@@ -2936,7 +2936,7 @@ const Pa = /* @__PURE__ */ Fe(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" && $e.includes(e)
     }
   },
   emits: {
@@ -2949,20 +2949,20 @@ const Pa = /* @__PURE__ */ Fe(Ca, [["render", Da], ["__scopeId", "data-v-81ac698
   },
   setup(e, { emit: o, attrs: t }) {
     const n = T("none"), l = T(e.startingViewDate), s = T(null), a = T(!1), u = T("");
-    ut(() => {
+    dt(() => {
       const x = xt(u.value, e.inputFormat, /* @__PURE__ */ new Date(), {
         locale: e.locale
       });
       Be(x) && (l.value = x);
-    }), ut(
-      () => u.value = e.modelValue && Be(e.modelValue) ? ot(e.modelValue, e.inputFormat, {
+    }), dt(
+      () => u.value = e.modelValue && Be(e.modelValue) ? tt(e.modelValue, e.inputFormat, {
         locale: e.locale
       }) : ""
     );
     const p = (x = "none") => {
       e.disabled || (x !== "none" && n.value === "none" && (l.value = e.modelValue || Va(e.lowerLimit, e.upperLimit, l.value)), n.value = x, o(x !== "none" ? "opened" : "closed"));
     };
-    ut(() => {
+    dt(() => {
       e.disabled && (n.value = "none");
     });
     const v = (x, O) => {
@@ -2993,10 +2993,10 @@ const Pa = /* @__PURE__ */ Fe(Ca, [["render", Da], ["__scopeId", "data-v-81ac698
           /* @__PURE__ */ new Date(),
           { locale: e.locale }
         );
-        Be(q) && u.value === ot(q, e.inputFormat, { locale: e.locale }) && (u.value = s.value.value, o("update:modelValue", q));
+        Be(q) && u.value === tt(q, e.inputFormat, { locale: e.locale }) && (u.value = s.value.value, o("update:modelValue", q));
       }
     }, G = r(() => {
-      const x = et.indexOf(e.startingView), O = et.indexOf(e.minimumView);
+      const x = $e.indexOf(e.startingView), O = $e.indexOf(e.minimumView);
       return x < O ? e.minimumView : e.startingView;
     });
     return {
@@ -3031,7 +3031,7 @@ function za(e, o, t, n, l, s) {
     style: U(e.variables(e.$attrs.style))
   }, [
     C("div", Sa, [
-      me(C("input", Xe({
+      ge(C("input", je({
         type: "text",
         ref: "inputRef",
         readonly: !e.typeable,
@@ -3045,19 +3045,19 @@ function za(e, o, t, n, l, s) {
         onFocus: o[3] || (o[3] = (...f) => e.focus && e.focus(...f)),
         onClick: o[4] || (o[4] = (...f) => e.click && e.click(...f))
       }), null, 16, Ia), [
-        [st, e.input]
+        [it, e.input]
       ]),
-      me(C("div", Ma, [
+      ge(C("div", Ma, [
         K(e.$slots, "clear", { onClear: e.clearModelValue }, () => [
           C("i", {
             onClick: o[5] || (o[5] = (f) => e.clearModelValue())
           }, "x")
         ])
       ], 512), [
-        [Ze, e.clearable && e.modelValue]
+        [We, e.clearable && e.modelValue]
       ])
     ]),
-    me(F(a, {
+    ge(F(a, {
       pageDate: e.pageDate,
       "onUpdate:pageDate": o[6] || (o[6] = (f) => e.updatePageDate("year", f)),
       selected: e.modelValue,
@@ -3065,9 +3065,9 @@ function za(e, o, t, n, l, s) {
       upperLimit: e.upperLimit,
       onSelect: e.selectYear
     }, null, 8, ["pageDate", "selected", "lowerLimit", "upperLimit", "onSelect"]), [
-      [Ze, e.viewShown === "year"]
+      [We, e.viewShown === "year"]
     ]),
-    me(F(u, {
+    ge(F(u, {
       pageDate: e.pageDate,
       "onUpdate:pageDate": o[7] || (o[7] = (f) => e.updatePageDate("month", f)),
       selected: e.modelValue,
@@ -3078,9 +3078,9 @@ function za(e, o, t, n, l, s) {
       locale: e.locale,
       onBack: o[8] || (o[8] = (f) => e.viewShown = "year")
     }, null, 8, ["pageDate", "selected", "onSelect", "lowerLimit", "upperLimit", "format", "locale"]), [
-      [Ze, e.viewShown === "month"]
+      [We, e.viewShown === "month"]
     ]),
-    me(F(p, {
+    ge(F(p, {
       pageDate: e.pageDate,
       "onUpdate:pageDate": o[9] || (o[9] = (f) => e.updatePageDate("day", f)),
       selected: e.modelValue,
@@ -3096,9 +3096,9 @@ function za(e, o, t, n, l, s) {
       onSelect: e.selectDay,
       onBack: o[10] || (o[10] = (f) => e.viewShown = "month")
     }, null, 8, ["pageDate", "selected", "weekStartsOn", "lowerLimit", "upperLimit", "headingFormat", "disabledDates", "locale", "weekdayFormat", "allow-outside-interval", "format", "onSelect"]), [
-      [Ze, e.viewShown === "day"]
+      [We, e.viewShown === "day"]
     ]),
-    me(F(v, {
+    ge(F(v, {
       pageDate: e.pageDate,
       visible: e.viewShown === "time",
       selected: e.modelValue,
@@ -3106,7 +3106,7 @@ function za(e, o, t, n, l, s) {
       onSelect: e.selectTime,
       onBack: e.goBackFromTimepicker
     }, null, 8, ["pageDate", "visible", "selected", "disabledTime", "onSelect", "onBack"]), [
-      [Ze, e.viewShown === "time"]
+      [We, e.viewShown === "time"]
     ])
   ], 4);
 }
@@ -3169,11 +3169,11 @@ const Ea = /* @__PURE__ */ Fe(Ta, [["render", za]]), Oa = ["id"], Ra = {
       if (!O.length) return;
       const q = O.find((xe) => xe.offsetWidth > 0) || O[0], le = (x.querySelector(".v3dp__datepicker input") || x).getBoundingClientRect();
       q.style.top = "0px", q.style.left = "0px";
-      const ee = q.getBoundingClientRect(), ce = ee.height || 300, he = ee.width || 280;
+      const ee = q.getBoundingClientRect(), ce = ee.height || 300, ye = ee.width || 280;
       let E = le.bottom + 4;
       const Y = window.innerHeight - ce - 8;
       E > Y && (E = Math.max(Y, 8));
-      const ke = window.innerWidth - he - 8, fe = Math.max(Math.min(le.left, ke), 8);
+      const we = window.innerWidth - ye - 8, fe = Math.max(Math.min(le.left, we), 8);
       for (const xe of O)
         xe.style.top = `${E - ee.top}px`, xe.style.left = `${fe - ee.left}px`;
     }
@@ -3268,7 +3268,7 @@ const Ea = /* @__PURE__ */ Fe(Ta, [["render", za]]), Oa = ["id"], Ra = {
   setup(e, { emit: o }) {
     const t = e, n = o, l = r({
       get() {
-        return typeof t.modelValue != "number" ? null : lt(t.modelValue);
+        return typeof t.modelValue != "number" ? null : ot(t.modelValue);
       },
       set(s) {
         n("update:modelValue", +jo(s));
@@ -3463,7 +3463,7 @@ const Ea = /* @__PURE__ */ Fe(Ta, [["render", za]]), Oa = ["id"], Ra = {
   }),
   emits: /* @__PURE__ */ ne(["change"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const t = ge(e, "modelValue"), n = e, l = o;
+    const t = he(e, "modelValue"), n = e, l = o;
     function s(f) {
       return f.name;
     }
@@ -3578,7 +3578,7 @@ const Ea = /* @__PURE__ */ Fe(Ta, [["render", za]]), Oa = ["id"], Ra = {
       class: "dropdown-btn__outer",
       onMouseleave: m[2] || (m[2] = (k) => l.value = !1)
     }, [
-      F(Oe, Xe(u.value, {
+      F(Oe, je(u.value, {
         onClick: m[0] || (m[0] = (k) => v(k))
       }), {
         default: N(() => [
@@ -3601,7 +3601,7 @@ const Ea = /* @__PURE__ */ Fe(Ta, [["render", za]]), Oa = ["id"], Ra = {
           _: 1
         }, 16)
       ])) : y("", !0),
-      F(je, { name: "fade" }, {
+      F(qe, { name: "fade" }, {
         default: N(() => [
           l.value ? (c(), h("div", ti, [
             (c(!0), h(_, null, ie(e.dropdownButtonActions, (k) => (c(), h("div", {
@@ -3854,12 +3854,12 @@ function jt(e) {
   document.body.style.overflow = o;
 }
 const Xt = 1500;
-let at = 0;
+let nt = 0;
 function Pi() {
-  return at += 1, Xt + at;
+  return nt += 1, Xt + nt;
 }
 function Vi() {
-  at > 0 && (at -= 1);
+  nt > 0 && (nt -= 1);
 }
 const Ti = {
   key: 0,
@@ -3908,7 +3908,7 @@ const Ti = {
   }),
   emits: /* @__PURE__ */ ne(["cancel", "close"], ["update:modelValue", "update:topAlertVisible"]),
   setup(e, { emit: o }) {
-    const t = ge(e, "modelValue"), n = ge(e, "topAlertVisible"), l = e, s = o, { cleekOptions: a } = ve(de()), u = T(!1), p = T(Xt);
+    const t = he(e, "modelValue"), n = he(e, "topAlertVisible"), l = e, s = o, { cleekOptions: a } = ve(de()), u = T(!1), p = T(Xt);
     let v = !1;
     function f() {
       v || (v = !0, p.value = Pi());
@@ -3926,8 +3926,8 @@ const Ti = {
       E && R.push({ "font-size": E }), l.width && R.push({ width: l.width });
       const Y = l.width ? "95%" : l.maxWidth || a.value.popup.maxWidth;
       Y && R.push({ "max-width": Y });
-      const ke = l.textColor || a.value.popup.textColor;
-      ke && !I.isColorTemplateVariable(ke) && (R.push(`ck-component__color--${ke}`), R.push({ color: ke }));
+      const we = l.textColor || a.value.popup.textColor;
+      we && !I.isColorTemplateVariable(we) && (R.push(`ck-component__color--${we}`), R.push({ color: we }));
       let fe = "var(--ck-surface-solid)";
       return a.value.popup.backgroundColor && (fe = a.value.popup.backgroundColor), a.value.darkMode && (fe = a.value.darkModeColorItems), l.backgroundColor && (fe = l.backgroundColor), fe && !I.isColorTemplateVariable(fe) && R.push({ backgroundColor: fe }), R;
     }), d = r(() => {
@@ -3974,18 +3974,18 @@ const Ti = {
       const E = R.target;
       return E instanceof HTMLElement ? E instanceof HTMLTextAreaElement || E.isContentEditable : !1;
     }
-    function he(R) {
+    function ye(R) {
       if (t.value && (R.key === "Escape" && ee(), R.key === "Enter" && R.shiftKey)) {
         if (ce(R)) return;
         le();
       }
     }
     return Se(() => {
-      window.addEventListener("keydown", he), t.value && f();
-    }), Ue(() => {
-      window.removeEventListener("keydown", he), i();
-    }), (R, E) => (c(), S(qe, { to: "body" }, [
-      F(je, { name: "ck-popup" }, {
+      window.addEventListener("keydown", ye), t.value && f();
+    }), Ge(() => {
+      window.removeEventListener("keydown", ye), i();
+    }), (R, E) => (c(), S(Ue, { to: "body" }, [
+      F(qe, { name: "ck-popup" }, {
         default: N(() => [
           t.value ? (c(), h("div", {
             key: 0,
@@ -4115,7 +4115,7 @@ const Ti = {
     function p(v, f) {
       l.value = v.value, n("change", l.value);
     }
-    return (v, f) => (c(!0), h(_, null, ie(a.value, (i, m) => (c(), h("label", Xe({
+    return (v, f) => (c(!0), h(_, null, ie(a.value, (i, m) => (c(), h("label", je({
       key: `radio-${m}`,
       class: "ck-radio"
     }, { ref_for: !0 }, s.value, {
@@ -4127,7 +4127,7 @@ const Ti = {
         Pe((k) => p(i), ["space"])
       ]
     }), [
-      me(C("input", {
+      ge(C("input", {
         "onUpdate:modelValue": f[0] || (f[0] = (k) => l.value = k),
         class: "c-Radio__input",
         "aria-hidden": "true",
@@ -4153,7 +4153,7 @@ function Ki(e, o) {
     }
     window[n]("scroll", o);
   };
-  Se(() => t("addEventListener")), Ue(() => t("removeEventListener"));
+  Se(() => t("addEventListener")), Ge(() => t("removeEventListener"));
 }
 const Wi = {
   key: 0,
@@ -4207,27 +4207,27 @@ const Wi = {
   }),
   emits: /* @__PURE__ */ ne(["change", "click"], ["update:modelValue"]),
   setup(e, { expose: o, emit: t }) {
-    const n = ge(e, "modelValue"), l = e, s = t;
+    const n = he(e, "modelValue"), l = e, s = t;
     o({
       focus: B,
       blur: P
     });
-    const { cleekOptions: a } = ve(de()), { windowWidth: u } = Ve(), p = T(), v = T(), f = T(), i = T(""), m = T(!1), k = T(!1), d = T(-1), b = r(() => l.options.find((g) => be(g) === n.value)), w = r(() => l.options.length), M = r(() => !w.value), D = r(() => w.value > l.optionsLimit), G = r(() => {
+    const { cleekOptions: a } = ve(de()), { windowWidth: u } = Ve(), p = T(), v = T(), f = T(), i = T(""), m = T(!1), k = T(!1), d = T(-1), b = r(() => l.options.find((g) => Ce(g) === n.value)), w = r(() => l.options.length), M = r(() => !w.value), D = r(() => w.value > l.optionsLimit), G = r(() => {
       if (k.value) return l.options;
       const g = At(i.value).split(" ");
       return l.options.filter((z) => {
-        const j = At(Ae(z));
+        const j = At(`${Ae(z)} ${ke(z)}`);
         return g.every((W) => j.includes(W));
       });
     }), x = r(() => {
-      const g = G.value, z = [...new Set(g.map((W) => ye(W)).filter(Boolean))];
+      const g = G.value, z = [...new Set(g.map((W) => ke(W)).filter(Boolean))];
       if (!z.length) return g;
-      const j = z.flatMap((W) => g.filter((ae) => ye(ae) === W));
-      return [...g.filter((W) => !ye(W)), ...j];
+      const j = z.flatMap((W) => g.filter((ae) => ke(ae) === W));
+      return [...g.filter((W) => !ke(W)), ...j];
     }), O = r(() => {
       let g = "";
       return x.value.map((z, j) => {
-        const W = ye(z), ae = W && W !== g ? W : "";
+        const W = ke(z), ae = W && W !== g ? W : "";
         return g = W, { option: z, optionIndex: j, headerName: ae };
       });
     }), q = r(() => x.value.length), re = r(() => {
@@ -4250,12 +4250,12 @@ const Wi = {
         default:
           return null;
       }
-    }), he = r(() => {
+    }), ye = r(() => {
       const g = n.value;
       return ee.value ? g === ee.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;
     }), R = r(() => l.isLoading ? "Cargando..." : M.value ? l.emptyOptionsMsg : l.placeholder), E = r(
-      () => (M.value || he.value) && !i.value && R.value || l.isLoading
-    ), Y = r(() => le.value || l.notClearable ? !1 : !he.value), ke = r(() => {
+      () => (M.value || ye.value) && !i.value && R.value || l.isLoading
+    ), Y = r(() => le.value || l.notClearable ? !1 : !ye.value), we = r(() => {
       const g = [];
       return l.icon && g.push("has-icon-left"), l.iconRight && g.push("has-icon-right"), g;
     }), fe = r(() => {
@@ -4288,18 +4288,20 @@ const Wi = {
         f.value = { display: "none" };
         return;
       }
-      const z = 4, j = document.documentElement.clientHeight, W = document.documentElement.clientWidth, ae = p.value.getBoundingClientRect(), we = {}, Ee = ae.top < j / 2;
-      Ee ? we.top = `${ae.bottom + z}px` : we.bottom = `${j - ae.top + z}px`, we.left = `${ae.left}px`, we.right = `${W - ae.right}px`;
-      const We = 100;
-      we["max-height"] = Ee ? `${j - ae.top - We}px` : `${ae.bottom - We}px`, we.display = "block", f.value = we;
+      const z = 4, j = document.documentElement.clientHeight, W = document.documentElement.clientWidth, ae = p.value.getBoundingClientRect(), be = {}, Ee = ae.top < j / 2;
+      Ee ? be.top = `${ae.bottom + z}px` : be.bottom = `${j - ae.top + z}px`;
+      const Z = Math.min(360, W - ae.left - 8);
+      be.left = `${ae.left}px`, be.width = "max-content", be["min-width"] = `${ae.width}px`, be["max-width"] = `${Math.max(ae.width, Z)}px`;
+      const me = 100;
+      be["max-height"] = Ee ? `${j - ae.top - me}px` : `${ae.bottom - me}px`, be.display = "block", f.value = be;
     });
-    function be(g) {
+    function Ce(g) {
       return l.reduceValueFunction ? l.reduceValueFunction(g) : l.notReduceValue || l.notReduce ? g : l.reduceValueMethod ? g[l.reduceValueMethod]() : g[l.reduceValueProp];
     }
     function Ae(g) {
       return l.reduceNameFunction ? l.reduceNameFunction(g) : l.notReduceName || l.notReduce ? g : l.reduceNameMethod ? g[l.reduceNameMethod]() : g[l.reduceNameProp];
     }
-    function ye(g) {
+    function ke(g) {
       return l.reduceGroupFunction ? l.reduceGroupFunction(g) || "" : (g == null ? void 0 : g[l.reduceGroupProp]) || "";
     }
     function B() {
@@ -4319,7 +4321,7 @@ const Wi = {
     function se(g) {
       D.value || m.value && (g.preventDefault(), P());
     }
-    function Ye() {
+    function Je() {
       k.value = !1;
     }
     function Ke(g) {
@@ -4330,7 +4332,7 @@ const Wi = {
         g.preventDefault(), d.value = d.value <= 0 ? j - 1 : d.value - 1;
       else if (z === "Enter") {
         const W = d.value >= 0 ? d.value : 0;
-        Me(be(x.value[W])), P();
+        Me(Ce(x.value[W])), P();
       } else z === "Escape" && P();
     }
     function Me(g) {
@@ -4340,13 +4342,13 @@ const Wi = {
       const g = b.value;
       i.value = g ? Ae(g) : "";
     }
-    function _e() {
+    function Ye() {
       i.value = "", Me(ce.value);
     }
     function L() {
       if (b.value) {
         const g = x.value;
-        d.value = g.findIndex((z) => be(z) === be(b.value));
+        d.value = g.findIndex((z) => Ce(z) === Ce(b.value));
       } else
         d.value = -1;
     }
@@ -4356,10 +4358,10 @@ const Wi = {
     }), ze(), (g, z) => {
       const j = X("ck-button");
       return c(), h("div", {
-        class: V(["ck-select", ke.value]),
+        class: V(["ck-select", we.value]),
         style: U(fe.value)
       }, [
-        e.label ? (c(), S(Je, {
+        e.label ? (c(), S(Xe, {
           key: 0,
           align: e.labelAlign,
           for: "ck-select"
@@ -4370,7 +4372,7 @@ const Wi = {
           ]),
           _: 1
         }, 8, ["align"])) : y("", !0),
-        me(C("input", {
+        ge(C("input", {
           id: "ck-select",
           ref_key: "inputRef",
           ref: p,
@@ -4386,13 +4388,13 @@ const Wi = {
           onMousedown: z[2] || (z[2] = (W) => se(W)),
           onFocus: z[3] || (z[3] = (W) => te()),
           onBlur: z[4] || (z[4] = (W) => oe()),
-          onInput: z[5] || (z[5] = (W) => Ye()),
+          onInput: z[5] || (z[5] = (W) => Je()),
           onKeydown: z[6] || (z[6] = (W) => Ke(W))
         }, null, 46, Zi), [
-          [st, i.value]
+          [it, i.value]
         ]),
-        (c(), S(qe, { to: "body" }, [
-          F(je, { name: "ck-input-dropdown" }, {
+        (c(), S(Ue, { to: "body" }, [
+          F(qe, { name: "ck-input-dropdown" }, {
             default: N(() => [
               m.value && x.value.length ? (c(), h("ul", {
                 key: 0,
@@ -4401,20 +4403,21 @@ const Wi = {
                 class: "ck-input-dropdown",
                 style: U(f.value)
               }, [
-                (c(!0), h(_, null, ie(O.value, ({ option: W, optionIndex: ae, headerName: we }) => (c(), h(_, {
-                  key: be(W)
+                (c(!0), h(_, null, ie(O.value, ({ option: W, optionIndex: ae, headerName: be }) => (c(), h(_, {
+                  key: Ce(W)
                 }, [
-                  we ? (c(), h("li", Qi, A(we), 1)) : y("", !0),
+                  be ? (c(), h("li", Qi, A(be), 1)) : y("", !0),
                   C("li", {
                     class: V(["dropdown--option", {
-                      "dropdown--option__selected": be(W) === n.value,
-                      "dropdown--option__index-selected": ae === d.value
+                      "dropdown--option__selected": Ce(W) === n.value,
+                      "dropdown--option__index-selected": ae === d.value,
+                      "dropdown--option__grouped": ke(W)
                     }]),
-                    onMousedown: (Ee) => Me(be(W)),
+                    onMousedown: (Ee) => Me(Ce(W)),
                     onMouseenter: (Ee) => d.value = ae
                   }, [
                     C("span", Ui, A(Ae(W)), 1),
-                    be(W) === n.value ? (c(), S($, {
+                    Ce(W) === n.value ? (c(), S($, {
                       key: 0,
                       class: "dropdown--option-check",
                       icon: "check",
@@ -4452,7 +4455,7 @@ const Wi = {
           size: "s",
           icon: "times",
           type: "flat",
-          onClick: z[7] || (z[7] = (W) => _e())
+          onClick: z[7] || (z[7] = (W) => Ye())
         })) : le.value ? y("", !0) : (c(), S(j, {
           key: 5,
           tabindex: "-1",
@@ -4465,7 +4468,7 @@ const Wi = {
       ], 6);
     };
   }
-}), Xi = /* @__PURE__ */ Q(ji, [["__scopeId", "data-v-09cd4d7a"]]), Ji = {
+}), Xi = /* @__PURE__ */ Q(ji, [["__scopeId", "data-v-bc53592f"]]), Ji = {
   key: 0,
   class: "sidebar-header-title"
 }, Yi = {
@@ -4495,7 +4498,7 @@ const Wi = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = ge(e, "modelValue"), t = e, n = r(() => ({
+    const o = he(e, "modelValue"), t = e, n = r(() => ({
       "right-side": t.rightSide
     })), l = r(() => {
       const p = [];
@@ -4563,7 +4566,7 @@ const Wi = {
       style: U({ width: e.width, height: e.height, borderRadius: e.radius })
     }, null, 4));
   }
-}), ls = /* @__PURE__ */ Q(os, [["__scopeId", "data-v-5f798077"]]), ns = { key: 1 }, as = ["disabled"], is = { class: "ck-switch__slider-container" }, ss = { key: 1 }, ft = "s", rs = "m", cs = /* @__PURE__ */ H({
+}), ls = /* @__PURE__ */ Q(os, [["__scopeId", "data-v-5f798077"]]), ns = { key: 1 }, as = ["disabled"], is = { class: "ck-switch__slider-container" }, ss = { key: 1 }, mt = "s", rs = "m", cs = /* @__PURE__ */ H({
   __name: "ck-switch",
   props: /* @__PURE__ */ ne({
     preventAutoUpdate: { type: Boolean },
@@ -4586,20 +4589,20 @@ const Wi = {
   }),
   emits: /* @__PURE__ */ ne(["click"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const t = ge(e, "modelValue"), n = e, l = o, { cleekOptions: s } = ve(de()), a = r(() => {
+    const t = he(e, "modelValue"), n = e, l = o, { cleekOptions: s } = ve(de()), a = r(() => {
       const m = [];
       n.squared && m.push("is-squared"), n.outlined && m.push("is-outlined"), n.color && m.push(`--${n.color}`);
-      const k = n.size || ft;
+      const k = n.size || mt;
       return m.push(`ck-switch--size-${k}`), m;
     }), u = r(() => ({
       "aria-disabled": n.disabled,
       tabindex: n.disabled ? void 0 : "0"
     })), p = r(() => {
       const m = [];
-      return n.size && n.size !== ft && m.push(`ck-switch__icon-size--${n.size}`), m;
+      return n.size && n.size !== mt && m.push(`ck-switch__icon-size--${n.size}`), m;
     }), v = r(() => {
       const m = [];
-      return s.value.darkMode && m.push({ color: s.value.darkModeColorText }), n.size && n.size !== ft && m.push(`ck-switch__icon-size--${n.size}`), n.colorText && !I.isColorTemplateVariable(n.colorText) && m.push({ color: n.colorText }), m;
+      return s.value.darkMode && m.push({ color: s.value.darkModeColorText }), n.size && n.size !== mt && m.push(`ck-switch__icon-size--${n.size}`), n.colorText && !I.isColorTemplateVariable(n.colorText) && m.push({ color: n.colorText }), m;
     }), f = r(() => {
       const m = [];
       return n.textSize && n.textSize !== rs && m.push(`ck-switch__text-size--${n.textSize}`), n.colorText && I.isColorTemplateVariable(n.colorText) && m.push(`ck-component__color--${n.colorText}`), m;
@@ -4613,7 +4616,7 @@ const Wi = {
         m instanceof KeyboardEvent && m.key === "Enter" && (t.value = !t.value), l("click");
       }
     }
-    return (m, k) => (c(), h("label", Xe(u.value, {
+    return (m, k) => (c(), h("label", je(u.value, {
       class: ["ck-switch", a.value],
       onClick: k[1] || (k[1] = (d) => i(d)),
       onKeydown: [
@@ -4645,7 +4648,7 @@ const Wi = {
         }, null, 8, ["icon", "icon-pack"])) : y("", !0),
         K(m.$slots, "default", {}, void 0, !0)
       ], 6)) : y("", !0),
-      me(C("input", {
+      ge(C("input", {
         "onUpdate:modelValue": k[0] || (k[0] = (d) => t.value = d),
         class: "ck-switch__input",
         type: "checkbox",
@@ -4716,7 +4719,7 @@ const Wi = {
   }),
   emits: /* @__PURE__ */ ne(["change"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const t = ge(e, "modelValue"), n = e, l = o, { windowWidth: s } = Ve(), a = r(() => {
+    const t = he(e, "modelValue"), n = e, l = o, { windowWidth: s } = Ve(), a = r(() => {
       const i = [];
       return i.push(I.getGroupClass(n, s.value)), i;
     }), u = r(() => {
@@ -4736,7 +4739,7 @@ const Wi = {
     return (i, m) => {
       const k = X("ck-icon");
       return c(), h("div", ds, [
-        e.label ? (c(), S(Je, {
+        e.label ? (c(), S(Xe, {
           key: 0,
           align: e.labelAlign
         }, {
@@ -4828,7 +4831,7 @@ const Wi = {
       }, t.delayChangeTime || ks);
     }
     return (d, b) => (c(), h("div", ms, [
-      e.label ? (c(), S(Je, {
+      e.label ? (c(), S(Xe, {
         key: 0,
         align: e.labelAlign
       }, {
@@ -4838,7 +4841,7 @@ const Wi = {
         ]),
         _: 1
       }, 8, ["align"])) : y("", !0),
-      me(C("textarea", {
+      ge(C("textarea", {
         ref_key: "refTextarea",
         ref: s,
         "onUpdate:modelValue": b[0] || (b[0] = (w) => u.value = w),
@@ -4850,7 +4853,7 @@ const Wi = {
         onInput: b[2] || (b[2] = (w) => i(w)),
         onChange: b[3] || (b[3] = (w) => m(w))
       }, null, 46, hs), [
-        [st, u.value]
+        [it, u.value]
       ])
     ]));
   }
@@ -4877,7 +4880,7 @@ const Wi = {
   }),
   emits: /* @__PURE__ */ ne(["change"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const t = ge(e, "modelValue"), n = e, l = o, s = T(n.isAlwaysExpanded || !t.value), a = r(() => n.options.find((i) => i.id === t.value) ?? null), u = r(() => s.value || !a.value ? n.options : [a.value]), p = r(() => {
+    const t = he(e, "modelValue"), n = e, l = o, s = T(n.isAlwaysExpanded || !t.value), a = r(() => n.options.find((i) => i.id === t.value) ?? null), u = r(() => s.value || !a.value ? n.options : [a.value]), p = r(() => {
       if (s.value)
         return n.size === "l" && !n.columns ? { "grid-template-columns": "repeat(auto-fit, minmax(220px, 1fr))" } : { "grid-template-columns": `repeat(${n.columns || Bs}, 1fr)` };
     });
@@ -4904,7 +4907,7 @@ const Wi = {
       }
     }
     return (i, m) => {
-      const k = X("ck-label"), d = X("ck-icon"), b = it("tooltip");
+      const k = X("ck-label"), d = X("ck-icon"), b = at("tooltip");
       return c(), h("div", {
         class: V(["ck-tile-picker", { "ck-tile-picker--size-l": e.size === "l" }])
       }, [
@@ -4921,7 +4924,7 @@ const Wi = {
           class: V(["ck-tile-picker__grid", { "ck-tile-picker__grid--collapsed": !s.value }]),
           style: U(p.value)
         }, [
-          (c(!0), h(_, null, ie(u.value, (w) => me((c(), h("button", {
+          (c(!0), h(_, null, ie(u.value, (w) => ge((c(), h("button", {
             key: w.id,
             class: V(["ck-tile-picker__tile", { "ck-tile-picker__tile--selected": w.id === t.value, "ck-tile-picker__tile--disabled": e.disabled }]),
             type: "button",
@@ -5005,7 +5008,7 @@ const Wi = {
       title: t,
       msg: n,
       acceptText: l
-    }), (p, v) => (c(), S(qe, { to: "body" }, [
+    }), (p, v) => (c(), S(Ue, { to: "body" }, [
       F(Jt, {
         modelValue: s.value,
         "onUpdate:modelValue": v[0] || (v[0] = (f) => s.value = f),
@@ -5063,7 +5066,7 @@ const Wi = {
           u.value();
         }, a.value);
       }, 10);
-    }), (i, m) => (c(), S(qe, { to: "body" }, [
+    }), (i, m) => (c(), S(Ue, { to: "body" }, [
       t.value ? (c(), h("div", Hs, [
         C("div", {
           class: V(["ck-notify", v.value]),
@@ -5095,7 +5098,7 @@ const Wi = {
     });
   },
   alertOptions({ title: e = "", msg: o = "", acceptText: t = "" }) {
-    const n = document.createElement("div"), s = dt(Rs).mount(n);
+    const n = document.createElement("div"), s = pt(Rs).mount(n);
     s.title = e, s.msg = o, s.acceptText = t, document.body.appendChild(s.$el);
   },
   confirmOptions({
@@ -5108,7 +5111,7 @@ const Wi = {
     failure: s = () => {
     }
   }) {
-    const a = document.createElement("div"), u = dt(zs), p = u.mount(a);
+    const a = document.createElement("div"), u = pt(zs), p = u.mount(a);
     p.title = e, p.msg = o, p.acceptText = t, p.cancelText = n, p.responseSuccess = () => {
       u.unmount(), l();
     }, p.responseFailure = () => {
@@ -5123,7 +5126,7 @@ const Wi = {
     });
   },
   notify({ text: e = "", title: o = "", color: t = "", duration: n = 0 }) {
-    const l = document.createElement("div"), s = dt(Zs), a = s.mount(l);
+    const l = document.createElement("div"), s = pt(Zs), a = s.mount(l);
     a.title = o, a.text = e, a.color = t, a.duration = n || Qs, a.closeCallback = () => {
       s.unmount();
     };
@@ -5192,19 +5195,19 @@ const js = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   CkButton: Oe,
   CkCard: ui,
-  CkCheckbox: nt,
+  CkCheckbox: lt,
   CkChip: hi,
   CkCircle: Ci,
   CkDatetimeShower: _o,
   CkDiv: xi,
-  CkDropdown: kt,
+  CkDropdown: bt,
   CkDropdownButton: ai,
   CkIcon: $,
   CkImg: Di,
   CkInput: qt,
   CkInputDate: Fa,
   CkInputTime: Na,
-  CkLabel: Je,
+  CkLabel: Xe,
   CkNavbar: al,
   CkPagination: Qn,
   CkPopup: Jt,
@@ -5231,9 +5234,9 @@ const js = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ckNotify: Gs,
   useWindowWidth: Ve
 }, Symbol.toStringTag, { value: "Module" }));
-ht.add(eo);
-ht.add(to);
-ht.add(oo);
+kt.add(eo);
+kt.add(to);
+kt.add(oo);
 function ir(e, o) {
   de().cleekOptions = Fo(Nt, o), e.use(Qo), e.use($t, Ro), Object.entries(js).forEach(([t, n]) => {
     e.component(t, n);
@@ -5242,19 +5245,19 @@ function ir(e, o) {
 export {
   Oe as CkButton,
   ui as CkCard,
-  nt as CkCheckbox,
+  lt as CkCheckbox,
   hi as CkChip,
   Ci as CkCircle,
   _o as CkDatetimeShower,
   xi as CkDiv,
-  kt as CkDropdown,
+  bt as CkDropdown,
   ai as CkDropdownButton,
   $ as CkIcon,
   Di as CkImg,
   qt as CkInput,
   Fa as CkInputDate,
   Na as CkInputTime,
-  Je as CkLabel,
+  Xe as CkLabel,
   al as CkNavbar,
   Qn as CkPagination,
   Jt as CkPopup,