@codeandfunction/callaloo 3.23.0 → 4.0.0

package/dist/chunks/{CLButton.vue_vue_type_style_index_0_lang-kYdsi6-T.js → CLButton.vue_vue_type_style_index_0_lang-B-XC2_j4.js}

@@ -1,21 +1,21 @@
 import '../components/Buttons/CLButton/CLButton.css';
-import { defineComponent as C, useSlots as h, ref as S, computed as z, onMounted as B, nextTick as g, createBlock as n, openBlock as i, resolveDynamicComponent as L, normalizeStyle as k, normalizeClass as s, unref as l, withCtx as w, createCommentVNode as d, createElementBlock as A, renderSlot as R } from "vue";
-import { _ as c } from "./CLIcon.vue_vue_type_style_index_0_lang-CduBjI1N.js";
-import { _ as T } from "./CLSpinner.vue_vue_type_style_index_0_lang-ByLBkPr8.js";
-import { CLColorVariants as I, CLButtonTypes as x, CLLinkTarget as M, CLSizes as o, CLIconSizes as m, CLColors as F, CLAlign as b, CLPosition as N } from "../index.js";
+import { defineComponent as $, useSlots as C, ref as h, computed as B, onMounted as z, nextTick as S, createBlock as n, openBlock as o, resolveDynamicComponent as g, normalizeStyle as L, normalizeClass as s, unref as l, withCtx as k, createCommentVNode as d, createElementBlock as w, renderSlot as R } from "vue";
+import { _ as c } from "./CLIcon.vue_vue_type_style_index_0_lang-CMjcMLcy.js";
+import { _ as A } from "./CLSpinner.vue_vue_type_style_index_0_lang-ByLBkPr8.js";
+import { CLColorVariants as T, CLButtonTypes as F, CLLinkTarget as I, CLSizes as i, CLIconSizes as x, CLColors as M, CLAlign as m, CLPosition as N } from "../index.js";
 import { b as V } from "./utils-DvIHDaPn.js";
 import { useHasSlotContent as D } from "../composables/useHasSlotContent.js";
