@codeandfunction/callaloo 4.9.1 → 4.9.3

package/dist/components/Containers/CLCarousel/CLCarousel.js

@@ -1,12 +1,11 @@
 import '../../../assets/core.css';
 import './CLCarousel.css';
 import { defineComponent as xe, computed as w, createElementBlock as h, openBlock as f, Fragment as te, createCommentVNode as P, unref as e, normalizeClass as r, renderList as ke, createBlock as ze, createElementVNode as x, createVNode as y, withCtx as de, createTextVNode as ue, toDisplayString as ee, useCssVars as Ie, ref as v, onMounted as Ee, nextTick as Y, onUnmounted as We, watch as Be, renderSlot as ve } from "vue";
-import { _ as N } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-MvhnNzVW.js";
+import { _ as M } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-MvhnNzVW.js";
 import { _ as Te } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-B-L8ECJL.js";
-import { CLPaginationType as E, CLColorVariants as M, CLSizes as V, CLIconSizes as H, CLIconNames as j, CLTextTypes as Ne, CLAlign as Q, CLOrder as Z, CLColors as Me } from "../../../index.js";
+import { CLPaginationType as E, CLColorVariants as A, CLSizes as D, CLIconSizes as j, CLIconNames as q, CLTextTypes as Ne, CLAlign as Q, CLOrder as Z, CLColors as Me } from "../../../index.js";
 import { i as _, d as Ae, e as Ve } from "../../../chunks/helper-qUkciePY.js";
