@codeandfunction/callaloo 3.16.1 → 3.16.2

package/dist/components/CLIcon/CLIcon.js

@@ -1,5 +1,5 @@
 import './CLIcon.css';
-import { _ as o } from "../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CZB8svPf.js";
+import { _ as o } from "../../chunks/CLIcon.vue_vue_type_style_index_0_lang-YdXhAQ8-.js";
 export {
   o as CLIcon,
   o as default

package/dist/components/CLTable/CLTable.js

@@ -1,18 +1,19 @@
 import './CLTable.css';
-import { defineComponent as b, useCssVars as C, computed as u, createElementBlock as a, openBlock as d, normalizeClass as s, unref as n, createElementVNode as y, createCommentVNode as w, renderSlot as c, Fragment as g, renderList as k, normalizeStyle as v, createVNode as L, withCtx as x } from "vue";
+import { defineComponent as b, useCssVars as C, computed as u, createElementBlock as a, openBlock as d, normalizeClass as c, unref as n, createElementVNode as y, createCommentVNode as w, renderSlot as s, Fragment as g, renderList as k, normalizeStyle as v, createVNode as L, withCtx as x } from "vue";
 import { CLMode as p, CLColorVariants as T, CLColors as B, CLTableTypes as H, CLTextTypes as N } from "../../index.js";
-import { u as R, g as V, c as $, a as A } from "../../chunks/useTheme-yoEfuNvB.js";
-import { _ as S } from "../../chunks/CLText.vue_vue_type_style_index_0_lang-V7LSR7DF.js";
+import { g as R, c as m, a as V } from "../../chunks/utils-UApzileu.js";
+import { useTheme as A } from "../../composables/useTheme.js";
+import { _ as S } from "../../chunks/CLText.vue_vue_type_style_index_0_lang-CPdNgG4V.js";
 const F = () => {
-  const { borderRadius: o, colors: l, darkMode: e } = R(), i = e.value ? p.Dark : p.Light, t = V({
+  const { borderRadius: o, colors: l, darkMode: e } = A(), i = e.value ? p.Dark : p.Light, t = R({
     color: B.Neutral,
     colors: l.value,
     mode: i,
     variant: T.Outline
   });
   let r;
-  return o.value && (r = $`&:not([class*='clll-table--rounded-']){&.clll-table-container.clll-table--rounded{border-radius:var(--clll-${o.value})}}`), A(
-    $`&.clll-table--bordered{border-color:${t?.border};border-style:solid;border-width:1px;.clll-table{.clll-table__header{.clll-table__row{.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}.clll-table__body{.clll-table__row{border-bottom-color:${t?.border};border-bottom-style:solid;border-bottom-width:1px;.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}.clll-table__footer{.clll-table__row{.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}}}.clll-table{&.clll-table--default,&.clll-table--condensed{.clll-table__header{.clll-table__row{border-bottom-color:${t?.border};border-bottom-style:solid;border-bottom-width:1px}}.clll-table__body{.clll-table__row{border-bottom-color:${t?.border};border-bottom-style:solid;border-bottom-width:1px;&:hover{background-color:${t?.hover}}&:last-child{border-bottom:0}}}.clll-table__footer{.clll-table__row{border-top-color:${t?.border};border-top-style:solid;border-top-width:1px}}}&.clll-table--striped{.clll-table__body{.clll-table__row{&:nth-child(even){background-color:${t?.hover}}}}}&.clll-table--vertical-lines{.clll-table__header{.clll-table__row{.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}.clll-table__body{.clll-table__row{border-bottom-color:${t?.border};border-bottom-style:solid;border-bottom-width:1px;.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}.clll-table__footer{.clll-table__row{.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}}.clll-table__cell{&.clll-table__cell--active{background-color:${t?.hover}}}}`,
+  return o.value && (r = m`&:not([class*='clll-table--rounded-']){&.clll-table-container.clll-table--rounded{border-radius:var(--clll-${o.value})}}`), V(
+    m`&.clll-table--bordered{border-color:${t?.border};border-style:solid;border-width:1px;.clll-table{.clll-table__header{.clll-table__row{.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}.clll-table__body{.clll-table__row{border-bottom-color:${t?.border};border-bottom-style:solid;border-bottom-width:1px;.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}.clll-table__footer{.clll-table__row{.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}}}.clll-table{&.clll-table--default,&.clll-table--condensed{.clll-table__header{.clll-table__row{border-bottom-color:${t?.border};border-bottom-style:solid;border-bottom-width:1px}}.clll-table__body{.clll-table__row{border-bottom-color:${t?.border};border-bottom-style:solid;border-bottom-width:1px;&:hover{background-color:${t?.hover}}&:last-child{border-bottom:0}}}.clll-table__footer{.clll-table__row{border-top-color:${t?.border};border-top-style:solid;border-top-width:1px}}}&.clll-table--striped{.clll-table__body{.clll-table__row{&:nth-child(even){background-color:${t?.hover}}}}}&.clll-table--vertical-lines{.clll-table__header{.clll-table__row{.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}.clll-table__body{.clll-table__row{border-bottom-color:${t?.border};border-bottom-style:solid;border-bottom-width:1px;.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}.clll-table__footer{.clll-table__row{.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}}.clll-table__cell{&.clll-table__cell--active{background-color:${t?.hover}}}}`,
     r
   );
 }, W = ["data-testid"], z = ["id"], D = { key: 0 }, E = /* @__PURE__ */ b({
@@ -47,7 +48,7 @@ const F = () => {
       l.bordered ? `${e}--bordered` : void 0
     ]);
     return (r, h) => (d(), a("div", {
-      class: s([
+      class: c([
         n(i),
         n(F)()
       ]),
@@ -55,15 +56,15 @@ const F = () => {
     }, [
       y("table", {
         id: `${e}-${o.id}`,
-        class: s(n(t))
+        class: c(n(t))
       }, [
         o.colWidths?.length ? (d(), a("colgroup", D, [
-          (d(!0), a(g, null, k(o.colWidths, (m, f) => (d(), a("col", {
+          (d(!0), a(g, null, k(o.colWidths, ($, f) => (d(), a("col", {
             key: `table-${o.id}-col-${f}`,
-            style: v({ width: m })
+            style: v({ width: $ })
           }, null, 4))), 128))
         ])) : w("", !0),
-        c(r.$slots, "default")
+        s(r.$slots, "default")
       ], 10, z)
     ], 10, W));
   }
@@ -72,9 +73,9 @@ const F = () => {
   __name: "CLTableBody",
   setup(o) {
     return (l, e) => (d(), a("tbody", {
-      class: s([I])
+      class: c([I])
     }, [
-      c(l.$slots, "default")
+      s(l.$slots, "default")
     ], 2));
   }
 }), O = ["colspan"], j = ["colspan"], q = /* @__PURE__ */ b({
@@ -99,28 +100,28 @@ const F = () => {
     ]), t = () => l?.onClick?.();
     return (r, h) => o.isHeader ? (d(), a("th", {
       key: 0,
-      class: s(n(i)),
+      class: c(n(i)),
       colspan: o.colSpan,
       onClick: t
     }, [
       o.isAction ? (d(), a("div", {
         key: 1,
-        class: s(`${e}__actions`)
+        class: c(`${e}__actions`)
       }, [
-        c(r.$slots, "default")
-      ], 2)) : c(r.$slots, "default", { key: 0 })
+        s(r.$slots, "default")
+      ], 2)) : s(r.$slots, "default", { key: 0 })
     ], 10, O)) : (d(), a("td", {
       key: 1,
-      class: s(n(i)),
+      class: c(n(i)),
       colspan: o.colSpan,
       onClick: t
     }, [
       o.isAction ? (d(), a("div", {
         key: 1,
-        class: s(`${e}__actions`)
+        class: c(`${e}__actions`)
       }, [
-        c(r.$slots, "default")
-      ], 2)) : c(r.$slots, "default", { key: 0 })
+        s(r.$slots, "default")
+      ], 2)) : s(r.$slots, "default", { key: 0 })
     ], 10, j));
   }
 }), G = "clll-table__footer", J = /* @__PURE__ */ b({
@@ -128,9 +129,9 @@ const F = () => {
   __name: "CLTableFooter",
   setup(o) {
     return (l, e) => (d(), a("tfoot", {
-      class: s([G])
+      class: c([G])
     }, [
-      c(l.$slots, "default")
+      s(l.$slots, "default")
     ], 2));
   }
 }), K = "clll-table__header", P = /* @__PURE__ */ b({
@@ -138,9 +139,9 @@ const F = () => {
   __name: "CLTableHeader",
   setup(o) {
     return (l, e) => (d(), a("thead", {
-      class: s([K])
+      class: c([K])
     }, [
-      c(l.$slots, "default")
+      s(l.$slots, "default")
     ], 2));
   }
 }), Q = /* @__PURE__ */ b({
@@ -152,14 +153,14 @@ const F = () => {
   setup(o) {
     const l = "clll-table__nested-cell";
     return (e, i) => (d(), a("div", {
-      class: s(l)
+      class: c(l)
     }, [
       L(n(S), {
         type: n(N).Small,
         truncate: o.truncate
       }, {
         default: x(() => [
-          c(e.$slots, "default")
+          s(e.$slots, "default")
         ]),
         _: 3
       }, 8, ["type", "truncate"])
@@ -177,10 +178,10 @@ const F = () => {
       l.onClick ? `${e}--clickable` : ""
     ]), t = () => l?.onClick?.();
     return (r, h) => (d(), a("tr", {
-      class: s(n(i)),
+      class: c(n(i)),
       onClick: t
     }, [
-      c(r.$slots, "default")
+      s(r.$slots, "default")
     ], 2));
   }
 }), _ = E;

package/dist/components/Containers/CLCard/CLCard.js

@@ -1,5 +1,5 @@
 import './CLCard.css';
-import { _ as r } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-DVuAcV5A.js";
+import { _ as r } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-vXK1HBND.js";
 export {
   r as CLCard,
   r as default

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

@@ -1,10 +1,10 @@
 import './CLCarousel.css';
-import { defineComponent as re, computed as u, createElementBlock as c, openBlock as s, Fragment as j, createCommentVNode as C, unref as e, normalizeClass as l, renderList as me, createBlock as he, createElementVNode as y, createVNode as x, withCtx as X, createTextVNode as Y, toDisplayString as q, useCssVars as be, ref as r, onMounted as we, onUnmounted as pe, watch as Ce, renderSlot as Z, nextTick as se } from "vue";
-import { _ as E } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CrhjC50b.js";
-import { _ as ce } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-V7LSR7DF.js";
+import { defineComponent as re, computed as u, createElementBlock as c, openBlock as s, Fragment as F, createCommentVNode as C, unref as e, normalizeClass as l, renderList as me, createBlock as he, createElementVNode as y, createVNode as x, withCtx as X, createTextVNode as Y, toDisplayString as q, useCssVars as be, ref as r, onMounted as we, onUnmounted as pe, watch as Ce, renderSlot as Z, nextTick as se } from "vue";
+import { _ as E } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-DiT4TwiW.js";
+import { _ as ce } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-CPdNgG4V.js";
 import { CLPaginationType as $, CLColorVariants as B, CLSizes as W, CLIconSizes as D, CLIconNames as O, CLTextTypes as xe, CLAlign as A, CLOrder as R, CLColors as ye } from "../../../index.js";
-import { i as H, h as Pe, j as $e } from "../../../chunks/base-theme-C9_Hz5HW.js";
-import { u as Te } from "../../../chunks/useHasSlotContent-DDqs5uK9.js";
+import { i as H, c as Pe, d as $e } from "../../../chunks/helper--hRjZVm6.js";
+import { useHasSlotContent as Te } from "../../../composables/useHasSlotContent.js";
 const Q = /* @__PURE__ */ re({
   name: "CLCarouselNavigation",
   __name: "CLCarouselNavigation",
@@ -41,12 +41,12 @@ const Q = /* @__PURE__ */ re({
     ]), k = u(() => [
       `${o.prefix}__show-more`
     ]), L = (m) => o.currentPage === m, v = u(() => !o.enabled || !o.prevPageEnabled), w = u(() => !o.enabled || !o.nextPageEnabled);
-    return (m, h) => (s(), c(j, null, [
+    return (m, h) => (s(), c(F, null, [
       a.paginationType === e($).Dots ? (s(), c("div", {
         key: 0,
         class: l(e(i))
       }, [
-        (s(!0), c(j, null, me(a.totalPages, (b) => (s(), he(e(E), {
+        (s(!0), c(F, null, me(a.totalPages, (b) => (s(), he(e(E), {
           key: `dot-${b}`,
           "aria-label": `Show page ${b}`,
           color: a.color,
@@ -184,9 +184,9 @@ const Q = /* @__PURE__ */ re({
   setup(a) {
     be((t) => ({
       v512ef87c: t.width,
-      v34e944c2: e(F)
+      v34e944c2: e(U)
     }));
-    const o = "clll-carousel", i = a, I = r(), T = r(!1), f = r(1), g = r(i.perPage), N = Te("title"), k = r(!1), L = r(!1), v = r(!1), w = r(), m = r(!1), h = r(), b = r(), F = r("100%"), P = r(0), S = r(0), _ = () => {
+    const o = "clll-carousel", i = a, I = r(), T = r(!1), f = r(1), g = r(i.perPage), N = Te("title"), k = r(!1), L = r(!1), v = r(!1), w = r(), m = r(!1), h = r(), b = r(), U = r("100%"), P = r(0), S = r(0), _ = () => {
       if (i.perPageByBreakpoints?.length) {
         g.value = i.perPage;
         for (const [t, n] of i.perPageByBreakpoints)
@@ -217,7 +217,7 @@ const Q = /* @__PURE__ */ re({
         const n = Pe(I.value) && !N.value;
         !n && (t.title || t.controlPosition === R.Before) ? T.value = !1 : T.value = n;
       });
-    }, U = (t) => {
+    }, j = (t) => {
       const n = h?.value, d = n.offsetWidth;
       if (n && d) {
         const p = t - 1, z = d * p;
@@ -243,7 +243,7 @@ const Q = /* @__PURE__ */ re({
       const t = h?.value;
       if (t) {
         const n = t.offsetWidth;
-        S.value >= g.value ? F.value = `${n / g.value}px` : F.value = `${n / S.value}px`;
+        S.value >= g.value ? U.value = `${n / g.value}px` : U.value = `${n / S.value}px`;
       }
     }, J = () => {
       const t = h?.value, n = t.offsetWidth;
@@ -329,7 +329,7 @@ const Q = /* @__PURE__ */ re({
             _: 1
           }, 8, ["align"])
         ], 2)) : C("", !0),
-        a.controlPosition === e(R).Before && ![e($).Inline, e($).Hidden].includes(a.paginationType) ? (s(), c(j, { key: 1 }, [
+        a.controlPosition === e(R).Before && ![e($).Inline, e($).Hidden].includes(a.paginationType) ? (s(), c(F, { key: 1 }, [
           e(P) && e(S) > e(g) ? (s(), c("div", {
             key: 0,
             class: l(e(le))
@@ -338,7 +338,7 @@ const Q = /* @__PURE__ */ re({
               color: a.color,
               "current-page": e(f),
               enabled: !e(m),
-              "goto-page": U,
+              "goto-page": j,
               "more-label": a.moreLabel,
               "next-page-enabled": e(k),
               "pagination-type": a.paginationType,
@@ -361,7 +361,7 @@ const Q = /* @__PURE__ */ re({
       }, [
         Z(t.$slots, "default")
       ], 2),
-      a.controlPosition === e(R).After && ![e($).Inline, e($).Hidden].includes(a.paginationType) ? (s(), c(j, { key: 0 }, [
+      a.controlPosition === e(R).After && ![e($).Inline, e($).Hidden].includes(a.paginationType) ? (s(), c(F, { key: 0 }, [
         e(P) && e(S) > e(g) ? (s(), c("div", {
           key: 0,
           class: l(`${o}__slide-controls`)
@@ -373,7 +373,7 @@ const Q = /* @__PURE__ */ re({
               color: a.color,
               "current-page": e(f),
               enabled: !e(m),
-              "goto-page": U,
+              "goto-page": j,
               "more-label": a.moreLabel,
               "next-page-enabled": e(k),
               "pagination-type": a.paginationType,
@@ -399,7 +399,7 @@ const Q = /* @__PURE__ */ re({
             color: a.color,
             "current-page": e(f),
             enabled: !e(m),
-            "goto-page": U,
+            "goto-page": j,
             "more-label": a.moreLabel,
             "next-page-enabled": e(k),
             "pagination-type": a.paginationType,

package/dist/components/Containers/CLDisclosure/CLDisclosure.js

@@ -1,12 +1,12 @@
 import './CLDisclosure.css';
 import { defineComponent as S, ref as g, computed as $, onBeforeUnmount as L, createElementBlock as I, openBlock as i, normalizeClass as o, unref as d, createElementVNode as c, createVNode as T, withCtx as u, createBlock as l, createCommentVNode as s, createTextVNode as b, toDisplayString as y, renderSlot as H } from "vue";
-import { _ as k } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CrhjC50b.js";
-import { _ as E } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-DILwNSgn.js";
-import { _ as h } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CZB8svPf.js";
-import { _ as N } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-V7LSR7DF.js";
+import { _ as k } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-DiT4TwiW.js";
+import { _ as E } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-HzXfA-v_.js";
+import { _ as h } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-YdXhAQ8-.js";
+import { _ as N } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-CPdNgG4V.js";
 import { CLColorVariants as R, CLSizes as w, CLTextTypes as A, CLIconSizes as D, CLIconNames as C, CLHeadingTypes as V, CLColors as p, CLBorderRadius as M, CLButtonTypes as U } from "../../../index.js";
-import { d as F } from "../../../chunks/utils-D_WP3vZz.js";
-import { u as j } from "../../../chunks/useEsc-C9QIDZ_8.js";
+import { d as F } from "../../../chunks/utils-m8fomrFl.js";
+import { useEsc as j } from "../../../composables/useEsc.js";
 const q = ["data-testid"], G = ["id", "aria-labelledby", "aria-hidden"], _ = /* @__PURE__ */ S({
   name: "CLDisclosure",
   __name: "CLDisclosure",

package/dist/components/Form/CLCheckbox/CLCheckbox.js

@@ -1,8 +1,8 @@
 import './CLCheckbox.css';
 import { defineComponent as T, mergeModels as B, useTemplateRef as z, useModel as S, computed as y, createBlock as r, openBlock as f, withCtx as $, createElementVNode as s, createCommentVNode as C, normalizeClass as i, unref as n, withDirectives as M, vModelCheckbox as V, createVNode as q, createTextVNode as F, toDisplayString as N } from "vue";
-import { _ as I, c as R, a as D } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-RMOT1TQk.js";
-import { _ as X } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CZB8svPf.js";
-import { _ as w } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-V7LSR7DF.js";
+import { _ as I, c as R, a as D } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-BNAW5shz.js";
+import { _ as X } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-YdXhAQ8-.js";
+import { _ as w } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-CPdNgG4V.js";
 import { CLSizes as o, CLIconSizes as u, CLTextTypes as c, CLIconNames as E, CLColorVariants as H, CLColors as O } from "../../../index.js";
 const U = ["data-testid"], j = ["for", "disabled"], A = ["id", "aria-label", "disabled", "form", "name", "required", "value"], Y = /* @__PURE__ */ T({
   name: "CLCheckbox",

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

@@ -1,12 +1,12 @@
 import './CLInput.css';
 import { defineComponent as v, computed as I, createElementBlock as p, openBlock as n, normalizeClass as x, unref as a, createBlock as m, Fragment as M, createTextVNode as q, toDisplayString as R, createVNode as K, ref as w, watch as T, createCommentVNode as g, mergeModels as N, useTemplateRef as Q, useModel as W, withCtx as Y, createElementVNode as L, withDirectives as Z, vModelDynamic as _, isRef as ee } from "vue";
-import { _ as le, i as te, a as ae } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-RMOT1TQk.js";
-import { _ as ie } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-fddy-FWI.js";
+import { _ as le, i as te, a as ae } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-BNAW5shz.js";
+import { _ as ie } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-B9PYNMYy.js";
 import { _ as oe } from "../../../chunks/CLFormCharCounter.vue_vue_type_style_index_0_lang-CJ4VrvmR.js";
-import { _ as X } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CZB8svPf.js";
+import { _ as X } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-YdXhAQ8-.js";
 import { CLSizes as u, CLBorderRadius as H, CLIconSizes as r, CLIconNames as h, CLColors as k, CLColorVariants as S, CLInputTypes as o, CLOrientation as B, CLCharCounterLayout as ne } from "../../../index.js";
-import { _ as ue } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-mkIKVHjg.js";
-import { _ as P } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CrhjC50b.js";
+import { _ as ue } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-DZl8_301.js";
+import { _ as P } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-DiT4TwiW.js";
 const de = ["data-testid"], E = /* @__PURE__ */ v({
   name: "CLInputPrefix",
   __name: "CLInputPrefix",

package/dist/components/Form/CLRadioButton/CLRadioButton.js

@@ -1,7 +1,7 @@
 import './CLRadioButton.css';
 import { defineComponent as k, mergeModels as x, useModel as T, useTemplateRef as h, computed as f, createBlock as m, openBlock as c, withCtx as $, createElementVNode as n, createCommentVNode as y, normalizeClass as d, unref as u, withDirectives as R, vModelRadio as q, createTextVNode as V, toDisplayString as M } from "vue";
-import { _ as S, c as z, a as F } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-RMOT1TQk.js";
-import { _ as N } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-V7LSR7DF.js";
+import { _ as S, c as z, a as F } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-BNAW5shz.js";
+import { _ as N } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-CPdNgG4V.js";
 import { CLSizes as s, CLTextTypes as i, CLColorVariants as w, CLColors as D } from "../../../index.js";
 const I = ["data-testid"], X = ["for"], E = ["id", "aria-label", "checked", "disabled", "name", "value", "required"], A = /* @__PURE__ */ k({
   name: "CLRadioButton",

package/dist/components/Form/CLSelect/CLSelect.js

@@ -1,8 +1,8 @@
 import './CLSelect.css';
 import { defineComponent as B, mergeModels as h, useModel as S, useTemplateRef as q, computed as x, createBlock as f, openBlock as o, withCtx as T, createElementVNode as d, createCommentVNode as b, normalizeClass as r, unref as u, withDirectives as V, createElementBlock as $, Fragment as k, renderList as M, toDisplayString as F, vModelSelect as I, createVNode as N } from "vue";
-import { _ as R, s as D, a as w } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-RMOT1TQk.js";
-import { _ as E } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-fddy-FWI.js";
-import { _ as H } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CZB8svPf.js";
+import { _ as R, s as D, a as w } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-BNAW5shz.js";
+import { _ as E } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-B9PYNMYy.js";
+import { _ as H } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-YdXhAQ8-.js";
 import { CLSizes as n, CLIconSizes as s, CLOrientation as y, CLIconNames as O, CLColorVariants as P, CLColors as U } from "../../../index.js";
 const X = ["data-testid"], j = ["id", "aria-label", "disabled", "name", "placeholder", "form", "required"], A = ["value", "selected", "disabled"], Z = /* @__PURE__ */ B({
   name: "CLSelect",

package/dist/components/Form/CLTextArea/CLTextArea.js

@@ -1,7 +1,7 @@
 import './CLTextArea.css';
 import { defineComponent as g, mergeModels as $, useTemplateRef as x, useModel as C, computed as L, createBlock as i, openBlock as r, withCtx as B, createElementVNode as u, createCommentVNode as s, normalizeClass as m, unref as c, withDirectives as z, vModelText as v } from "vue";
-import { _ as k, i as T, a as q } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-RMOT1TQk.js";
-import { _ as V } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-fddy-FWI.js";
+import { _ as k, i as T, a as q } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-BNAW5shz.js";
+import { _ as V } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-B9PYNMYy.js";
 import { _ as w } from "../../../chunks/CLFormCharCounter.vue_vue_type_style_index_0_lang-CJ4VrvmR.js";
 import { CLOrientation as f, CLCharCounterLayout as I, CLColorVariants as F, CLSizes as R, CLColors as M } from "../../../index.js";
 const A = ["data-testid"], N = ["id", "aria-label", "autocomplete", "cols", "disabled", "form", "maxlength", "minlength", "name", "pattern", "placeholder", "readonly", "required", "spellcheck", "rows"], U = /* @__PURE__ */ g({

package/dist/components/Indicators/CLBadge/CLBadge.js

@@ -1,7 +1,7 @@
 import './CLBadge.css';
 import { defineComponent as c, computed as n, createElementBlock as m, openBlock as u, normalizeClass as s, unref as r, createElementVNode as f, toDisplayString as b } from "vue";
 import { CLColorVariants as g, CLColors as p } from "../../../index.js";
-import { b as C } from "../../../chunks/utils-DFnkOeYP.js";
+import { b as C } from "../../../chunks/utils-B7dbJd6n.js";
 const v = ["data-testid"], h = /* @__PURE__ */ c({
   name: "CLBadge",
   __name: "CLBadge",

package/dist/components/Indicators/CLBanner/CLBanner.js

@@ -1,12 +1,12 @@
 import './CLBanner.css';
 import { defineComponent as v, useCssVars as h, computed as x, createBlock as l, openBlock as n, unref as a, withCtx as s, createElementVNode as m, normalizeClass as r, createElementBlock as b, createCommentVNode as o, createTextVNode as f, toDisplayString as c, createVNode as $ } from "vue";
-import { _ as B } from "../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-Cdx5rsou.js";
-import { _ as C } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CrhjC50b.js";
-import { _ as S } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-DILwNSgn.js";
-import { _ as k } from "../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang-E-bZeUWT.js";
-import { _ as z } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-V7LSR7DF.js";
+import { _ as B } from "../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-BPM559Fj.js";
+import { _ as C } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-DiT4TwiW.js";
+import { _ as S } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-HzXfA-v_.js";
+import { _ as k } from "../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang-BDGFXnrV.js";
+import { _ as z } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-CPdNgG4V.js";
 import { CLColorVariants as d, CLColors as D, CLAlign as T, CLHeadingTypes as N, CLTextTypes as V, CLSizes as w, CLIconSizes as A, CLIconNames as I } from "../../../index.js";
-import { c as R } from "../../../chunks/utils-DFnkOeYP.js";
+import { c as R } from "../../../chunks/utils-B7dbJd6n.js";
 const E = ["data-testid"], O = /* @__PURE__ */ v({
   name: "CLBanner",
   __name: "CLBanner",

package/dist/components/Indicators/CLPill/CLPill.js

@@ -1,5 +1,5 @@
 import './CLPill.css';
-import { _ as s } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-mkIKVHjg.js";
+import { _ as s } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-DZl8_301.js";
 export {
   s as CLPill,
   s as default

package/dist/components/Indicators/CLProgress/CLProgress.js

@@ -1,5 +1,5 @@
 import './CLProgress.css';
-import { _ as a } from "../../../chunks/CLProgress.vue_vue_type_style_index_0_lang-CSf7WiNb.js";
+import { _ as a } from "../../../chunks/CLProgress.vue_vue_type_style_index_0_lang-B2TZA2aN.js";
 export {
   a as CLProgress,
   a as default

package/dist/components/Loading/CLSkeleton/CLSkeleton.js

@@ -1,5 +1,5 @@
 import './CLSkeleton.css';
-import { _ as e } from "../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang-E-bZeUWT.js";
+import { _ as e } from "../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang-BDGFXnrV.js";
 export {
   e as CLSkeleton,
   e as default

package/dist/components/Loading/CLSpinner/CLSpinner.js

@@ -1,5 +1,5 @@
 import './CLSpinner.css';
-import { _ as r } from "../../../chunks/CLSpinner.vue_vue_type_style_index_0_lang-C8s8K4zb.js";
+import { _ as r } from "../../../chunks/CLSpinner.vue_vue_type_style_index_0_lang-BsI680jS.js";
 export {
   r as CLSpinner,
   r as default

package/dist/components/Modals/CLModal/CLModal.js

@@ -1,21 +1,22 @@
 import './CLModal.css';
-import { defineComponent as W, useCssVars as F, unref as n, computed as m, useTemplateRef as U, useSlots as Z, ref as j, watch as q, onMounted as A, onBeforeUnmount as G, createElementBlock as g, createCommentVNode as f, openBlock as v, normalizeClass as a, createElementVNode as r, createBlock as p, renderSlot as $, withCtx as J, createTextVNode as K, toDisplayString as P, normalizeStyle as Q } from "vue";
-import { _ as X } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CrhjC50b.js";
-import { _ as Y } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-DILwNSgn.js";
+import { defineComponent as W, useCssVars as F, unref as n, computed as m, useTemplateRef as U, useSlots as Z, ref as j, watch as q, onMounted as A, onBeforeUnmount as G, createElementBlock as p, createCommentVNode as f, openBlock as v, normalizeClass as a, createElementVNode as r, createBlock as g, renderSlot as $, withCtx as J, createTextVNode as K, toDisplayString as P, normalizeStyle as Q } from "vue";
+import { _ as X } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-DiT4TwiW.js";
+import { _ as Y } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-HzXfA-v_.js";
 import { CLMode as k, CLColors as R, CLColorVariants as T, CLBorderRadius as ee, CLIconSizes as oe, CLIconNames as te, CLHeadingTypes as le } from "../../../index.js";
-import { u as ne, g as ae, c as B, a as se } from "../../../chunks/useTheme-yoEfuNvB.js";
-import { u as de } from "../../../chunks/useEsc-C9QIDZ_8.js";
-import { f as S, i as s } from "../../../chunks/base-theme-C9_Hz5HW.js";
+import { g as ne, c as B, a as ae } from "../../../chunks/utils-UApzileu.js";
+import { useTheme as se } from "../../../composables/useTheme.js";
+import { useEsc as de } from "../../../composables/useEsc.js";
+import { b as S, i as s } from "../../../chunks/helper--hRjZVm6.js";
 const re = () => {
-  const { borderRadius: t, colors: w, darkMode: c } = ne(), d = c.value ? k.Dark : k.Light, u = ae({
+  const { borderRadius: t, colors: w, darkMode: c } = se(), d = c.value ? k.Dark : k.Light, u = ne({
     color: R.Neutral,
     colors: w.value,
     mode: d,
     variant: T.Solid
   }), o = c.value ? "black" : "white";
   let e;
-  return t.value && (e = B`&.clll-modal{.clll-modal__window{.clll-modal__content:not([class*='clll-modal__content--rounded-']){border-radius:var(--clll-${t.value});}}}`), se(B`.clll-modal__overlay{background-color:${u?.bg};}.clll-modal__window{.clll-modal__content{background:${o}}}`, e);
-}, ie = ["id", "data-testid"], ce = ["aria-labelledby"], ye = /* @__PURE__ */ W({
+  return t.value && (e = B`&.clll-modal{.clll-modal__window{.clll-modal__content:not([class*='clll-modal__content--rounded-']){border-radius:var(--clll-${t.value});}}}`), ae(B`.clll-modal__overlay{background-color:${u?.bg};}.clll-modal__window{.clll-modal__content{background:${o}}}`, e);
+}, ie = ["id", "data-testid"], ce = ["aria-labelledby"], $e = /* @__PURE__ */ W({
   name: "CLModal",
   __name: "CLModal",
   props: {
@@ -88,7 +89,7 @@ const re = () => {
     const { clearEventListeners: D } = de({ escHandler: o.dismissible ? z : void 0 });
     return G(() => {
       I(), D();
-    }), (l, i) => t.isOpen ? (v(), g("div", {
+    }), (l, i) => t.isOpen ? (v(), p("div", {
       key: 0,
       id: t.modalId,
       class: a([n(N), n(re)()]),
@@ -108,7 +109,7 @@ const re = () => {
           r("div", {
             class: a(`${e}__close-button`)
           }, [
-            t.onClose && t.close ? (v(), p(n(X), {
+            t.onClose && t.close ? (v(), g(n(X), {
               key: 0,
               "aria-label": "Close modal",
               "border-radius": t.closeBorderRadius,
@@ -129,7 +130,7 @@ const re = () => {
               r("div", {
                 class: a(`${e}__content__header__container`)
               }, [
-                t.title ? (v(), p(n(Y), {
+                t.title ? (v(), g(n(Y), {
                   key: 0,
                   id: `${e}__content__header__title`,
                   class: a(`${e}__content__header__title`),
@@ -160,7 +161,7 @@ const re = () => {
           ], 2)
         ], 10, ce)
       ], 2),
-      t.overlay ? (v(), g("div", {
+      t.overlay ? (v(), p("div", {
         key: 0,
         ref: "overlay-ref",
         class: a(`${e}__overlay`),
@@ -170,6 +171,6 @@ const re = () => {
   }
 });
 export {
-  ye as CLModal,
-  ye as default
+  $e as CLModal,
+  $e as default
 };

package/dist/components/Navigation/CLLink/CLLink.js

@@ -1,5 +1,5 @@
 import './CLLink.css';
-import { _ as s } from "../../../chunks/CLLink.vue_vue_type_style_index_0_lang-BUgw8Rpy.js";
+import { _ as s } from "../../../chunks/CLLink.vue_vue_type_style_index_0_lang-iHWgurk-.js";
 export {
   s as CLLink,
   s as default

package/dist/components/Navigation/CLNavLink/CLNavLink.js

@@ -1,4 +1,4 @@
-import { _ as s } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-Ckz9MEj5.js";
+import { _ as s } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-DBu0BjSA.js";
 export {
   s as CLNavLink,
   s as default

package/dist/components/Navigation/CLNavSection/CLNavSection.js

@@ -1,7 +1,7 @@
 import './CLNavSection.css';
 import { defineComponent as f, computed as u, createElementBlock as a, openBlock as l, normalizeClass as m, unref as r, Fragment as p, renderList as _, createVNode as i, withCtx as n, createTextVNode as C, toDisplayString as x } from "vue";
-import { _ as k } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-Ckz9MEj5.js";
-import { _ as L } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-V7LSR7DF.js";
+import { _ as k } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-DBu0BjSA.js";
+import { _ as L } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-CPdNgG4V.js";
 import { CLOrientation as h, CLColors as $ } from "../../../index.js";
 const g = ["data-testid"], V = /* @__PURE__ */ f({
   name: "CLNavSection",