@codeandfunction/callaloo 3.20.0 → 3.22.0

package/dist/components/Containers/CLCarousel/CLCarousel.vue.d.ts

@@ -8,6 +8,8 @@ export interface CLCarouselProps {
     controlPosition?: CLOrder;
     /** When set to `false` it will remove the carousel's functionality and layout. */
     enabled?: boolean;
+    /** When set to `true`, the carousel will loop infinitely through slides. */
+    infinite?: boolean;
     /** Set a custom label for the more button. Default is `More`. */
     moreLabel?: string;
     /** A callback function to handle when the more button is clicked. */
@@ -37,6 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
     paginationType: CLPaginationType;
     controlAlign: CLAlign;
     controlPosition: CLOrder;
+    infinite: boolean;
     perPage: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     beforeControls: HTMLDivElement;

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

@@ -1,9 +1,9 @@
 import '../../../assets/core.css';
 import './CLDisclosure.css';
 import { defineComponent as x, ref as g, computed as $, onBeforeUnmount as L, createElementBlock as I, openBlock as i, normalizeStyle as T, normalizeClass as o, unref as d, createElementVNode as c, createVNode as H, withCtx as u, createBlock as l, createCommentVNode as s, createTextVNode as y, toDisplayString as b, renderSlot as k } from "vue";
-import { _ as E } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-B3AdartN.js";
+import { _ as E } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-kYdsi6-T.js";
 import { _ as N } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-DntAR1dI.js";
-import { _ as h } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-BBPM6q0l.js";
+import { _ as h } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CduBjI1N.js";
 import { _ as w } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-DVwTAVXM.js";
 import { CLColorVariants as A, CLSizes as D, CLTextTypes as R, CLIconSizes as V, CLIconNames as v, CLHeadingTypes as p, CLColors as M, CLButtonTypes as U } from "../../../index.js";
 import { d as F } from "../../../chunks/utils-BwiU4N7s.js";

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

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

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

@@ -5,10 +5,10 @@ import { defineComponent as v, computed as I, createElementBlock as b, openBlock
 import { _ as te, i as ae, a as ie } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-CF_lxNr8.js";
 import { _ as oe } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-DYYs8W4N.js";
 import { _ as ne } 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-BBPM6q0l.js";
+import { _ as X } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CduBjI1N.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 ue } from "../../../index.js";
-import { _ as se } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-C8_aZqPJ.js";
-import { _ as P } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-B3AdartN.js";
+import { _ as se } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-BPOoZ5_q.js";
+import { _ as P } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-kYdsi6-T.js";
 const de = ["data-testid"], E = /* @__PURE__ */ v({
   name: "CLInputPrefix",
   __name: "CLInputPrefix",

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

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

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

@@ -1,14 +1,14 @@
 import '../../../assets/core.css';
 import './CLBanner.css';
-import { defineComponent as L, computed as h, createBlock as l, openBlock as n, unref as a, withCtx as c, createElementVNode as u, normalizeStyle as v, normalizeClass as d, createElementBlock as m, createCommentVNode as o, createTextVNode as b, toDisplayString as s, createVNode as y } from "vue";
+import { defineComponent as L, computed as h, createBlock as l, openBlock as n, unref as a, withCtx as s, createElementVNode as u, normalizeStyle as v, normalizeClass as r, createElementBlock as b, createCommentVNode as o, createTextVNode as m, toDisplayString as c, createVNode as y } from "vue";
 import { _ as x } from "../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-fn1ix3QX.js";
-import { _ as $ } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-B3AdartN.js";
+import { _ as $ } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-kYdsi6-T.js";
 import { _ as S } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-DntAR1dI.js";
 import { _ as C } from "../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang-DO-kZ629.js";
 import { _ as B } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-DVwTAVXM.js";
-import { CLColorVariants as r, CLColors as z, CLAlign as D, CLHeadingTypes as T, CLTextTypes as N, CLSizes as w, CLIconSizes as V, CLIconNames as A } from "../../../index.js";
-import { a as I } from "../../../chunks/utils-BT2IMc_A.js";
-const R = ["data-testid"], O = /* @__PURE__ */ L({
+import { CLColorVariants as d, CLColors as z, CLAlign as D, CLHeadingTypes as T, CLTextTypes as N, CLSizes as R, CLIconSizes as w, CLIconNames as V } from "../../../index.js";
+import { a as A } from "../../../chunks/utils-BT2IMc_A.js";
+const I = ["data-testid"], O = /* @__PURE__ */ L({
   name: "CLBanner",
   __name: "CLBanner",
   props: {
@@ -28,14 +28,14 @@ const R = ["data-testid"], O = /* @__PURE__ */ L({
     testId: { default: "clll-banner" },
     title: {},
     width: { default: "100%" },
-    variant: { default: r.Soft }
+    variant: { default: d.Soft }
   },
   setup(e) {
     const i = e, t = "clll-banner", k = h(() => [
       t,
       i.actionLabel ? `${t}--actionable` : "",
       i.busy ? `${t}--busy` : `${t}--ready`,
-      i.bordered && i.variant !== r.Ghost ? `${t}--bordered` : "",
+      i.bordered && i.variant !== d.Ghost ? `${t}--bordered` : "",
       i.borderRadius ? `${t}--${i.borderRadius}` : "",
       i.onDismiss ? `${t}--dismissable` : "",
       `${t}--${i.color}--${i.variant}`,
@@ -47,37 +47,39 @@ const R = ["data-testid"], O = /* @__PURE__ */ L({
       enabled: !!(e.onClick && e.ariaLabel),
       rounded: e.rounded
     }, {
-      default: c(() => [
+      default: s(() => [
         u("div", {
-          class: d(a(k)),
+          class: r(a(k)),
           "data-testid": e.testId,
-          style: v({ ...a(I)({ color: e.color, variant: e.variant }), width: e.width, height: e.height })
+          style: v({ ...a(A)({ color: e.color, variant: e.variant }), width: e.width, height: e.height })
         }, [
           u("div", {
-            class: d(`${t}__content`)
+            class: r(`${t}__content`)
           }, [
             u("div", {
-              class: d(`${t}__nested_content`)
+              class: r(`${t}__nested_content`)
             }, [
               e.busy ? (n(), l(a(C), {
                 key: 0,
+                "border-radius": e.borderRadius,
                 height: "28px",
                 "test-id": `${t}__skeleton-title`
-              }, null, 8, ["test-id"])) : o("", !0),
+              }, null, 8, ["border-radius", "test-id"])) : o("", !0),
               e.busy ? (n(), l(a(C), {
                 key: 1,
+                "border-radius": e.borderRadius,
                 width: "70%",
                 height: "20px",
                 "test-id": `${t}__skeleton-message`
-              }, null, 8, ["test-id"])) : o("", !0),
+              }, null, 8, ["border-radius", "test-id"])) : o("", !0),
               e.title && !e.busy ? (n(), l(a(S), {
                 key: 2,
                 align: e.align,
                 color: e.color,
                 type: a(T).Section
               }, {
-                default: c(() => [
-                  b(s(e.title), 1)
+                default: s(() => [
+                  m(c(e.title), 1)
                 ]),
                 _: 1
               }, 8, ["align", "color", "type"])) : o("", !0),
@@ -87,53 +89,53 @@ const R = ["data-testid"], O = /* @__PURE__ */ L({
                 color: e.color,
                 type: a(N).Summary
               }, {
-                default: c(() => [
-                  b(s(e.message), 1)
+                default: s(() => [
+                  m(c(e.message), 1)
                 ]),
                 _: 1
               }, 8, ["align", "color", "type"])) : o("", !0)
             ], 2),
-            e.onAction && e.actionLabel ? (n(), m("div", {
+            e.onAction && e.actionLabel ? (n(), b("div", {
               key: 0,
-              class: d(`${t}__action-button`)
+              class: r(`${t}__action-button`)
             }, [
               y(a($), {
                 color: e.color,
                 "border-radius": e.borderRadius,
                 "on-click": e.onAction,
                 "test-id": `${t}__action-button`,
-                variant: e.variant === a(r).Solid ? a(r).Soft : a(r).Solid
+                variant: e.variant === a(d).Solid ? a(d).Soft : a(d).Solid
               }, {
-                default: c(() => [
-                  b(s(e.actionLabel), 1)
+                default: s(() => [
+                  m(c(e.actionLabel), 1)
                 ]),
                 _: 1
               }, 8, ["color", "border-radius", "on-click", "test-id", "variant"])
             ], 2)) : o("", !0)
           ], 2),
-          e.onDismiss ? (n(), m("div", {
+          e.onDismiss ? (n(), b("div", {
             key: 0,
-            class: d(`${t}__dismiss-button`)
+            class: r(`${t}__dismiss-button`)
           }, [
             y(a($), {
               "aria-label": "Dismiss banner",
               color: e.color,
-              "icon-before": a(A).Delete,
-              "icon-size": a(V).Tiny,
+              "icon-before": a(V).Delete,
+              "icon-size": a(w).Tiny,
               "on-click": e.onDismiss,
-              size: a(w).Tiny,
+              size: a(R).Tiny,
               "test-id": `${t}__dismiss-button`,
               variant: e.variant
             }, null, 8, ["color", "icon-before", "icon-size", "on-click", "size", "test-id", "variant"])
           ], 2)) : o("", !0),
-          e.onClick && e.ariaLabel ? (n(), m("button", {
+          e.onClick && e.ariaLabel ? (n(), b("button", {
             key: 1,
             class: "sr-only",
             "data-expand-click-area": "",
             onClick: f[0] || (f[0] = //@ts-ignore
             (...g) => e.onClick && e.onClick(...g))
-          }, s(e.ariaLabel), 1)) : o("", !0)
-        ], 14, R)
+          }, c(e.ariaLabel), 1)) : o("", !0)
+        ], 14, I)
       ]),
       _: 1
     }, 8, ["color", "enabled", "rounded"]));

package/dist/components/Indicators/CLBanner/CLBanner.vue.d.ts

@@ -12,7 +12,7 @@ export interface CLBannerProps {
     borderRadius?: CLBorderRadius;
     /** A `boolean` value which dictates the busy state of the Banner. When set to `true`, it utilizes the `<CLSkeleton />` component. */
     busy?: boolean;
-    /** Sets the color of the Badge. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
+    /** Sets the color of the Banner. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
     color?: CLColors;
     /** Sets the height of the Banner, it's default value is `auto`. */
     height?: string;

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

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 import './CLPill.css';
-import { _ as s } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-C8_aZqPJ.js";
+import { _ as s } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-BPOoZ5_q.js";
 export {
   s as CLPill,
   s as default

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

@@ -1,7 +1,7 @@
 import '../../../assets/core.css';
 import './CLModal.css';
 import { defineComponent as W, useTemplateRef as F, useSlots as U, ref as Z, computed as m, watch as j, onMounted as q, onBeforeUnmount as A, createElementBlock as p, createCommentVNode as v, openBlock as w, normalizeStyle as y, normalizeClass as l, unref as n, createElementVNode as d, createBlock as B, renderSlot as $, withCtx as G, createTextVNode as J, toDisplayString as K } from "vue";
-import { _ as P } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-B3AdartN.js";
+import { _ as P } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-kYdsi6-T.js";
 import { _ as Q } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-DntAR1dI.js";
 import { CLMode as k, CLColors as T, CLColorVariants as N, CLBorderRadius as X, CLIconSizes as Y, CLIconNames as ee, CLHeadingTypes as oe } from "../../../index.js";
 import { g as te } from "../../../chunks/utils-DtSQZ0tk.js";

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

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 import './CLLink.css';
-import { _ as s } from "../../../chunks/CLLink.vue_vue_type_style_index_0_lang-M6vqUSDq.js";
+import { _ as s } from "../../../chunks/CLLink.vue_vue_type_style_index_0_lang-BDgJvHNE.js";
 export {
   s as CLLink,
   s as default

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

@@ -1,5 +1,5 @@
 import '../../../assets/core.css';
-import { _ as s } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-8u8OhF4q.js";
+import { _ as s } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-CMUfxGA3.js";
 export {
   s as CLNavLink,
   s as default

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

@@ -1,7 +1,7 @@
 import '../../../assets/core.css';
 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-8u8OhF4q.js";
+import { _ as k } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-CMUfxGA3.js";
 import { _ as L } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-DVwTAVXM.js";
 import { CLOrientation as h, CLColors as $ } from "../../../index.js";
 const g = ["data-testid"], V = /* @__PURE__ */ f({

package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js

@@ -1,8 +1,8 @@
 import '../../../assets/core.css';
 import './CLDropdownMenu.css';
 import { computed as V, ref as E, shallowRef as te, watch as ut, getCurrentScope as ee, onScopeDispose as ne, shallowReadonly as q, unref as A, defineComponent as oe, onBeforeUnmount as ie, createElementBlock as Rt, openBlock as At, normalizeClass as dt, createVNode as Ot, createCommentVNode as re, withCtx as Et, createTextVNode as le, toDisplayString as se, normalizeStyle as ce, renderSlot as ae } from "vue";
-import { _ as fe } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-B3AdartN.js";
-import { _ as ue } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-CJUxbMzL.js";
+import { _ as fe } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-kYdsi6-T.js";
+import { _ as ue } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-C8dDRXYZ.js";
 import { c as de, i as mt } from "../../../chunks/helper-BYpahJAh.js";
 import { useDropdown as me } from "../../../composables/useDropdown.js";
 import { useEsc as he } from "../../../composables/useEsc.js";

package/dist/components/Popups/CLToast/CLToast.js

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 import './CLToast.css';
-import { _ as s } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-DIi8ikHj.js";
+import { _ as s } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-BH6Tnr-h.js";
 export {
   s as CLToast,
   s as default

package/dist/components/Providers/CLToastProvider/CLToastProvider.js

@@ -1,41 +1,43 @@
 import '../../../assets/core.css';
-import { defineComponent as C, ref as i, provide as L, createElementBlock as g, openBlock as p, createBlock as k, createCommentVNode as z, renderSlot as B, unref as S } from "vue";
-import { _ as A } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-DIi8ikHj.js";
-const $ = { class: "clll-toast-provider" }, E = /* @__PURE__ */ C({
+import { defineComponent as L, ref as i, provide as g, createElementBlock as k, openBlock as h, createBlock as z, createCommentVNode as B, renderSlot as R, unref as S } from "vue";
+import { _ as A } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-BH6Tnr-h.js";
+const $ = { class: "clll-toast-provider" }, E = /* @__PURE__ */ L({
   name: "CLToastProvider",
   __name: "CLToastProvider",
   props: {
+    borderRadius: {},
     dismissTimer: {},
     position: {}
   },
-  setup(h) {
-    const m = h, t = i(), l = i(), s = i(), a = i(), c = i(), n = i(), v = i(), u = i(), d = i(), r = i(), o = i(!1), f = () => {
-      t.value = void 0, l.value = void 0, s.value = void 0, a.value = void 0, c.value = void 0, n.value = void 0, v.value = void 0, u.value = void 0, d.value = void 0, r.value = void 0;
-    }, b = (e) => {
-      f(), t.value = e.actionLabel, l.value = e.color, s.value = e.dismissTimer ?? m.dismissTimer, a.value = e.icon, c.value = e.iconSize, n.value = e.message, v.value = e.onAction, u.value = e.position ?? m.position, d.value = e.title, r.value = e.width, o.value = !0;
+  setup(p) {
+    const a = p, t = i(), l = i(), s = i(), v = i(), c = i(), u = i(), n = i(), d = i(), r = i(), m = i(), f = i(), o = i(!1), b = () => {
+      t.value = void 0, l.value = void 0, s.value = void 0, v.value = void 0, c.value = void 0, u.value = void 0, n.value = void 0, d.value = void 0, r.value = void 0, m.value = void 0, f.value = void 0;
+    }, C = (e) => {
+      b(), t.value = e.actionLabel, l.value = e.color, s.value = e.borderRadius ?? a.borderRadius, v.value = e.dismissTimer ?? a.dismissTimer, c.value = e.icon, u.value = e.iconSize, n.value = e.message, d.value = e.onAction, r.value = e.position ?? a.position, m.value = e.title, f.value = e.width, o.value = !0;
     }, _ = () => {
-      o.value = !1, f();
+      o.value = !1, b();
     };
-    return L("clll-toast", {
+    return g("clll-toast", {
       visible: o,
-      showToast: b,
+      showToast: C,
       hideToast: _
-    }), (e, x) => (p(), g("div", $, [
-      o.value ? (p(), k(S(A), {
+    }), (e, x) => (h(), k("div", $, [
+      o.value ? (h(), z(S(A), {
         key: 0,
         "action-label": t.value,
+        "border-radius": s.value,
         color: l.value,
-        "dismiss-timer": s.value,
-        icon: a.value,
-        "icon-size": c.value,
+        "dismiss-timer": v.value,
+        icon: c.value,
+        "icon-size": u.value,
         message: n.value,
-        "on-action": v.value,
+        "on-action": d.value,
         "on-dismiss": _,
-        position: u.value,
-        title: d.value,
-        width: r.value
-      }, null, 8, ["action-label", "color", "dismiss-timer", "icon", "icon-size", "message", "on-action", "position", "title", "width"])) : z("", !0),
-      B(e.$slots, "default")
+        position: r.value,
+        title: m.value,
+        width: f.value
+      }, null, 8, ["action-label", "border-radius", "color", "dismiss-timer", "icon", "icon-size", "message", "on-action", "position", "title", "width"])) : B("", !0),
+      R(e.$slots, "default")
     ]));
   }
 });

package/dist/components/Providers/CLToastProvider/CLToastProvider.vue.d.ts

@@ -1,6 +1,10 @@
-import { CLToastPosition } from '../../../index.ts';
+import { CLBorderRadius, CLToastPosition } from '../../../index.ts';
 interface Props {
+    /** The border radius size */
+    borderRadius?: CLBorderRadius;
+    /** Time in seconds e.g 5 = 5 seconds */
     dismissTimer?: number;
+    /** Sets the position of the toast */
     position?: CLToastPosition;
 }
 declare function __VLS_template(): {

package/package.json

@@ -17,7 +17,7 @@
     "ui components",
     "vuejs"
   ],
-  "version": "3.20.0",
+  "version": "3.22.0",
   "license": "MIT",
   "type": "module",
   "scripts": {

package/dist/chunks/CLCard.vue_vue_type_style_index_0_lang-CJUxbMzL.js

@@ -1,249 +0,0 @@
-import '../components/Containers/CLCard/CLCard.css';
-import { defineComponent as I, useSlots as z, ref as v, computed as D, onMounted as F, nextTick as K, createElementBlock as r, openBlock as i, withKeys as M, normalizeStyle as k, normalizeClass as n, unref as l, createCommentVNode as d, createElementVNode as u, withDirectives as B, createVNode as q, vShow as A, createBlock as c, renderSlot as g, Fragment as G, withCtx as y, createTextVNode as b, toDisplayString as C } from "vue";
-import { _ as E } from "./CLHeading.vue_vue_type_style_index_0_lang-DntAR1dI.js";
-import { _ as j } from "./CLLink.vue_vue_type_style_index_0_lang-M6vqUSDq.js";
-import { _ as h } from "./CLSkeleton.vue_vue_type_style_index_0_lang-DO-kZ629.js";
-import { _ as J } from "./CLText.vue_vue_type_style_index_0_lang-DVwTAVXM.js";
-import { CLColorVariants as O, CLCardTypes as P, CLHeadingTypes as Q, CLHeadingLevels as U, CLLinkTarget as X, CLOverflow as Y, CLLoading as Z, CLColors as p, CLAlign as _, CLOrder as N, CLTextTypes as ee } from "../index.js";
-import { c as te } from "./utils-BwiU4N7s.js";
-import { useHasSlotContent as ae } from "../composables/useHasSlotContent.js";
-const le = ["data-testid", "tabindex"], ie = ["alt", "loading", "src"], ne = ["alt", "loading", "src"], de = ["aria-label", "href", "target"], ye = /* @__PURE__ */ I({
-  name: "CLCard",
-  __name: "CLCard",
-  props: {
-    active: { type: Boolean, default: !1 },
-    align: { default: _.Left },
-    ariaLabel: {},
-    borderRadius: {},
-    bordered: { type: Boolean, default: !0 },
-    busy: { type: Boolean, default: !1 },
-    byline: {},
-    color: { default: p.Neutral },
-    compact: { type: Boolean, default: !1 },
-    elevated: { type: Boolean, default: !1 },
-    forwardRef: {},
-    height: { default: "auto" },
-    href: {},
-    image: {},
-    imageAltText: { default: "" },
-    imageHeight: { default: "auto" },
-    imageLoading: { default: Z.Eager },
-    imageOrder: {},
-    imageWidth: { default: "auto" },
-    onClick: {},
-    overflow: { default: Y.Hidden },
-    padded: { type: Boolean, default: !0 },
-    rounded: { type: Boolean, default: !0 },
-    target: { default: X.Self },
-    testId: { default: "clll-card" },
-    title: {},
-    titleHLevel: { default: U.H2 },
-    titleType: { default: Q.SubSection },
-    truncateTitle: { type: Boolean, default: !1 },
-    type: { default: P.Medium },
-    variant: { default: O.Soft },
-    width: { default: "auto" }
-  },
-  setup(e) {
-    const t = "clll-card", a = e, L = ae(), w = z(), $ = v(), T = v(), R = ["a", "button"], m = v(), V = D(() => [
-      t,
-      `${t}--${a.type}`,
-      `${t}--${a.color}-${a.variant}`,
-      `${t}--${a.variant}`,
-      `${t}--align-${a.align}`,
-      a.rounded ? `${t}--rounded` : `${t}--box`,
-      a.bordered ? `${t}--bordered` : "",
-      a.borderRadius ? `${t}--${a.borderRadius}` : "",
-      a.busy ? `${t}--busy` : `${t}--ready`,
-      a.compact ? `${t}--compact` : `${t}--no-compact`,
-      a.title || a.byline ? `${t}--has-header` : `${t}--no-header`,
-      $.value ? `${t}--has-heading` : `${t}--no-heading`,
-      L.value ? `${t}--has-content` : `${t}--no-content`,
-      T.value ? `${t}--has-footer` : `${t}--no-footer`,
-      a.image ? `${t}--has-image` : `${t}--has-no-image`,
-      a.imageOrder ? `${t}--image-${a.imageOrder}` : "",
-      a.active ? `${t}--active` : `${t}--inactive`,
-      a.onClick ? `${t}--has-link` : "",
-      a.truncateTitle ? `${t}--has-truncated-title` : "",
-      a.elevated ? `${t}--elevated` : "",
-      a.overflow ? `${t}--overflow-${a.overflow}` : "",
-      a.padded ? "" : `${t}--no-padding`
-    ]), H = (o) => {
-      if (a.busy || !a.onClick) return;
-      const { target: s } = o, f = s ? s.closest("a,button") : void 0, x = [
-        ...m.value?.querySelectorAll("[data-expand-click-area]") ?? []
-      ];
-      if (x.length) {
-        const S = x[0], W = f ? R.includes(f.tagName.toLowerCase()) : null;
-        !f && S !== o.target && !W && S.click();
-      }
-    };
-    return F(async () => {
-      await K(), m.value && a.forwardRef?.(m.value), $.value = w?.heading, T.value = w?.footer;
-    }), (o, s) => (i(), r("div", {
-      ref_key: "refExpandedArea",
-      ref: m,
-      class: n(l(V)),
-      style: k({ ...l(te)({ color: e.color, variant: e.variant }), width: e.width, height: e.height, overflow: e.overflow }),
-      "data-testid": e.testId,
-      tabindex: e.onClick ? 0 : void 0,
-      onClick: H,
-      onKeyup: M(H, ["enter"])
-    }, [
-      e.image && (e.imageOrder === l(N).Before || !e.imageOrder) ? (i(), r("div", {
-        key: 0,
-        class: n(`${t}__image`),
-        style: k({ width: e.imageWidth, height: e.imageHeight })
-      }, [
-        B(q(l(h), {
-          width: e.imageWidth,
-          height: e.imageHeight,
-          rounded: !1
-        }, null, 8, ["width", "height"]), [
-          [A, e.busy]
-        ]),
-        B(u("img", {
-          alt: e.imageAltText,
-          class: n(`${t}__image__elem`),
-          loading: e.imageLoading,
-          src: e.image
-        }, null, 10, ie), [
-          [A, !e.busy]
-        ])
-      ], 6)) : d("", !0),
-      u("div", {
-        class: n(`${t}__content`)
-      }, [
-        u("div", {
-          class: n(`${t}__header`)
-        }, [
-          e.busy ? (i(), c(l(h), {
-            key: 0,
-            height: "28px"
-          })) : d("", !0),
-          e.busy ? (i(), c(l(h), {
-            key: 1,
-            width: "70%",
-            height: "16px"
-          })) : d("", !0),
-          !e.onClick && !e.href ? (i(), r(G, { key: 2 }, [
-            g(o.$slots, "heading"),
-            e.title && !e.busy ? (i(), c(l(E), {
-              key: 0,
-              align: e.align,
-              class: n(`${t}__heading`),
-              color: e.color,
-              level: e.titleHLevel,
-              truncate: e.truncateTitle,
-              type: e.titleType
-            }, {
-              default: y(() => [
-                b(C(e.title), 1)
-              ]),
-              _: 1
-            }, 8, ["align", "class", "color", "level", "truncate", "type"])) : d("", !0)
-          ], 64)) : e.title || l($) && (e.onClick || e.href) ? (i(), c(l(j), {
-            key: 3,
-            "aria-label": e.ariaLabel,
-            color: e.color,
-            href: e.href,
-            target: e.target,
-            "on-click": e.onClick,
-            "data-expand-click-area": ""
-          }, {
-            default: y(() => [
-              g(o.$slots, "heading"),
-              e.title && !e.busy ? (i(), c(l(E), {
-                key: 0,
-                align: e.align,
-                class: n(`${t}__heading`),
-                color: e.color,
-                level: e.titleHLevel,
-                truncate: e.truncateTitle,
-                type: e.titleType
-              }, {
-                default: y(() => [
-                  b(C(e.title), 1)
-                ]),
-                _: 1
-              }, 8, ["align", "class", "color", "level", "truncate", "type"])) : d("", !0)
-            ]),
-            _: 3
-          }, 8, ["aria-label", "color", "href", "target", "on-click"])) : d("", !0),
-          g(o.$slots, "byline"),
-          e.byline && !e.busy ? (i(), c(l(J), {
-            key: 4,
-            align: e.align,
-            class: n(`${t}__byline`),
-            color: e.color,
-            type: l(ee).Small
-          }, {
-            default: y(() => [
-              b(C(e.byline), 1)
-            ]),
-            _: 1
-          }, 8, ["align", "class", "color", "type"])) : d("", !0)
-        ], 2),
-        u("div", {
-          class: n(`${t}__slot`)
-        }, [
-          u("div", {
-            ref: "slot-content",
-            class: n([`${t}__slot-content`, { busy: e.busy }])
-          }, [
-            l(L) && e.busy ? (i(), c(l(h), {
-              key: 0,
-              width: "100%",
-              height: "100%"
-            })) : d("", !0),
-            u("div", null, [
-              g(o.$slots, "default")
-            ])
-          ], 2)
-        ], 2),
-        u("div", {
-          class: n(`${t}__footer`)
-        }, [
-          g(o.$slots, "footer")
-        ], 2)
-      ], 2),
-      e.image && e.imageOrder === l(N).After ? (i(), r("div", {
-        key: 1,
-        class: n(`${t}__image`),
-        style: k({ width: e.imageWidth, height: e.imageHeight })
-      }, [
-        e.busy ? (i(), c(l(h), {
-          key: 0,
-          width: e.imageWidth,
-          height: e.imageHeight,
-          rounded: !1
-        }, null, 8, ["width", "height"])) : d("", !0),
-        g(o.$slots, "image"),
-        e.busy ? d("", !0) : (i(), r("img", {
-          key: 1,
-          alt: e.imageAltText,
-          class: n(`${t}__image__elem`),
-          loading: e.imageLoading,
-          src: e.image
-        }, null, 10, ne))
-      ], 6)) : d("", !0),
-      !e.title && (e.onClick || e.href) ? (i(), r("a", {
-        key: 2,
-        "aria-label": e.ariaLabel,
-        class: "sr-only",
-        href: e.href,
-        target: e.target,
-        "data-expand-click-area": "",
-        onClick: s[0] || (s[0] = //@ts-ignore
-        (...f) => e.onClick && e.onClick(...f))
-      }, null, 8, de)) : d("", !0),
-      e.onClick && e.variant !== l(O).Ghost ? (i(), r("div", {
-        key: 3,
-        class: n(`${t}__hover-elem`)
-      }, null, 2)) : d("", !0)
-    ], 46, le));
-  }
-});
-export {
-  ye as _
-};