-import { useHasSlotContent as De } from "../../../composables/useHasSlotContent.js";
-import { _ as Oe } from "../../../chunks/_plugin-vue_export-helper-CHgC5LLL.js";
+import { useHasSlotContent as Oe } from "../../../composables/useHasSlotContent.js";
 const ce = /* @__PURE__ */ xe({
   name: "CLCarouselNavigation",
   __name: "CLCarouselNavigation",
@@ -28,29 +27,29 @@ const ce = /* @__PURE__ */ xe({
     variant: {}
   },
   setup(t) {
-    const a = t, n = w(() => [
-      `${a.prefix}__dots-container`
-    ]), q = w(() => [
-      `${a.prefix}__arrows-container`
-    ]), D = w(() => [
-      `${a.prefix}__numbered-container`
+    const l = t, n = w(() => [
+      `${l.prefix}__dots-container`
+    ]), V = w(() => [
+      `${l.prefix}__arrows-container`
+    ]), B = w(() => [
+      `${l.prefix}__numbered-container`
     ]), p = w(() => [
-      `${a.prefix}__inline-container`
+      `${l.prefix}__inline-container`
     ]), c = w(() => [
-      `${a.prefix}__prev-page`
+      `${l.prefix}__prev-page`
     ]), $ = w(() => [
-      `${a.prefix}__next-page`
+      `${l.prefix}__next-page`
     ]), F = w(() => [
-      `${a.prefix}__page-indicator`
+      `${l.prefix}__page-indicator`
     ]), W = w(() => [
-      `${a.prefix}__show-more`
-    ]), L = (k) => a.currentPage === k, C = w(() => !a.enabled || !a.prevPageEnabled), m = w(() => !a.enabled || !a.nextPageEnabled);
-    return (k, O) => (f(), h(te, null, [
+      `${l.prefix}__show-more`
+    ]), L = (k) => l.currentPage === k, C = w(() => !l.enabled || !l.prevPageEnabled), m = w(() => !l.enabled || !l.nextPageEnabled);
+    return (k, R) => (f(), h(te, null, [
       t.paginationType === e(E).Dots ? (f(), h("div", {
         key: 0,
         class: r(e(n))
       }, [
-        (f(!0), h(te, null, ke(t.totalPages, (b) => (f(), ze(e(N), {
+        (f(!0), h(te, null, ke(t.totalPages, (b) => (f(), ze(e(M), {
           key: `dot-${b}`,
           "aria-label": `Show page ${b}`,
           color: t.color,
@@ -58,26 +57,26 @@ const ce = /* @__PURE__ */ xe({
           height: "0.75rem",
           "on-click": () => t.gotoPage(b),
           width: "0.75rem",
-          variant: L(b) ? e(M).Outline : t.variant,
+          variant: L(b) ? e(A).Outline : t.variant,
           wrap: ""
         }, null, 8, ["aria-label", "color", "disabled", "on-click", "variant"]))), 128))
       ], 2)) : P("", !0),
       t.paginationType === e(E).Numbered ? (f(), h("div", {
         key: 1,
-        class: r(e(D))
+        class: r(e(B))
       }, [
         x("div", {
           class: r(e(c))
         }, [
-          y(e(N), {
+          y(e(M), {
             "aria-label": "Show previous page of slides",
             color: t.color,
             disabled: e(C),
-            "icon-before": e(j).ChevronLeft,
-            "icon-size": e(H).Tiny,
-            size: e(V).Tiny,
+            "icon-before": e(q).ChevronLeft,
+            "icon-size": e(j).Tiny,
+            size: e(D).Tiny,
             "on-click": t.showPrevItems,
-            variant: e(C) ? e(M).Text : t.variant
+            variant: e(C) ? e(A).Text : t.variant
           }, null, 8, ["color", "disabled", "icon-before", "icon-size", "size", "on-click", "variant"])
         ], 2),
         x("div", {
@@ -95,25 +94,25 @@ const ce = /* @__PURE__ */ xe({
         x("div", {
           class: r(e($))
         }, [
-          y(e(N), {
+          y(e(M), {
             "aria-label": "Show next page of slides",
             color: t.color,
             disabled: e(m),
-            "icon-before": e(j).ChevronRight,
-            "icon-size": e(H).Tiny,
-            size: e(V).Tiny,
+            "icon-before": e(q).ChevronRight,
+            "icon-size": e(j).Tiny,
+            size: e(D).Tiny,
             "on-click": t.showNextItems,
-            variant: e(m) ? e(M).Text : t.variant
+            variant: e(m) ? e(A).Text : t.variant
           }, null, 8, ["color", "disabled", "icon-before", "icon-size", "size", "on-click", "variant"])
         ], 2),
         t.showMore ? (f(), h("div", {
           key: 0,
           class: r(e(W))
         }, [
-          y(e(N), {
+          y(e(M), {
             "aria-label": t.moreAriaLabel,
             color: t.color,
-            size: e(V).Small,
+            size: e(D).Small,
             "on-click": t.showMore,
             variant: t.variant
           }, {
@@ -126,34 +125,34 @@ const ce = /* @__PURE__ */ xe({
       ], 2)) : P("", !0),
       t.paginationType === e(E).Arrows ? (f(), h("div", {
         key: 2,
-        class: r(e(q))
+        class: r(e(V))
       }, [
         x("div", {
           class: r(e(c))
         }, [
-          y(e(N), {
+          y(e(M), {
             "aria-label": "Show previous page of slides",
             color: t.color,
             disabled: e(C),
-            "icon-before": e(j).ChevronLeft,
-            "icon-size": e(H).Tiny,
-            size: e(V).Tiny,
+            "icon-before": e(q).ChevronLeft,
+            "icon-size": e(j).Tiny,
+            size: e(D).Tiny,
             "on-click": t.showPrevItems,
-            variant: e(C) ? e(M).Text : t.variant
+            variant: e(C) ? e(A).Text : t.variant
           }, null, 8, ["color", "disabled", "icon-before", "icon-size", "size", "on-click", "variant"])
         ], 2),
         x("div", {
           class: r(e($))
         }, [
-          y(e(N), {
+          y(e(M), {
             "aria-label": "Show next page of slides",
             color: t.color,
             disabled: e(m),
-            "icon-before": e(j).ChevronRight,
-            "icon-size": e(H).Tiny,
-            size: e(V).Tiny,
+            "icon-before": e(q).ChevronRight,
+            "icon-size": e(j).Tiny,
+            size: e(D).Tiny,
             "on-click": t.showNextItems,
-            variant: e(m) ? e(M).Text : t.variant
+            variant: e(m) ? e(A).Text : t.variant
           }, null, 8, ["color", "disabled", "icon-before", "icon-size", "size", "on-click", "variant"])
         ], 2)
       ], 2)) : P("", !0),
@@ -164,16 +163,16 @@ const ce = /* @__PURE__ */ xe({
         x("div", {
           class: r(e(c))
         }, [
-          y(e(N), {
+          y(e(M), {
             "aria-label": "Show previous page of slides",
             "align-content": e(Q).Center,
             color: t.color,
             disabled: e(C),
-            "icon-before": e(j).ChevronLeft,
-            "icon-size": e(H).Small,
-            size: e(V).Tiny,
+            "icon-before": e(q).ChevronLeft,
+            "icon-size": e(j).Small,
+            size: e(D).Tiny,
             "on-click": t.showPrevItems,
-            variant: e(C) ? e(M).Text : t.variant,
+            variant: e(C) ? e(A).Text : t.variant,
             width: "30px",
             height: "30px",
             wrap: ""
@@ -182,16 +181,16 @@ const ce = /* @__PURE__ */ xe({
         x("div", {
           class: r(e($))
         }, [
-          y(e(N), {
+          y(e(M), {
             "aria-label": "Show next page of slides",
             "align-content": e(Q).Center,
             color: t.color,
             disabled: e(m),
-            "icon-before": e(j).ChevronRight,
-            "icon-size": e(H).Small,
-            size: e(V).Tiny,
+            "icon-before": e(q).ChevronRight,
+            "icon-size": e(j).Small,
+            size: e(D).Tiny,
             "on-click": t.showNextItems,
-            variant: e(m) ? e(M).Text : t.variant,
+            variant: e(m) ? e(A).Text : t.variant,
             width: "30px",
             height: "30px",
             wrap: ""
@@ -200,7 +199,7 @@ const ce = /* @__PURE__ */ xe({
       ], 2)) : P("", !0)
     ], 64));
   }
-}), Re = ["data-testid"], He = ["hidden"], je = /* @__PURE__ */ xe({
+}), De = ["data-testid"], Re = ["hidden"], He = /* @__PURE__ */ xe({
   name: "CLCarousel",
   __name: "CLCarousel",
   props: {
@@ -216,7 +215,7 @@ const ce = /* @__PURE__ */ xe({
     perPageByBreakpoints: {},
     testId: { default: "clll-carousel" },
     title: {},
-    variant: { default: M.Soft },
+    variant: { default: A.Soft },
     width: { default: "100%" }
   },
   setup(t) {
@@ -224,103 +223,103 @@ const ce = /* @__PURE__ */ xe({
       v3ba68b74: o.width,
       v1ab12a15: e(oe)
     }));
-    const a = "clll-carousel", n = t, q = v(), D = v(!1), p = v(1), c = v(n.perPage), $ = v(0), F = De("title"), W = v(!1), L = v(!1), C = v(!1), m = v(0), k = v(!1), O = v(), b = v(!1), z = v(), J = v(), oe = v("100%"), T = v(0), B = v(0), fe = () => {
+    const l = "clll-carousel", n = t, V = v(), B = v(!1), p = v(1), c = v(n.perPage), $ = v(0), F = Oe("title"), W = v(!1), L = v(!1), C = v(!1), m = v(0), k = v(!1), R = v(), b = v(!1), z = v(), J = v(), oe = v("100%"), T = v(0), N = v(0), fe = () => {
       if (n.perPageByBreakpoints?.length) {
         c.value = n.perPage;
-        for (const [o, l] of n.perPageByBreakpoints)
-          window.matchMedia(`(min-width: ${o}px)`).matches && (c.value = l);
+        for (const [o, a] of n.perPageByBreakpoints)
+          window.matchMedia(`(min-width: ${o}px)`).matches && (c.value = a);
       }
     }, ge = () => {
-      if (z?.value && B.value) {
-        const l = Math.ceil(B.value / c.value);
-        T.value = l, n.infinite ? (L.value = !0, C.value = !0) : l > 1 && (L.value = !0);
+      if (z?.value && N.value) {
+        const a = Math.ceil(N.value / c.value);
+        T.value = a, n.infinite ? (L.value = !0, C.value = !0) : a > 1 && (L.value = !0);
       }
     }, Se = () => {
       W.value || Y(() => {
-        let o, l;
+        let o, a;
         const i = z?.value;
         if (i) {
           const s = i?.querySelectorAll(
-            `div[class="${a}__slides"] > *`
+            `div[class="${l}__slides"] > *`
           ) ?? [];
           if (n.infinite && n.enabled && m.value > 0) {
-            const u = i.offsetWidth, g = u / c.value, d = i.scrollLeft, S = $.value / 2, I = g * S, A = g * m.value;
+            const u = i.offsetWidth, g = u / c.value, d = i.scrollLeft, S = $.value / 2, I = g * S, O = g * m.value;
             let U = d - I;
-            U < 0 && (U = A + U);
+            U < 0 && (U = O + U);
             const G = Math.floor(U / u) + 1;
             if (G < 1 ? p.value = T.value : G > T.value ? p.value = 1 : p.value = G, !W.value) {
               if (d < I) {
                 W.value = !0;
-                const K = d + A;
+                const K = d + O;
                 i.scrollTo({ left: K, behavior: "auto" }), setTimeout(() => {
                   W.value = !1;
                 }, 50);
-              } else if (d >= I + A) {
+              } else if (d >= I + O) {
                 W.value = !0;
-                const K = d - A;
+                const K = d - O;
                 i.scrollTo({ left: K, behavior: "auto" }), setTimeout(() => {
                   W.value = !1;
                 }, 50);
               }
             }
           } else {
-            const u = B.value - 1;
+            const u = N.value - 1;
             for (let g = 0; g < T.value; g++) {
               const d = c.value * (g + 1) - 1, S = d < u ? s[d] : s[u], I = d < u ? d : u;
-              Ve({ parent: i, child: S, leftOffset: 40, rightOffset: 40, threshold: 0.5 }) && (I === u ? (l = u, o = g + 1) : (l = I, o = g + 1));
+              Ve({ parent: i, child: S, leftOffset: 40, rightOffset: 40, threshold: 0.5 }) && (I === u ? (a = u, o = g + 1) : (a = I, o = g + 1));
             }
-            l !== void 0 && l > -1 && o && (p.value = o, o > 1 && (C.value = !0), o === 1 && (C.value = !1), o < T.value && (L.value = !0), o === T.value && (L.value = !1));
+            a !== void 0 && a > -1 && o && (p.value = o, o > 1 && (C.value = !0), o === 1 && (C.value = !1), o < T.value && (L.value = !0), o === T.value && (L.value = !1));
           }
         }
       });
     }, he = (o) => {
-      q.value && Y(() => {
-        const l = Ae(q.value) && !F.value;
-        !l && (o.title || o.controlPosition === Z.Before) ? D.value = !1 : D.value = l;
+      V.value && Y(() => {
+        const a = Ae(V.value) && !F.value;
+        !a && (o.title || o.controlPosition === Z.Before) ? B.value = !1 : B.value = a;
       });
     }, le = (o) => {
-      const l = z?.value, i = l.offsetWidth;
-      if (l && i)
+      const a = z?.value, i = a.offsetWidth;
+      if (a && i)
         if (n.infinite && n.enabled && m.value > 0) {
           const s = i / c.value, u = $.value / 2, g = s * u, d = o - 1, S = g + i * d;
-          l.scrollTo({ left: S, behavior: "smooth" });
+          a.scrollTo({ left: S, behavior: "smooth" });
         } else {
           const s = o - 1, u = i * s;
-          l.scrollTo({ left: u, behavior: "smooth" });
+          a.scrollTo({ left: u, behavior: "smooth" });
         }
     }, me = () => {
       k.value = !0;
       const o = c.value;
       fe(), we(), ge();
-      const l = z?.value, i = l.offsetWidth;
-      if (l)
+      const a = z?.value, i = a.offsetWidth;
+      if (a)
         if (n.infinite && n.enabled && m.value > 0) {
-          const s = i / c.value, u = i / o, g = $.value / 2, d = u * g, I = l.scrollLeft - d;
+          const s = i / c.value, u = i / o, g = $.value / 2, d = u * g, I = a.scrollLeft - d;
           if (o !== c.value) {
-            const K = l.querySelectorAll(
-              `div[class="${a}__slides"] > *`
-            ), Ce = Array.from(K), R = Ce.slice(g, Ce.length - g);
-            l.innerHTML = "", R.forEach((ye) => l.appendChild(ye));
-            const X = Math.min(c.value, R.length);
-            X > 0 && R.length > 0 && (R.slice(-X).forEach((se) => {
+            const K = a.querySelectorAll(
+              `div[class="${l}__slides"] > *`
+            ), Ce = Array.from(K), H = Ce.slice(g, Ce.length - g);
+            a.innerHTML = "", H.forEach((ye) => a.appendChild(ye));
+            const X = Math.min(c.value, H.length);
+            X > 0 && H.length > 0 && (H.slice(-X).forEach((se) => {
               const re = se.cloneNode(!0);
-              l.insertBefore(re, R[0]);
-            }), R.slice(0, X).forEach((se) => {
+              a.insertBefore(re, H[0]);
+            }), H.slice(0, X).forEach((se) => {
               const re = se.cloneNode(!0);
-              l.appendChild(re);
+              a.appendChild(re);
             }), $.value = X * 2);
           }
-          const A = $.value / 2, G = s * A + I;
+          const O = $.value / 2, G = s * O + I;
           Y(() => {
-            l.scrollLeft = G;
+            a.scrollLeft = G;
           });
         } else {
           p.value = 1;
           const s = p.value - 1, u = i * s;
-          l.scrollLeft = u;
+          a.scrollLeft = u;
         }
-      _ && k.value && (window.clearTimeout(O.value), O.value = window.setTimeout(() => {
-        k.value && (k.value = !1), window.clearTimeout(O.value);
+      _ && k.value && (window.clearTimeout(R.value), R.value = window.setTimeout(() => {
+        k.value && (k.value = !1), window.clearTimeout(R.value);
       }, 300));
     }, be = () => {
       k.value || (b.value = !0, _ && b.value && (window.clearTimeout(J.value), J.value = window.setTimeout(() => {
@@ -331,27 +330,27 @@ const ce = /* @__PURE__ */ xe({
     }, we = () => {
       const o = z?.value;
       if (o) {
-        const l = o.offsetWidth;
-        B.value >= c.value ? oe.value = `${l / c.value}px` : oe.value = `${l / B.value}px`;
+        const a = o.offsetWidth;
+        N.value >= c.value ? oe.value = `${a / c.value}px` : oe.value = `${a / N.value}px`;
       }
     }, ne = () => {
-      const o = z?.value, l = o.offsetWidth;
-      if (o && l)
+      const o = z?.value, a = o.offsetWidth;
+      if (o && a)
         if (n.infinite && n.enabled && m.value > 0) {
-          const s = o.scrollLeft + l;
+          const s = o.scrollLeft + a;
           o.scrollTo({ left: s, behavior: "smooth" });
         } else {
-          const i = p.value, s = l * i;
+          const i = p.value, s = a * i;
           o.scrollTo({ left: s, behavior: "smooth" });
         }
     }, ie = () => {
-      const o = z?.value, l = o.offsetWidth;
-      if (o && l)
+      const o = z?.value, a = o.offsetWidth;
+      if (o && a)
         if (n.infinite && n.enabled && m.value > 0) {
-          const s = o.scrollLeft - l;
+          const s = o.scrollLeft - a;
           o.scrollTo({ left: s, behavior: "smooth" });
         } else {
-          const i = p.value - 1, s = l * (i - 1);
+          const i = p.value - 1, s = a * (i - 1);
           o.scrollTo({ left: s, behavior: "smooth" });
         }
     };
@@ -360,11 +359,11 @@ const ce = /* @__PURE__ */ xe({
         window.addEventListener("resize", me);
         const o = z?.value;
         if (o) {
-          const l = o?.querySelectorAll(
-            `div[class="${a}__slides"] > *`
+          const a = o?.querySelectorAll(
+            `div[class="${l}__slides"] > *`
           ) ?? [];
-          if (m.value = l.length, B.value = l.length, n.infinite && n.enabled && l.length > 0) {
-            const i = Array.from(l), s = Math.min(c.value, i.length);
+          if (m.value = a.length, N.value = a.length, n.infinite && n.enabled && a.length > 0) {
+            const i = Array.from(a), s = Math.min(c.value, i.length);
             i.slice(-s).forEach((d) => {
               const S = d.cloneNode(!0);
               o.insertBefore(S, i[0]);
@@ -382,52 +381,52 @@ const ce = /* @__PURE__ */ xe({
       }
     }), We(() => {
       if (_) {
-        window.removeEventListener("resize", me), O.value && window.clearTimeout(O.value), J.value && window.clearTimeout(J.value);
+        window.removeEventListener("resize", me), R.value && window.clearTimeout(R.value), J.value && window.clearTimeout(J.value);
         const o = z?.value;
         o && (o.removeEventListener("scroll", be), o.removeEventListener("scrollend", ae));
       }
     });
     const Pe = w(() => [
-      a,
-      `${a}--${n.controlAlign}`,
-      `${a}--${n.controlPosition}`,
-      `${a}--${n.paginationType}`,
-      n.enabled ? `${a}--enabled` : `${a}--disabled`,
-      D.value ? "" : `${a}--hastitle`,
-      n.onShowMore ? `${a}--has-more` : ""
+      l,
+      `${l}--${n.controlAlign}`,
+      `${l}--${n.controlPosition}`,
+      `${l}--${n.paginationType}`,
+      n.enabled ? `${l}--enabled` : `${l}--disabled`,
+      B.value ? "" : `${l}--hastitle`,
+      n.onShowMore ? `${l}--has-more` : ""
     ]), $e = w(() => [
-      `${a}__slide-controls`,
-      F.value ? `${a}__slide-controls--hascustomtitle` : ""
+      `${l}__slide-controls`,
+      F.value ? `${l}__slide-controls--hascustomtitle` : ""
     ]), Le = w(() => [
-      `${a}__slides`,
-      k.value ? `${a}__slides--resizing` : "",
-      b.value ? `${a}__slides--scrolling` : "",
-      W.value ? `${a}__slides--jumping` : ""
+      `${l}__slides`,
+      k.value ? `${l}__slides--resizing` : "",
+      b.value ? `${l}__slides--scrolling` : "",
+      W.value ? `${l}__slides--jumping` : ""
     ]), pe = w(() => [
-      `${a}__navigation`,
-      `${a}__navigation--${n.controlAlign}`,
-      `${a}__navigation--${n.controlPosition}`
+      `${l}__navigation`,
+      `${l}__navigation--${n.controlAlign}`,
+      `${l}__navigation--${n.controlPosition}`
     ]);
     return Be(n, (o) => {
       he(o);
-    }), (o, l) => (f(), h("div", {
+    }), (o, a) => (f(), h("div", {
       class: r(e(Pe)),
       "data-testid": t.testId
     }, [
       x("div", {
         ref_key: "beforeControls",
-        ref: q,
+        ref: V,
         class: r(e($e)),
-        hidden: e(D)
+        hidden: e(B)
       }, [
         x("div", {
-          class: r(`${a}__custom-title`)
+          class: r(`${l}__custom-title`)
         }, [
           ve(o.$slots, "title")
         ], 2),
         t.title ? (f(), h("div", {
           key: 0,
-          class: r(`${a}__title`)
+          class: r(`${l}__title`)
         }, [
           y(e(Te), {
             align: e(F) ? e(Q).Center : e(Q).Left,
@@ -441,7 +440,7 @@ const ce = /* @__PURE__ */ xe({
           }, 8, ["align"])
         ], 2)) : P("", !0),
         t.controlPosition === e(Z).Before && ![e(E).Inline, e(E).Hidden].includes(t.paginationType) ? (f(), h(te, { key: 1 }, [
-          e(T) && e(B) > e(c) ? (f(), h("div", {
+          e(T) && e(N) > e(c) ? (f(), h("div", {
             key: 0,
             class: r(e(pe))
           }, [
@@ -454,7 +453,7 @@ const ce = /* @__PURE__ */ xe({
               "next-page-enabled": e(L),
               "pagination-type": t.paginationType,
               "prev-page-enabled": e(C),
-              prefix: a,
+              prefix: l,
               "show-more": t.onShowMore,
               "show-next-items": ne,
               "show-prev-items": ie,
@@ -463,7 +462,7 @@ const ce = /* @__PURE__ */ xe({
             }, null, 8, ["color", "current-page", "enabled", "more-label", "next-page-enabled", "pagination-type", "prev-page-enabled", "show-more", "total-pages", "variant"])
           ], 2)) : P("", !0)
         ], 64)) : P("", !0)
-      ], 10, He),
+      ], 10, Re),
       x("div", {
         ref_key: "scrollContainer",
         ref: z,
@@ -473,9 +472,9 @@ const ce = /* @__PURE__ */ xe({
         ve(o.$slots, "default")
       ], 2),
       t.controlPosition === e(Z).After && ![e(E).Inline, e(E).Hidden].includes(t.paginationType) ? (f(), h(te, { key: 0 }, [
-        e(T) && e(B) > e(c) ? (f(), h("div", {
+        e(T) && e(N) > e(c) ? (f(), h("div", {
           key: 0,
-          class: r(`${a}__slide-controls`)
+          class: r(`${l}__slide-controls`)
         }, [
           x("div", {
             class: r(e(pe))
@@ -488,7 +487,7 @@ const ce = /* @__PURE__ */ xe({
               "more-label": t.moreLabel,
               "next-page-enabled": e(L),
               "pagination-type": t.paginationType,
-              prefix: a,
+              prefix: l,
               "prev-page-enabled": e(C),
               "show-more": t.onShowMore,
               "show-next-items": ne,
@@ -501,10 +500,10 @@ const ce = /* @__PURE__ */ xe({
       ], 64)) : P("", !0),
       t.paginationType === e(E).Inline ? (f(), h("div", {
         key: 1,
-        class: r(`${a}__slide-controls ${a}__slide-controls--inline`)
+        class: r(`${l}__slide-controls ${l}__slide-controls--inline`)
       }, [
         x("div", {
-          class: r(`${a}__navigation`)
+          class: r(`${l}__navigation`)
         }, [
           y(ce, {
             color: t.color,
@@ -514,7 +513,7 @@ const ce = /* @__PURE__ */ xe({
             "more-label": t.moreLabel,
             "next-page-enabled": e(L),
             "pagination-type": t.paginationType,
-            prefix: a,
+            prefix: l,
             "prev-page-enabled": e(C),
             "show-more": t.onShowMore,
             "show-next-items": ne,
@@ -524,17 +523,22 @@ const ce = /* @__PURE__ */ xe({
           }, null, 8, ["color", "current-page", "enabled", "more-label", "next-page-enabled", "pagination-type", "prev-page-enabled", "show-more", "total-pages", "variant"])
         ], 2)
       ], 2)) : P("", !0)
-    ], 10, Re));
+    ], 10, De));
   }
-}), qe = {}, Fe = {
+}), je = (t, l) => {
+  const n = t.__vccOpts || t;
+  for (const [V, B] of l)
+    n[V] = B;
+  return n;
+}, qe = {}, Fe = {
   class: /* @__PURE__ */ r(["clll-carousel__slide"])
 };
-function Je(t, a) {
+function Je(t, l) {
   return f(), h("div", Fe, [
     ve(t.$slots, "default")
   ]);
 }
-const Ue = /* @__PURE__ */ Oe(qe, [["render", Je]]), Ge = je;
+const Ue = /* @__PURE__ */ je(qe, [["render", Je]]), Ge = He;
 Ge.Slide = Ue;
 export {
   Ge as CLCarousel,

package/dist/components/Form/CLCalendar/CLCalendar.css

@@ -1 +1 @@
-.clll-calendar[data-v-d4bca6fb]{display:flex;flex-direction:column;background-color:#fff;box-sizing:border-box;max-width:300px}.clll-calendar__fluid[data-v-d4bca6fb]{width:100%;max-width:none}.clll-calendar__header[data-v-d4bca6fb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--clll-unit-4)}.clll-calendar__grid[data-v-d4bca6fb]{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--clll-unit-1)}.clll-calendar__weekday[data-v-d4bca6fb]{text-align:center;padding-bottom:var(--clll-unit-1)}.clll-calendar__cell[data-v-d4bca6fb]{aspect-ratio:1;display:flex;justify-content:center;align-items:center}.clll-calendar__cell--outside[data-v-d4bca6fb]{opacity:.55}
+.clll-calendar{display:flex;flex-direction:column;background-color:#fff;box-sizing:border-box;width:var(--v63768322)}.clll-calendar__fluid{width:100%;max-width:none}.clll-calendar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--clll-unit-4)}.clll-calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--clll-unit-1)}.clll-calendar__weekday{text-align:center;padding-bottom:var(--clll-unit-1)}.clll-calendar__cell{aspect-ratio:1;display:flex;justify-content:center;align-items:center}.clll-calendar__cell--outside{opacity:.55}

package/dist/components/Form/CLCalendar/CLCalendar.js

@@ -1,7 +1,7 @@
 import '../../../assets/core.css';
 import './CLCalendar.css';
-import { C } from "../../../chunks/CLCalendar-XcUGsiWk.js";
+import { _ as r } from "../../../chunks/CLCalendar.vue_vue_type_style_index_0_lang-Bz1JdT1A.js";
 export {
-  C as CLCalendar,
-  C as default
+  r as CLCalendar,
+  r as default
 };

package/dist/components/Form/CLCalendar/CLCalendar.vue.d.ts

@@ -13,6 +13,8 @@ export interface CLCalendarProps {
     fluid?: boolean;
     /** Test ID for testing purposes. */
     testId?: string;
+    /** Sets the width of the calendar. */
+    width?: string;
 }
 declare const _default: import('vue').DefineComponent<{
     modelValue?: {
@@ -47,6 +49,7 @@ declare const _default: import('vue').DefineComponent<{
     color: CLColors;
     fluid: boolean;
     testId: string;
+    width: string;
     busy: boolean;
     disabled: boolean;
     isRange: boolean;

package/dist/components/Form/CLInput/CLInput.js

@@ -1,4 +1,5 @@
 import '../../../assets/core.css';
+import './CLInput.css';
 import '../../../assets/shared/form-utilities.css';
 import { defineComponent as S, computed as z, createElementBlock as $, openBlock as u, normalizeClass as y, unref as a, createBlock as b, Fragment as w, createTextVNode as M, toDisplayString as P, createVNode as K, ref as q, watch as R, createCommentVNode as v, mergeModels as N, useTemplateRef as Q, useModel as W, withCtx as Y, createElementVNode as p, normalizeStyle as Z, withDirectives as _, vModelDynamic as ee, isRef as le } from "vue";
 import { _ as ie, i as ae, a as te } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-DTWvAACK.js";

package/dist/components/Form/CLInputDatePicker/CLInputDatePicker.css

@@ -1 +1 @@
-.clll-input-date-picker[data-v-5ad92cdc]{position:relative;display:inline-flex;width:auto}.clll-input-date-picker--fluid[data-v-5ad92cdc]{width:100%}.clll-input-date-picker__calendar-container[data-v-5ad92cdc]{width:320px;padding:var(--clll-unit-2);background-color:#fff}.clll-input-date-picker__popover[data-v-5ad92cdc]{display:flex;flex-direction:column}.clll-input-date-picker__footer[data-v-5ad92cdc]{display:flex;justify-content:space-between;align-items:center;padding-top:var(--clll-unit-2)}.clll-input-date-picker__footer-right[data-v-5ad92cdc]{display:flex;gap:var(--clll-unit-2)}
+.clll-input-date-picker{position:relative;display:inline-flex;width:auto}.clll-input-date-picker--fluid{width:100%}.clll-input-date-picker__calendar-container{width:320px;padding:var(--clll-unit-2);background-color:#fff}.clll-input-date-picker__popover{display:flex;flex-direction:column}.clll-input-date-picker__footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--clll-unit-2)}.clll-input-date-picker__footer-right{display:flex;gap:var(--clll-unit-2)}