-const J = /* @__PURE__ */ C({
+const J = /* @__PURE__ */ $({
   name: "CLButton",
   __name: "CLButton",
   props: {
     active: { type: Boolean, default: !1 },
-    alignContent: { default: b.Center },
+    alignContent: { default: m.Center },
     ariaLabel: { default: void 0 },
     as: { default: "button" },
     borderRadius: { default: void 0 },
     busy: { type: Boolean, default: !1 },
-    color: { default: F.Neutral },
+    color: { default: M.Neutral },
     disabled: { type: Boolean, default: !1 },
     elevated: { type: Boolean, default: !1 },
     form: { default: void 0 },
@@ -24,24 +24,24 @@ const J = /* @__PURE__ */ C({
     href: { default: void 0 },
     iconAfter: { default: void 0 },
     iconBefore: { default: void 0 },
-    iconAfterSize: { default: m.Small },
-    iconSize: { default: m.Small },
+    iconFilled: { type: Boolean, default: !1 },
+    iconSize: { default: x.Small },
     onClick: { type: Function, default: void 0 },
     pill: { type: Boolean, default: !1 },
     rounded: { type: Boolean, default: !0 },
-    size: { default: o.Small },
-    target: { default: M.Self },
+    size: { default: i.Small },
+    target: { default: I.Self },
     testId: { default: "clll-button" },
     title: { default: void 0 },
-    type: { default: x.Button },
-    variant: { default: I.Soft },
+    type: { default: F.Button },
+    variant: { default: T.Soft },
     width: { default: "auto" },
     wrap: { type: Boolean, default: !1 }
   },
   setup(e) {
     const t = e, r = D();
-    h();
-    const u = S(), a = "clll-button", y = z(() => [
+    C();
+    const f = h(), a = "clll-button", b = B(() => [
       a,
       `${a}--${t.type}`,
       `${a}--${t.color}--${t.variant}`,
@@ -58,31 +58,31 @@ const J = /* @__PURE__ */ C({
       t.iconAfter ? `${a}--icon-after` : "",
       t.elevated ? `${a}--elevated` : "",
       t.pill ? `${a}--pill` : ""
-    ]), v = () => {
+    ]), y = () => {
       switch (t.size) {
-        case o.Medium:
-        case o.Large:
-          return o.Small;
-        case o.XL:
-          return o.Medium;
-        case o.Tiny:
+        case i.Medium:
+        case i.Large:
+          return i.Small;
+        case i.XL:
+          return i.Medium;
+        case i.Tiny:
         default:
-          return o.Tiny;
+          return i.Tiny;
       }
     };
-    B(() => {
-      g(() => {
-        u.value && t.forwardRef?.(u.value);
+    z(() => {
+      S(() => {
+        f.value && t.forwardRef?.(f.value);
       });
     });
-    const $ = (f) => {
-      t.onClick?.(f);
+    const v = (u) => {
+      t.onClick?.(u);
     };
-    return (f, E) => (i(), n(L(e.as), {
+    return (u, E) => (o(), n(g(e.as), {
       ref_key: "buttonRef",
-      ref: u,
+      ref: f,
       "aria-label": e.ariaLabel,
-      class: s(l(y)),
+      class: s(l(b)),
       "data-testid": e.testId,
       disabled: e.as === "button" ? e.busy || e.disabled : void 0,
       form: e.as === "button" ? e.form : void 0,
@@ -90,33 +90,35 @@ const J = /* @__PURE__ */ C({
       target: e.as === "a" ? e.target : void 0,
       title: e.title,
       type: e.as === "button" ? e.type : void 0,
-      style: k({ width: e.width, height: e.height, ...l(V)({ color: e.color, variant: e.variant }) }),
-      onClick: $
+      style: L({ width: e.width, height: e.height, ...l(V)({ color: e.color, variant: e.variant }) }),
+      onClick: v
     }, {
-      default: w(() => [
-        e.iconBefore ? (i(), n(l(c), {
+      default: k(() => [
+        e.iconBefore ? (o(), n(l(c), {
           key: 0,
+          filled: e.iconFilled,
           name: e.iconBefore,
           size: e.iconSize,
           "test-id": `${e.testId}-icon-before`
-        }, null, 8, ["name", "size", "test-id"])) : d("", !0),
-        l(r) ? (i(), A("span", {
+        }, null, 8, ["filled", "name", "size", "test-id"])) : d("", !0),
+        l(r) ? (o(), w("span", {
           key: 1,
           class: s(`${a}__content`)
         }, [
-          R(f.$slots, "default")
+          R(u.$slots, "default")
         ], 2)) : d("", !0),
-        e.iconAfter ? (i(), n(l(c), {
+        e.iconAfter ? (o(), n(l(c), {
           key: 2,
+          filled: e.iconFilled,
           name: e.iconAfter,
-          size: e.iconAfterSize,
+          size: e.iconSize,
           "test-id": `${e.testId}-icon-after`
-        }, null, 8, ["name", "size", "test-id"])) : d("", !0),
-        e.busy ? (i(), n(l(T), {
+        }, null, 8, ["filled", "name", "size", "test-id"])) : d("", !0),
+        e.busy ? (o(), n(l(A), {
           key: 3,
-          align: l(b).Center,
+          align: l(m).Center,
           position: l(N).Absolute,
-          size: v(),
+          size: y(),
           color: e.color
         }, null, 8, ["align", "position", "size", "color"])) : d("", !0)
       ]),

package/dist/chunks/{CLCard.vue_vue_type_style_index_0_lang-C8dDRXYZ.js → CLCard.vue_vue_type_style_index_0_lang-DZ-2FEcq.js}

@@ -1,7 +1,7 @@
 import '../components/Containers/CLCard/CLCard.css';
 import { defineComponent as W, useSlots as V, ref as k, computed as I, onMounted as z, nextTick as F, createElementBlock as c, openBlock as i, withKeys as K, normalizeStyle as v, normalizeClass as n, unref as l, createCommentVNode as d, createElementVNode as u, createBlock as r, renderSlot as s, Fragment as M, withCtx as b, createTextVNode as C, toDisplayString as L } from "vue";
 import { _ as S } from "./CLHeading.vue_vue_type_style_index_0_lang-DntAR1dI.js";
-import { _ as q } from "./CLLink.vue_vue_type_style_index_0_lang-BDgJvHNE.js";
+import { _ as q } from "./CLLink.vue_vue_type_style_index_0_lang-sXIdl0uH.js";
 import { _ as g } from "./CLSkeleton.vue_vue_type_style_index_0_lang-DO-kZ629.js";
 import { _ as D } from "./CLText.vue_vue_type_style_index_0_lang-DVwTAVXM.js";
 import { CLColorVariants as R, CLCardTypes as G, CLHeadingTypes as j, CLHeadingLevels as J, CLLinkTarget as P, CLOverflow as Q, CLLoading as U, CLColors as X, CLAlign as Y, CLOrder as A, CLTextTypes as Z } from "../index.js";

package/dist/chunks/{CLIcon.vue_vue_type_style_index_0_lang-CduBjI1N.js → CLIcon.vue_vue_type_style_index_0_lang-CMjcMLcy.js}

@@ -3,7 +3,7 @@ import { defineComponent as S, ref as X, computed as m, watch as M, onMounted as
 import { CLMode as C, CLColors as E, CLColorVariants as k, CLIconSizes as n } from "../index.js";
 import { g as T } from "./utils-DtSQZ0tk.js";
 import { useTheme as V } from "../composables/useTheme.js";
-import { i as x } from "./helper-BYpahJAh.js";
+import { i as x } from "./helper-oZuRnF9g.js";
 const q = ({ color: o = E.Neutral }) => {
   const { colors: t, darkMode: l } = V(), r = l.value ? C.Dark : C.Light;
   return {

package/dist/chunks/{CLLink.vue_vue_type_style_index_0_lang-BDgJvHNE.js → CLLink.vue_vue_type_style_index_0_lang-sXIdl0uH.js}

@@ -1,6 +1,6 @@
 import '../components/Navigation/CLLink/CLLink.css';
 import { defineComponent as k, computed as C, createElementBlock as x, openBlock as s, normalizeStyle as L, normalizeClass as b, unref as n, renderSlot as h, createBlock as v, createCommentVNode as y } from "vue";
-import { _ as g } from "./CLIcon.vue_vue_type_style_index_0_lang-CduBjI1N.js";
+import { _ as g } from "./CLIcon.vue_vue_type_style_index_0_lang-CMjcMLcy.js";
 import { CLMode as d, CLColors as u, CLColorVariants as $, CLLinkTarget as B, CLIconSizes as z, CLIconNames as I } from "../index.js";
 import { g as S } from "./utils-DtSQZ0tk.js";
 import { useTheme as D } from "../composables/useTheme.js";

package/dist/chunks/{CLNavLink.vue_vue_type_script_setup_true_lang-CMUfxGA3.js → CLNavLink.vue_vue_type_script_setup_true_lang-FMOMJjMR.js}

@@ -1,5 +1,5 @@
 import { defineComponent as i, createBlock as o, openBlock as c, unref as d, withCtx as f, renderSlot as m } from "vue";
-import { _ as u } from "./CLLink.vue_vue_type_style_index_0_lang-BDgJvHNE.js";
+import { _ as u } from "./CLLink.vue_vue_type_style_index_0_lang-sXIdl0uH.js";
 import { CLColors as k } from "../index.js";
 const x = /* @__PURE__ */ i({
   name: "CLNavLink",

package/dist/chunks/{CLPill.vue_vue_type_style_index_0_lang-BPOoZ5_q.js → CLPill.vue_vue_type_style_index_0_lang-BbXWiTde.js}

@@ -1,10 +1,10 @@
 import '../components/Indicators/CLPill/CLPill.css';
-import { defineComponent as y, computed as d, createElementBlock as i, openBlock as a, Fragment as h, createCommentVNode as o, createBlock as u, normalizeStyle as m, normalizeClass as c, unref as t, createElementVNode as s, toDisplayString as r, withCtx as z } from "vue";
-import { _ as b } from "./CLButton.vue_vue_type_style_index_0_lang-kYdsi6-T.js";
-import { _ as $ } from "./CLIcon.vue_vue_type_style_index_0_lang-CduBjI1N.js";
-import { CLColorVariants as B, CLColors as L, CLIconSizes as f } from "../index.js";
+import { defineComponent as y, computed as s, createElementBlock as i, openBlock as a, Fragment as h, createCommentVNode as o, createBlock as r, normalizeStyle as m, normalizeClass as c, unref as t, createElementVNode as u, toDisplayString as d, withCtx as z } from "vue";
+import { _ as B } from "./CLButton.vue_vue_type_style_index_0_lang-B-XC2_j4.js";
+import { _ as f } from "./CLIcon.vue_vue_type_style_index_0_lang-CMjcMLcy.js";
+import { CLColorVariants as b, CLColors as L, CLIconSizes as $ } from "../index.js";
 import { p as C } from "./utils-BT2IMc_A.js";
-const x = ["data-testid"], P = /* @__PURE__ */ y({
+const x = ["data-testid"], E = /* @__PURE__ */ y({
   name: "CLPill",
   __name: "CLPill",
   props: {
@@ -12,21 +12,22 @@ const x = ["data-testid"], P = /* @__PURE__ */ y({
     count: {},
     elevated: { type: Boolean, default: !1 },
     icon: {},
+    iconFilled: { type: Boolean, default: !1 },
     label: {},
     onClick: {},
     rounded: { type: Boolean, default: !0 },
     testId: { default: "clll-pill" },
-    variant: { default: B.Soft }
+    variant: { default: b.Soft }
   },
   setup(e) {
-    const n = e, l = "clll-pill", k = d(() => [
+    const n = e, l = "clll-pill", k = s(() => [
       l,
       `${l}--${n.color}--${n.variant}`,
       n.count ? `${l}--has-count` : "",
       n.elevated ? `${l}--elevated` : "",
       n.icon ? `${l}--has-icon` : `${l}--has-noicon`,
       n.rounded ? `${l}--rounded` : ""
-    ]), v = d(() => [
+    ]), v = s(() => [
       l,
       `${l}--clickable`,
       `${l}--${n.color}--${n.variant}`,
@@ -34,27 +35,28 @@ const x = ["data-testid"], P = /* @__PURE__ */ y({
       n.icon ? `${l}--has-icon` : `${l}--has-noicon`,
       n.rounded ? `${l}--rounded` : ""
     ]);
-    return (S, I) => (a(), i(h, null, [
+    return (F, S) => (a(), i(h, null, [
       e.onClick ? o("", !0) : (a(), i("div", {
         key: 0,
         class: c(t(k)),
         "data-testid": e.testId,
         style: m(t(C)({ color: e.color, variant: e.variant }))
       }, [
-        e.icon ? (a(), u(t($), {
+        e.icon ? (a(), r(t(f), {
           key: 0,
+          filled: e.iconFilled,
           name: e.icon,
-          size: t(f).Tiny
-        }, null, 8, ["name", "size"])) : o("", !0),
-        s("span", {
+          size: t($).Tiny
+        }, null, 8, ["filled", "name", "size"])) : o("", !0),
+        u("span", {
           class: c(`${l}__label`)
-        }, r(e.label), 3),
+        }, d(e.label), 3),
         e.count ? (a(), i("span", {
           key: 1,
           class: c(`${l}__count`)
-        }, r(e.count), 3)) : o("", !0)
+        }, d(e.count), 3)) : o("", !0)
       ], 14, x)),
-      e.onClick ? (a(), u(t(b), {
+      e.onClick ? (a(), r(t(B), {
         key: 1,
         color: e.color,
         "on-click": e.onClick,
@@ -63,22 +65,23 @@ const x = ["data-testid"], P = /* @__PURE__ */ y({
         rounded: e.rounded
       }, {
         default: z(() => [
-          s("div", {
+          u("div", {
             class: c(t(v)),
             style: m(t(C)({ color: e.color, variant: e.variant }))
           }, [
-            e.icon ? (a(), u(t($), {
+            e.icon ? (a(), r(t(f), {
               key: 0,
+              filled: e.iconFilled,
               name: e.icon,
-              size: t(f).Tiny
-            }, null, 8, ["name", "size"])) : o("", !0),
-            s("span", {
+              size: t($).Tiny
+            }, null, 8, ["filled", "name", "size"])) : o("", !0),
+            u("span", {
               class: c(`${l}__label`)
-            }, r(e.label), 3),
+            }, d(e.label), 3),
             e.count ? (a(), i("span", {
               key: 1,
               class: c(`${l}__count`)
-            }, r(e.count), 3)) : o("", !0)
+            }, d(e.count), 3)) : o("", !0)
           ], 6)
         ]),
         _: 1
@@ -87,5 +90,5 @@ const x = ["data-testid"], P = /* @__PURE__ */ y({
   }
 });
 export {
-  P as _
+  E as _
 };

package/dist/chunks/{CLToast.vue_vue_type_style_index_0_lang-BH6Tnr-h.js → CLToast.vue_vue_type_style_index_0_lang-BL61sRYd.js}

@@ -1,20 +1,20 @@
 import '../components/Popups/CLToast/CLToast.css';
-import { defineComponent as q, ref as n, computed as G, watch as J, onMounted as K, onUnmounted as O, onBeforeUnmount as Q, createElementBlock as D, openBlock as h, normalizeStyle as W, normalizeClass as c, unref as a, createElementVNode as y, createCommentVNode as $, createVNode as M, createBlock as A, withCtx as S, createTextVNode as B, toDisplayString as N } from "vue";
-import { _ as F } from "./CLButton.vue_vue_type_style_index_0_lang-kYdsi6-T.js";
-import { _ as X } from "./CLIcon.vue_vue_type_style_index_0_lang-CduBjI1N.js";
+import { defineComponent as q, ref as n, computed as G, watch as J, onMounted as K, onUnmounted as O, onBeforeUnmount as Q, createElementBlock as D, openBlock as h, normalizeStyle as W, normalizeClass as c, unref as a, createElementVNode as y, createCommentVNode as $, createVNode as M, createBlock as A, withCtx as B, createTextVNode as S, toDisplayString as N } from "vue";
+import { _ } from "./CLButton.vue_vue_type_style_index_0_lang-B-XC2_j4.js";
+import { _ as X } from "./CLIcon.vue_vue_type_style_index_0_lang-CMjcMLcy.js";
 import { _ as H } from "./CLText.vue_vue_type_style_index_0_lang-DVwTAVXM.js";
 import { CLColorVariants as x, CLMode as C, CLColors as g, CLToastPosition as Y, CLIconSizes as P, CLTextTypes as I, CLSizes as ee, CLIconNames as te } from "../index.js";
-import { i as U, g as oe, b as ae } from "./helper-BYpahJAh.js";
+import { i as U, g as oe, b as ae } from "./helper-oZuRnF9g.js";
 import { useEsc as se } from "../composables/useEsc.js";
-import { g as p } from "./utils-DtSQZ0tk.js";
+import { g as Z } from "./utils-DtSQZ0tk.js";
 import { useTheme as ie } from "../composables/useTheme.js";
-const le = ({ color: o }) => {
-  const { colors: e, darkMode: m } = ie(), i = p({
-    color: o,
+const le = ({ color: t }) => {
+  const { colors: e, darkMode: m } = ie(), i = Z({
+    color: t,
     colors: e.value,
     mode: m.value ? C.Light : C.Light,
     variant: x.Soft
-  }), s = p({
+  }), s = Z({
     color: g.Neutral,
     colors: e.value,
     mode: m.value ? C.Light : C.Dark,
@@ -37,7 +37,7 @@ const le = ({ color: o }) => {
     "--clll-toast-icon-color": i?.text,
     "--clll-toast-theme-radius": "var(--clll-default-radius)"
   };
-}, ne = ["data-testid"], d = 300, t = "clll-toast", Te = /* @__PURE__ */ q({
+}, ne = ["data-testid"], d = 300, o = "clll-toast", Te = /* @__PURE__ */ q({
   name: "CLToast",
   __name: "CLToast",
   props: {
@@ -47,6 +47,7 @@ const le = ({ color: o }) => {
     dismissTimer: { default: 5 },
     icon: {},
     iconSize: { default: P.Small },
+    iconFilled: { type: Boolean, default: !1 },
     message: {},
     onAction: {},
     onDismiss: {},
@@ -56,19 +57,19 @@ const le = ({ color: o }) => {
     title: {},
     width: { default: "24rem" }
   },
-  setup(o) {
-    const e = o, m = n(), i = n(!1), s = n(), L = n(0), l = n(!1), v = n(null), k = n(0), f = n(0), r = n(!1), Z = G(() => [
-      t,
-      e.borderRadius ? `${t}--${e.borderRadius}` : "",
-      e.dismissTimer ? `${t}--has-timer` : "",
-      e.icon ? `${t}--has-icon` : "",
-      e.message && !e.title ? `${t}--has-messageonly` : "",
-      i.value ? `${t}--mounted` : "",
-      e.onAction && e.actionLabel ? `${t}--has-action` : "",
-      e.rounded ? `${t}--rounded` : `${t}--box`,
-      e.title && !e.message ? `${t}--has-titleonly` : "",
-      e.title && e.message ? `${t}--has-titleandmessage` : "",
-      `${t}--${e.position}`
+  setup(t) {
+    const e = t, m = n(), i = n(!1), s = n(), L = n(0), l = n(!1), v = n(null), k = n(0), f = n(0), r = n(!1), j = G(() => [
+      o,
+      e.borderRadius ? `${o}--${e.borderRadius}` : "",
+      e.dismissTimer ? `${o}--has-timer` : "",
+      e.icon ? `${o}--has-icon` : "",
+      e.message && !e.title ? `${o}--has-messageonly` : "",
+      i.value ? `${o}--mounted` : "",
+      e.onAction && e.actionLabel ? `${o}--has-action` : "",
+      e.rounded ? `${o}--rounded` : `${o}--box`,
+      e.title && !e.message ? `${o}--has-titleonly` : "",
+      e.title && e.message ? `${o}--has-titleandmessage` : "",
+      `${o}--${e.position}`
     ]), b = () => {
       v.value !== null && (clearTimeout(v.value), v.value = null), s.value?.stop();
     }, V = () => {
@@ -95,8 +96,8 @@ const le = ({ color: o }) => {
       b(), l.value = !1, e.dismissTimer && e.dismissTimer > 0 && V();
     }), K(() => {
       U && (L.value = oe() + 1, s.value || (s.value = ae(), s.value.start(100, (u) => {
-        Math.min(u, 100) === 100 && (s.value?.stop(), i.value = !0, e.dismissTimer && s.value?.start(d, (j) => {
-          Math.min(j, d) === d && (s.value?.stop(), V());
+        Math.min(u, 100) === 100 && (s.value?.stop(), i.value = !0, e.dismissTimer && s.value?.start(d, (p) => {
+          Math.min(p, d) === d && (s.value?.stop(), V());
         }));
       })), document.addEventListener("visibilitychange", E));
     }), O(() => {
@@ -105,89 +106,90 @@ const le = ({ color: o }) => {
     const { clearEventListeners: R } = se({ escHandler: T });
     return Q(() => {
       R();
-    }), (u, _) => (h(), D("output", {
+    }), (u, F) => (h(), D("output", {
       ref_key: "elem",
       ref: m,
-      class: c(a(Z)),
-      "data-testid": o.testId,
-      style: W({ zIndex: a(L), "--clll-toast-width": o.width, ...a(le)({ color: o.color }) }),
+      class: c(a(j)),
+      "data-testid": t.testId,
+      style: W({ zIndex: a(L), "--clll-toast-width": t.width, ...a(le)({ color: t.color }) }),
       onMouseenter: z,
       onMouseleave: w,
       onFocusin: z,
       onFocusout: w
     }, [
       y("div", {
-        class: c(`${t}__body`)
+        class: c(`${o}__body`)
       }, [
         y("div", {
-          class: c(`${t}__content`)
+          class: c(`${o}__content`)
         }, [
-          o.icon ? (h(), D("div", {
+          t.icon ? (h(), D("div", {
             key: 0,
-            class: c(`${t}__icon`)
+            class: c(`${o}__icon`)
           }, [
             M(a(X), {
-              name: o.icon,
-              size: o.iconSize
-            }, null, 8, ["name", "size"])
+              filled: t.iconFilled,
+              name: t.icon,
+              size: t.iconSize
+            }, null, 8, ["filled", "name", "size"])
           ], 2)) : $("", !0),
           y("div", {
-            class: c(`${t}__text`)
+            class: c(`${o}__text`)
           }, [
-            o.title ? (h(), A(a(H), {
+            t.title ? (h(), A(a(H), {
               key: 0,
               color: a(g).Neutral,
-              "test-id": `${t}__title`,
+              "test-id": `${o}__title`,
               type: a(I).Body,
               bold: ""
             }, {
-              default: S(() => [
-                B(N(o.title), 1)
+              default: B(() => [
+                S(N(t.title), 1)
               ]),
               _: 1
             }, 8, ["color", "test-id", "type"])) : $("", !0),
-            o.message ? (h(), A(a(H), {
+            t.message ? (h(), A(a(H), {
               key: 1,
               color: a(g).Neutral,
-              "test-id": `${t}__message`,
-              type: o.title ? a(I).Medium : a(I).Body
+              "test-id": `${o}__message`,
+              type: t.title ? a(I).Medium : a(I).Body
             }, {
-              default: S(() => [
-                B(N(o.message), 1)
+              default: B(() => [
+                S(N(t.message), 1)
               ]),
               _: 1
             }, 8, ["color", "test-id", "type"])) : $("", !0)
           ], 2),
-          o.onAction && o.actionLabel ? (h(), D("div", {
+          t.onAction && t.actionLabel ? (h(), D("div", {
             key: 1,
-            class: c(`${t}__action-button`)
+            class: c(`${o}__action-button`)
           }, [
-            M(a(F), {
-              color: o.color,
-              "border-radius": o.borderRadius,
-              "on-click": o.onAction,
-              "test-id": `${t}__action-button`,
+            M(a(_), {
+              color: t.color,
+              "border-radius": t.borderRadius,
+              "on-click": t.onAction,
+              "test-id": `${o}__action-button`,
               variant: a(x).Soft
             }, {
-              default: S(() => [
-                B(N(o.actionLabel), 1)
+              default: B(() => [
+                S(N(t.actionLabel), 1)
               ]),
               _: 1
             }, 8, ["color", "border-radius", "on-click", "test-id", "variant"])
           ], 2)) : $("", !0)
         ], 2),
         y("div", {
-          class: c(`${t}__dismiss-button`)
+          class: c(`${o}__dismiss-button`)
         }, [
-          M(a(F), {
+          M(a(_), {
             "aria-label": "Dismiss toast",
             color: a(g).Neutral,
-            "border-radius": o.borderRadius,
+            "border-radius": t.borderRadius,
             "icon-before": a(te).Delete,
             "icon-size": a(P).Tiny,
             "on-click": T,
             size: a(ee).Tiny,
-            "test-id": `${t}__dismiss-button`,
+            "test-id": `${o}__dismiss-button`,
             variant: a(x).Text
           }, null, 8, ["color", "border-radius", "icon-before", "icon-size", "size", "test-id", "variant"])
         ], 2)

package/dist/chunks/helper-oZuRnF9g.js

@@ -0,0 +1,81 @@
+const F = () => {
+  let e, n, o = !1, t, a, l, i = !1, d = 0;
+  const f = () => {
+    if (o || !a || t === void 0 || n === void 0 || i) return;
+    const r = performance.now(), s = d + (r - n);
+    a(s), s < t ? e = window.requestAnimationFrame(f) : (o = !0, e && (window.cancelAnimationFrame(e), e = void 0), l?.());
+  }, m = () => {
+    e && (window.cancelAnimationFrame(e), e = void 0), n = void 0, o = !1, t = void 0, a = void 0, l = void 0, i = !1, d = 0;
+  };
+  return {
+    start: (r, s, u) => {
+      !c || r <= 0 || typeof s != "function" || (e && window.cancelAnimationFrame(e), o = !1, i = !1, d = 0, a = s, t = r, l = u, n = performance.now(), e = window.requestAnimationFrame(f));
+    },
+    stop: () => {
+      o = !0, m();
+    },
+    pause: () => {
+      if (!c || o || i || !a || t === void 0 || n === void 0)
+        return;
+      const r = performance.now();
+      d += r - n, e && (window.cancelAnimationFrame(e), e = void 0), i = !0;
+    },
+    resume: () => {
+      !c || o || !i || !a || t === void 0 || (n = performance.now(), i = !1, e = window.requestAnimationFrame(f));
+    },
+    getProgress: () => {
+      if (!c || t === void 0 || n === void 0)
+        return;
+      if (o)
+        return 1;
+      if (i)
+        return Math.min(d / t, 1);
+      const r = performance.now(), s = d + (r - n);
+      return Math.min(s / t, 1);
+    }
+  };
+}, C = ({
+  parent: e,
+  child: n,
+  threshold: o = 0.1,
+  leftOffset: t = 0,
+  rightOffset: a = 0
+}) => {
+  const {
+    top: l,
+    left: i,
+    bottom: d,
+    right: f,
+    width: m,
+    height: r
+  } = e?.getBoundingClientRect() || {}, {
+    top: s,
+    left: u,
+    bottom: h,
+    right: g
+  } = n.getBoundingClientRect() || {};
+  let v = i + t, y = f - a, x = m - (t + a), p = 0, w = 0;
+  return u <= y && (p = (g - v) / x * 100 / 100), s <= d && (w = (h - l) / r * 100 / 100), p > o && w > o;
+}, N = () => c ? Math.max(
+  ...Array.from(
+    document?.querySelectorAll("body *"),
+    (e) => parseFloat(window?.getComputedStyle(e).zIndex)
+  ).filter((e) => !Number.isNaN(e)),
+  0
+) : 0, c = typeof document < "u", b = () => c ? window.matchMedia("(prefers-color-scheme: dark)").matches : !1, D = (e) => e != null && typeof e.valueOf() == "string", M = (e) => {
+  if (!e) return !0;
+  let n = 0;
+  const o = ["#comment"];
+  return e.childNodes.forEach((t) => {
+    !o.includes(t.nodeName) && t.childNodes.length && n++;
+  }), n === 0;
+};
+export {
+  b as a,
+  F as b,
+  D as c,
+  M as d,
+  C as e,
+  N as g,
+  c as i
+};

package/dist/components/Buttons/CLButton/CLButton.js

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 import './CLButton.css';
-import { _ as t } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-kYdsi6-T.js";
+import { _ as t } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-B-XC2_j4.js";
 export {
   t as CLButton,
   t as default

package/dist/components/Buttons/CLButton/CLButton.vue.d.ts

@@ -30,9 +30,9 @@ export interface CLButtonProps {
     iconAfter?: CLIconNames;
     /** Sets the icon which is positioned before the button's slot content. */
     iconBefore?: CLIconNames;
-    /** Sets the `iconAfter` size. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Medium`. */
-    iconAfterSize?: CLIconSizes;
-    /** Sets the `iconBefore` size. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Medium`. */
+    /** A boolean value which dictates whether icons should be filled. */
+    iconFilled?: boolean;
+    /** Sets the icon size for both `iconBefore` and `iconAfter`. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Medium`. */
     iconSize?: CLIconSizes;
     /** A callback function to handle click events. */
     onClick?: (event?: Event) => void;
@@ -82,7 +82,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
     forwardRef: CLButtonForwardRefFunction;
     iconAfter: CLIconNames;
     iconBefore: CLIconNames;
-    iconAfterSize: CLIconSizes;
+    iconFilled: boolean;
     iconSize: CLIconSizes;
     pill: boolean;
     wrap: boolean;

package/dist/components/CLIcon/CLIcon.js

@@ -1,6 +1,6 @@
 import '../../assets/core.css';
 import './CLIcon.css';
-import { _ as o } from "../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CduBjI1N.js";
+import { _ as o } from "../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CMjcMLcy.js";
 export {
   o as CLIcon,
   o as default