@codeandfunction/callaloo 3.23.0 → 4.1.0

package/dist/assets/shared/form-utilities.css

@@ -1 +1 @@
-.form-addon-flex{display:flex;align-items:center;justify-content:center;pointer-events:none;user-select:none}.form-addon-flex--left{left:0}.form-addon-flex--right{right:0}.form-addon-flex--icon{z-index:10;box-sizing:border-box}.form-addon-flex--string{position:relative}.form-addon-radius--left-full{border-top-left-radius:var(--clll-rounded-full);border-bottom-left-radius:var(--clll-rounded-full)}.form-addon-radius--right-full{border-top-right-radius:var(--clll-rounded-full);border-bottom-right-radius:var(--clll-rounded-full)}.form-addon-radius--left-lg{border-top-left-radius:var(--clll-rounded-lg);border-bottom-left-radius:var(--clll-rounded-lg)}.form-addon-radius--right-lg{border-top-right-radius:var(--clll-rounded-lg);border-bottom-right-radius:var(--clll-rounded-lg)}.form-addon-radius--left-md{border-top-left-radius:var(--clll-rounded-md);border-bottom-left-radius:var(--clll-rounded-md)}.form-addon-radius--right-md{border-top-right-radius:var(--clll-rounded-md);border-bottom-right-radius:var(--clll-rounded-md)}.form-addon-radius--left-sm{border-top-left-radius:var(--clll-rounded-sm);border-bottom-left-radius:var(--clll-rounded-sm)}.form-addon-radius--right-sm{border-top-right-radius:var(--clll-rounded-sm);border-bottom-right-radius:var(--clll-rounded-sm)}.form-addon-radius--left-xs{border-top-left-radius:var(--clll-rounded-xs);border-bottom-left-radius:var(--clll-rounded-xs)}.form-addon-radius--right-xs{border-top-right-radius:var(--clll-rounded-xs);border-bottom-right-radius:var(--clll-rounded-xs)}.form-addon-radius--left-xl{border-top-left-radius:var(--clll-rounded-xl);border-bottom-left-radius:var(--clll-rounded-xl)}.form-addon-radius--right-xl{border-top-right-radius:var(--clll-rounded-xl);border-bottom-right-radius:var(--clll-rounded-xl)}.form-addon-radius--left-2xl{border-top-left-radius:var(--clll-rounded-2xl);border-bottom-left-radius:var(--clll-rounded-2xl)}.form-addon-radius--right-2xl{border-top-right-radius:var(--clll-rounded-2xl);border-bottom-right-radius:var(--clll-rounded-2xl)}.form-addon-radius--left-3xl{border-top-left-radius:var(--clll-rounded-3xl);border-bottom-left-radius:var(--clll-rounded-3xl)}.form-addon-radius--right-3xl{border-top-right-radius:var(--clll-rounded-3xl);border-bottom-right-radius:var(--clll-rounded-3xl)}.form-addon-radius--left-none{border-top-left-radius:0;border-bottom-left-radius:0}.form-addon-radius--right-none{border-top-right-radius:0;border-bottom-right-radius:0}.form-control-flex{display:inline-flex;align-items:center;justify-content:center;position:relative}.form-counter-flex{display:flex;align-items:center;justify-content:flex-end;max-width:100px;box-sizing:border-box;flex:1;position:relative;pointer-events:none;user-select:none}.form-select-icon-flex{position:absolute;top:0;right:0;height:100%;display:flex;align-items:center;pointer-events:none}
+.form-addon-flex{display:flex;align-items:center;justify-content:center;pointer-events:none;user-select:none}.form-addon-flex--left{left:0}.form-addon-flex--right{right:0}.form-addon-flex--icon{z-index:10;box-sizing:border-box}.form-addon-flex--icon.--interactive{pointer-events:auto}.form-addon-flex--string{position:relative}.form-addon-radius--left-full{border-top-left-radius:var(--clll-rounded-full);border-bottom-left-radius:var(--clll-rounded-full)}.form-addon-radius--right-full{border-top-right-radius:var(--clll-rounded-full);border-bottom-right-radius:var(--clll-rounded-full)}.form-addon-radius--left-lg{border-top-left-radius:var(--clll-rounded-lg);border-bottom-left-radius:var(--clll-rounded-lg)}.form-addon-radius--right-lg{border-top-right-radius:var(--clll-rounded-lg);border-bottom-right-radius:var(--clll-rounded-lg)}.form-addon-radius--left-md{border-top-left-radius:var(--clll-rounded-md);border-bottom-left-radius:var(--clll-rounded-md)}.form-addon-radius--right-md{border-top-right-radius:var(--clll-rounded-md);border-bottom-right-radius:var(--clll-rounded-md)}.form-addon-radius--left-sm{border-top-left-radius:var(--clll-rounded-sm);border-bottom-left-radius:var(--clll-rounded-sm)}.form-addon-radius--right-sm{border-top-right-radius:var(--clll-rounded-sm);border-bottom-right-radius:var(--clll-rounded-sm)}.form-addon-radius--left-xs{border-top-left-radius:var(--clll-rounded-xs);border-bottom-left-radius:var(--clll-rounded-xs)}.form-addon-radius--right-xs{border-top-right-radius:var(--clll-rounded-xs);border-bottom-right-radius:var(--clll-rounded-xs)}.form-addon-radius--left-xl{border-top-left-radius:var(--clll-rounded-xl);border-bottom-left-radius:var(--clll-rounded-xl)}.form-addon-radius--right-xl{border-top-right-radius:var(--clll-rounded-xl);border-bottom-right-radius:var(--clll-rounded-xl)}.form-addon-radius--left-2xl{border-top-left-radius:var(--clll-rounded-2xl);border-bottom-left-radius:var(--clll-rounded-2xl)}.form-addon-radius--right-2xl{border-top-right-radius:var(--clll-rounded-2xl);border-bottom-right-radius:var(--clll-rounded-2xl)}.form-addon-radius--left-3xl{border-top-left-radius:var(--clll-rounded-3xl);border-bottom-left-radius:var(--clll-rounded-3xl)}.form-addon-radius--right-3xl{border-top-right-radius:var(--clll-rounded-3xl);border-bottom-right-radius:var(--clll-rounded-3xl)}.form-addon-radius--left-none{border-top-left-radius:0;border-bottom-left-radius:0}.form-addon-radius--right-none{border-top-right-radius:0;border-bottom-right-radius:0}.form-control-flex{display:inline-flex;align-items:center;justify-content:center;position:relative}.form-counter-flex{display:flex;align-items:center;justify-content:flex-end;max-width:100px;box-sizing:border-box;flex:1;position:relative;pointer-events:none;user-select:none}.form-select-icon-flex{position:absolute;top:0;right:0;height:100%;display:flex;align-items:center;pointer-events:none}

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
+};