@codeandfunction/callaloo 3.17.0 → 3.18.1

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

@@ -2,13 +2,13 @@ import '../../../assets/core.css';
 import './CLInput.css';
 import '../../../assets/shared/form-utilities.css';
 import { defineComponent as v, computed as I, createElementBlock as b, openBlock as n, normalizeClass as x, unref as a, createBlock as m, Fragment as M, createTextVNode as q, toDisplayString as R, createVNode as K, ref as w, watch as T, createCommentVNode as g, mergeModels as N, useTemplateRef as Q, useModel as W, withCtx as Y, createElementVNode as L, normalizeStyle as Z, withDirectives as _, vModelDynamic as ee, isRef as le } from "vue";
-import { _ as te, i as ae, a as ie } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-CtXwFFjZ.js";
-import { _ as oe } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-CaHCD2xF.js";
+import { _ as te, i as ae, a as ie } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-yVPk0TXA.js";
+import { _ as oe } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-DU9hc287.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-_OXcDRz_.js";
+import { _ as X } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-D60lhyDD.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-B0jCw5QR.js";
-import { _ as P } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-BN8ZGIfe.js";
+import { _ as se } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-DGFL7WdJ.js";
+import { _ as P } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-iaJCnlnS.js";
 const de = ["data-testid"], E = /* @__PURE__ */ v({
   name: "CLInputPrefix",
   __name: "CLInputPrefix",

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

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

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

@@ -2,9 +2,9 @@ import '../../../assets/core.css';
 import './CLSelect.css';
 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-CtXwFFjZ.js";
-import { _ as H } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-CaHCD2xF.js";
-import { _ as O } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-_OXcDRz_.js";
+import { _ as D, s as w, a as E } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-yVPk0TXA.js";
+import { _ as H } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-DU9hc287.js";
+import { _ as O } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-D60lhyDD.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/Form/CLTextArea/CLTextArea.js

@@ -2,8 +2,8 @@ import '../../../assets/core.css';
 import './CLTextArea.css';
 import '../../../assets/shared/form-utilities.css';
 import { defineComponent as $, mergeModels as b, useTemplateRef as x, useModel as C, computed as L, createBlock as i, openBlock as r, withCtx as B, createElementVNode as d, createCommentVNode as s, normalizeStyle as z, normalizeClass as m, unref as c, withDirectives as v, vModelText as k } from "vue";
-import { _ as T, i as q, a as V } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-CtXwFFjZ.js";
-import { _ as w } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-CaHCD2xF.js";
+import { _ as T, i as q, a as V } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-yVPk0TXA.js";
+import { _ as w } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-DU9hc287.js";
 import { _ as I } from "../../../chunks/CLFormCharCounter.vue_vue_type_style_index_0_lang-CJ4VrvmR.js";
 import { CLOrientation as f, CLCharCounterLayout as F, CLColorVariants as R, CLSizes as M, CLColors as S } from "../../../index.js";
 const A = ["data-testid"], N = ["id", "aria-label", "autocomplete", "cols", "disabled", "form", "maxlength", "minlength", "name", "pattern", "placeholder", "readonly", "required", "spellcheck", "rows"], j = /* @__PURE__ */ $({

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

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

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

@@ -1,13 +1,13 @@
 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 { _ as x } from "../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-Cl1pOJvL.js";
-import { _ as $ } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-BN8ZGIfe.js";
-import { _ as S } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-nUnSpm32.js";
-import { _ as C } from "../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang-DT23xe5d.js";
-import { _ as B } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js";
+import { _ as x } from "../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-sAuatKyL.js";
+import { _ as $ } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-iaJCnlnS.js";
+import { _ as S } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-DSJj-OSE.js";
+import { _ as C } from "../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang-0bIkQhjj.js";
+import { _ as B } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-Bm4JS6YC.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 { c as I } from "../../../chunks/utils-B_-25pfO.js";
+import { a as I } from "../../../chunks/utils-lYiECXLy.js";
 const R = ["data-testid"], O = /* @__PURE__ */ L({
   name: "CLBanner",
   __name: "CLBanner",

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-B0jCw5QR.js";
+import { _ as s } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-DGFL7WdJ.js";
 export {
   s as CLPill,
   s as default

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

@@ -1,7 +1,66 @@
 import '../../../assets/core.css';
 import './CLProgress.css';
-import { _ as a } from "../../../chunks/CLProgress.vue_vue_type_style_index_0_lang-Cqdkf70C.js";
+import { defineComponent as f, mergeModels as p, useModel as _, computed as d, createElementBlock as n, openBlock as c, normalizeStyle as y, normalizeClass as s, unref as t, createCommentVNode as $, createElementVNode as l, createVNode as g, withCtx as C, createTextVNode as v, toDisplayString as V } from "vue";
+import { _ as x } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-Bm4JS6YC.js";
+import { CLTextTypes as L, CLColors as u, CLSizes as N } from "../../../index.js";
+import { c as z } from "../../../chunks/utils-lYiECXLy.js";
+const B = ["data-testid"], k = /* @__PURE__ */ f({
+  name: "CLProgress",
+  __name: "CLProgress",
+  props: /* @__PURE__ */ p({
+    color: { default: u.Primary },
+    inverted: { type: Boolean, default: !1 },
+    rounded: { type: Boolean, default: !0 },
+    size: { default: N.Medium },
+    status: { type: Boolean, default: !1 },
+    testId: { default: "clll-progress" }
+  }, {
+    modelValue: { type: Number, default: 0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(o) {
+    const r = o, a = _(o, "modelValue"), e = "clll-progress", i = d(() => [
+      e,
+      `${e}--${r.color}`,
+      `${e}--${r.size}`,
+      r.inverted ? `${e}--inverted` : "",
+      r.rounded ? `${e}--rounded` : `${e}--not-rounded`
+    ]), m = d(() => `${a.value}%`);
+    return (P, b) => (c(), n("div", {
+      class: s(t(i)),
+      "data-testid": o.testId,
+      style: y({ ...t(z)({ color: o.color }), "--clll-progress-value": a.value })
+    }, [
+      o.status ? (c(), n("div", {
+        key: 0,
+        class: s(`${e}__status__container`)
+      }, [
+        l("div", {
+          class: s(`${e}__status__label`)
+        }, [
+          g(t(x), {
+            color: t(u).Neutral,
+            type: t(L).Summary
+          }, {
+            default: C(() => [
+              v(V(t(m)), 1)
+            ]),
+            _: 1
+          }, 8, ["color", "type"])
+        ], 2)
+      ], 2)) : $("", !0),
+      l("div", {
+        class: s(`${e}__bar-container`)
+      }, [
+        l("div", {
+          class: s(`${e}__bar`)
+        }, null, 2)
+      ], 2)
+    ], 14, B));
+  }
+});
 export {
-  a as CLProgress,
-  a as default
+  k as CLProgress,
+  k as default
 };

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

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 import './CLSkeleton.css';
-import { _ as e } from "../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang-DT23xe5d.js";
+import { _ as e } from "../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang-0bIkQhjj.js";
 export {
   e as CLSkeleton,
   e as default

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

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 import './CLSpinner.css';
-import { _ as r } from "../../../chunks/CLSpinner.vue_vue_type_style_index_0_lang-DU0dl3yu.js";
+import { _ as r } from "../../../chunks/CLSpinner.vue_vue_type_style_index_0_lang-Bt2htES9.js";
 export {
   r as CLSpinner,
   r as default

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

@@ -1,13 +1,13 @@
 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-BN8ZGIfe.js";
-import { _ as Q } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-nUnSpm32.js";
+import { _ as P } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-iaJCnlnS.js";
+import { _ as Q } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-DSJj-OSE.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-CS9Gz4oX.js";
+import { g as te } from "../../../chunks/utils-COeAI8Q8.js";
 import { useTheme as ne } from "../../../composables/useTheme.js";
 import { useEsc as le } from "../../../composables/useEsc.js";
-import { b as S, i as a } from "../../../chunks/helper--hRjZVm6.js";
+import { c as S, i as a } from "../../../chunks/helper-BYpahJAh.js";
 const se = () => {
   const { colors: t, darkMode: f } = ne(), _ = f.value ? k.Dark : k.Light, r = te({
     color: T.Neutral,

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-C5Pac9Ux.js";
+import { _ as s } from "../../../chunks/CLLink.vue_vue_type_style_index_0_lang-N1pSMEpM.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-BwawdHNA.js";
+import { _ as s } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-Ck2kQgOd.js";
 export {
   s as CLNavLink,
   s as default

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

@@ -1,8 +1,8 @@
 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-BwawdHNA.js";
-import { _ as L } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js";
+import { _ as k } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-Ck2kQgOd.js";
+import { _ as L } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-Bm4JS6YC.js";
 import { CLOrientation as h, CLColors as $ } from "../../../index.js";
 const g = ["data-testid"], V = /* @__PURE__ */ f({
   name: "CLNavSection",

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

@@ -1,9 +1,9 @@
 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-BN8ZGIfe.js";
-import { _ as ue } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-VQ9e4mL2.js";
-import { b as de, i as mt } from "../../../chunks/helper--hRjZVm6.js";
+import { _ as fe } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-iaJCnlnS.js";
+import { _ as ue } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-lzqVCrJ3.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";
 import { CLPlacement as ge, CLIconSizes as Lt, CLIconNames as pe, CLColorVariants as Dt, CLSizes as we, CLColors as Tt } from "../../../index.js";

package/dist/components/Popups/CLToast/CLToast.css

@@ -1 +1 @@
-.clll-toast{bottom:var(--clll-unit-4);position:fixed;overflow:hidden;width:90%;left:0;right:0;margin-left:auto;margin-right:auto;transform:translateY(100vh);background-color:var(--clll-toast-bg-color, white);color:var(--clll-toast-text-color, inherit);transition-property:all;transition-duration:.3s;transition-timing-function:ease;box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}@media(min-width:768px){.clll-toast{width:var(--clll-toast-width)}}@media(min-width:768px){.clll-toast.clll-toast--bottom-left{left:var(--clll-unit-8);bottom:var(--clll-unit-8);margin-left:0}}@media(min-width:768px){.clll-toast.clll-toast--bottom-center{left:0;right:0;margin-left:auto;margin-right:auto;bottom:var(--clll-unit-8)}}@media(min-width:768px){.clll-toast.clll-toast--bottom-right{right:var(--clll-unit-8);bottom:var(--clll-unit-8);margin-right:0}}@media(min-width:768px){.clll-toast.clll-toast--top-left{left:var(--clll-unit-8);top:var(--clll-unit-8);bottom:auto;transform:translateY(-20vh);margin-left:0}}@media(min-width:768px){.clll-toast.clll-toast--top-center{left:0;right:0;margin-left:auto;margin-right:auto;top:var(--clll-unit-8);bottom:auto;transform:translateY(-20vh)}}@media(min-width:768px){.clll-toast.clll-toast--top-right{right:var(--clll-unit-8);top:var(--clll-unit-8);bottom:auto;transform:translateY(-20vh);margin-right:0}}.clll-toast .clll-toast__body{display:flex;align-items:center;padding-top:var(--clll-unit-2_5);padding-left:var(--clll-unit-4);padding-bottom:var(--clll-unit-2_5);padding-right:var(--clll-unit-4)}.clll-toast .clll-toast__body>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-4)}.clll-toast .clll-toast__body .clll-toast__content{display:flex;align-items:center;flex:1 1 0%}.clll-toast .clll-toast__body .clll-toast__content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-4)}.clll-toast .clll-toast__body .clll-toast__content .clll-toast__icon{display:flex;flex-direction:column;align-items:center;padding:var(--clll-unit-2);border-radius:var(--clll-rounded-full);background-color:var(--clll-toast-icon-bg, transparent)}.clll-toast .clll-toast__body .clll-toast__content .clll-toast__icon .clll-icon{color:var(--clll-toast-icon-color, inherit)}.clll-toast .clll-toast__body .clll-toast__content .clll-toast__text{flex:1 1 0%}.clll-toast .clll-toast__timer-bar{position:relative;left:0;bottom:0;height:var(--clll-unit-1);transform-origin:left;width:100%;background-color:var(--clll-toast-timer-bg, transparent);transform:translateZ(0) rotate(0) skew(0) skewY(0) scaleX(0) scaleY(0)}.clll-toast.clll-toast--has-icon .clll-toast__body{padding-top:var(--clll-unit-2);padding-bottom:var(--clll-unit-2)}.clll-toast.clll-toast--has-titleandmessage .clll-toast__body{padding-top:var(--clll-unit-4);padding-bottom:var(--clll-unit-4)}.clll-toast.clll-toast--has-titleandmessage .clll-toast__body .clll-toast__content .clll-toast__text .clll-text--large{font-weight:500}.clll-toast.clll-toast--mounted{transform:translateY(0)}.clll-toast.clll-toast--rounded{border-radius:var(--clll-rounded-sm)}.clll-toast.clll-toast--rounded.clll-toast--rounded-full,.clll-toast.clll-toast--rounded.clll-toast--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-toast.clll-toast--rounded.clll-toast--rounded-lg,.clll-toast.clll-toast--rounded.clll-toast--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-toast.clll-toast--rounded.clll-toast--rounded-md,.clll-toast.clll-toast--rounded.clll-toast--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-toast.clll-toast--rounded.clll-toast--rounded-sm,.clll-toast.clll-toast--rounded.clll-toast--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-toast.clll-toast--rounded.clll-toast--rounded-xs,.clll-toast.clll-toast--rounded.clll-toast--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-toast.clll-toast--rounded.clll-toast--rounded-xl,.clll-toast.clll-toast--rounded.clll-toast--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-toast.clll-toast--rounded.clll-toast--rounded-2xl,.clll-toast.clll-toast--rounded.clll-toast--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-toast.clll-toast--rounded.clll-toast--rounded-3xl,.clll-toast.clll-toast--rounded.clll-toast--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-toast.clll-toast--rounded.clll-toast--rounded-none,.clll-toast.clll-toast--rounded.clll-toast--rounded-none .clll-{border-radius:0}.clll-toast.clll-toast--rounded:not([class*=clll-toast--rounded-]){border-radius:var(--clll-toast-theme-radius, var(--clll-rounded-sm))}
+.clll-toast{bottom:var(--clll-unit-4);position:fixed;overflow:hidden;width:90%;left:0;right:0;margin-left:auto;margin-right:auto;transform:translateY(100vh);background-color:var(--clll-toast-bg-color, white);color:var(--clll-toast-text-color, inherit);transition-property:all;transition-duration:.3s;transition-timing-function:ease;box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}@media(min-width:768px){.clll-toast{width:var(--clll-toast-width)}}@media(min-width:768px){.clll-toast.clll-toast--bottom-left{left:var(--clll-unit-8);bottom:var(--clll-unit-8);margin-left:0}}@media(min-width:768px){.clll-toast.clll-toast--bottom-center{left:0;right:0;margin-left:auto;margin-right:auto;bottom:var(--clll-unit-8)}}@media(min-width:768px){.clll-toast.clll-toast--bottom-right{right:var(--clll-unit-8);bottom:var(--clll-unit-8);margin-right:0}}@media(min-width:768px){.clll-toast.clll-toast--top-left{left:var(--clll-unit-8);top:var(--clll-unit-8);bottom:auto;transform:translateY(-20vh);margin-left:0}}@media(min-width:768px){.clll-toast.clll-toast--top-center{left:0;right:0;margin-left:auto;margin-right:auto;top:var(--clll-unit-8);bottom:auto;transform:translateY(-20vh)}}@media(min-width:768px){.clll-toast.clll-toast--top-right{right:var(--clll-unit-8);top:var(--clll-unit-8);bottom:auto;transform:translateY(-20vh);margin-right:0}}.clll-toast .clll-toast__body{display:flex;align-items:center;padding-top:var(--clll-unit-2_5);padding-left:var(--clll-unit-4);padding-bottom:var(--clll-unit-2_5);padding-right:var(--clll-unit-4)}.clll-toast .clll-toast__body>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-4)}.clll-toast .clll-toast__body .clll-toast__content{display:flex;align-items:center;flex:1 1 0%}.clll-toast .clll-toast__body .clll-toast__content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-4)}.clll-toast .clll-toast__body .clll-toast__content .clll-toast__icon{display:flex;flex-direction:column;align-items:center;padding:var(--clll-unit-2);border-radius:var(--clll-rounded-full);background-color:var(--clll-toast-icon-bg, transparent)}.clll-toast .clll-toast__body .clll-toast__content .clll-toast__icon .clll-icon{color:var(--clll-toast-icon-color, inherit)}.clll-toast .clll-toast__body .clll-toast__content .clll-toast__text{flex:1 1 0%}.clll-toast.clll-toast--has-icon .clll-toast__body{padding-top:var(--clll-unit-2);padding-bottom:var(--clll-unit-2)}.clll-toast.clll-toast--has-titleandmessage .clll-toast__body{padding-top:var(--clll-unit-4);padding-bottom:var(--clll-unit-4)}.clll-toast.clll-toast--has-titleandmessage .clll-toast__body .clll-toast__content .clll-toast__text .clll-text--large{font-weight:500}.clll-toast.clll-toast--mounted{transform:translateY(0)}.clll-toast.clll-toast--rounded{border-radius:var(--clll-rounded-sm)}.clll-toast.clll-toast--rounded.clll-toast--rounded-full,.clll-toast.clll-toast--rounded.clll-toast--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-toast.clll-toast--rounded.clll-toast--rounded-lg,.clll-toast.clll-toast--rounded.clll-toast--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-toast.clll-toast--rounded.clll-toast--rounded-md,.clll-toast.clll-toast--rounded.clll-toast--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-toast.clll-toast--rounded.clll-toast--rounded-sm,.clll-toast.clll-toast--rounded.clll-toast--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-toast.clll-toast--rounded.clll-toast--rounded-xs,.clll-toast.clll-toast--rounded.clll-toast--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-toast.clll-toast--rounded.clll-toast--rounded-xl,.clll-toast.clll-toast--rounded.clll-toast--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-toast.clll-toast--rounded.clll-toast--rounded-2xl,.clll-toast.clll-toast--rounded.clll-toast--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-toast.clll-toast--rounded.clll-toast--rounded-3xl,.clll-toast.clll-toast--rounded.clll-toast--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-toast.clll-toast--rounded.clll-toast--rounded-none,.clll-toast.clll-toast--rounded.clll-toast--rounded-none .clll-{border-radius:0}.clll-toast.clll-toast--rounded:not([class*=clll-toast--rounded-]){border-radius:var(--clll-toast-theme-radius, var(--clll-rounded-sm))}

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-DBSD8ucy.js";
+import { _ as s } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-CwrZb7Fw.js";
 export {
   s as CLToast,
   s as default

package/dist/components/Providers/CLThemeProvider/CLThemeProvider.js

@@ -1,40 +1,54 @@
 import '../../../assets/core.css';
-import { defineComponent as i, watch as a, createBlock as l, openBlock as r, resolveDynamicComponent as n, normalizeStyle as s, unref as m, withCtx as d, renderSlot as f } from "vue";
-import { s as c, a as h, b as u, c as C, d as g, D as y } from "../../../chunks/base-theme-Bg6XMoeN.js";
-const T = /* @__PURE__ */ i({
+import { defineComponent as s, onMounted as l, onBeforeUnmount as m, watch as r, createBlock as f, openBlock as c, resolveDynamicComponent as u, normalizeStyle as h, unref as C, withCtx as D, renderSlot as M } from "vue";
+import { s as g, a as k, b as v, c as d, d as y, D as p } from "../../../chunks/base-theme-Dp5l5R6W.js";
+import { i as n, a as w } from "../../../chunks/helper-BYpahJAh.js";
+const T = /* @__PURE__ */ s({
   __name: "CLThemeProvider",
   props: {
     tag: { default: "div" },
-    themeConfig: {}
+    themeConfig: {},
+    autoDetectDarkMode: { type: Boolean, default: !0 }
   },
-  setup(t) {
-    const o = t;
-    return c(o.themeConfig), a(
-      () => o.themeConfig?.borderRadius,
+  setup(o) {
+    const t = o;
+    g(t.themeConfig);
+    let a = null;
+    const i = () => {
+      if (t.autoDetectDarkMode && n) {
+        const e = w();
+        d(e);
+      }
+    };
+    return l(() => {
+      t.autoDetectDarkMode && n && (i(), a = window.matchMedia("(prefers-color-scheme: dark)"), a.addEventListener("change", i));
+    }), m(() => {
+      a && n && a.removeEventListener("change", i);
+    }), r(
+      () => t.themeConfig?.borderRadius,
       (e) => {
-        h(e);
+        k(e);
       }
-    ), a(
-      () => o.themeConfig?.colors,
+    ), r(
+      () => t.themeConfig?.colors,
       (e) => {
-        e && u(e);
+        e && v(e);
       }
-    ), a(
-      () => o.themeConfig?.darkMode,
+    ), r(
+      () => t.themeConfig?.darkMode,
       (e) => {
-        e !== void 0 && C(e);
+        e !== void 0 && !t.autoDetectDarkMode && d(e);
       }
-    ), a(
-      () => o.themeConfig?.fontFamily,
+    ), r(
+      () => t.themeConfig?.fontFamily,
       (e) => {
-        g(e);
+        y(e);
       }
-    ), (e, v) => (r(), l(n(t.tag), {
+    ), (e, B) => (c(), f(u(o.tag), {
       class: "clll-theme-provider",
-      style: s({ "--clll-font-family": t.themeConfig?.fontFamily || m(y).fontFamily, "--clll-default-radius": t.themeConfig?.borderRadius ? `var(--clll-${t.themeConfig.borderRadius})` : void 0 })
+      style: h({ "--clll-font-family": o.themeConfig?.fontFamily || C(p).fontFamily, "--clll-default-radius": o.themeConfig?.borderRadius ? `var(--clll-${o.themeConfig.borderRadius})` : void 0 })
     }, {
-      default: d(() => [
-        f(e.$slots, "default")
+      default: D(() => [
+        M(e.$slots, "default")
       ]),
       _: 3
     }, 8, ["style"]));
@@ -42,6 +56,6 @@ const T = /* @__PURE__ */ i({
 });
 export {
   T as CLThemeProvider,
-  y as DEFAULT_THEME,
+  p as DEFAULT_THEME,
   T as default
 };

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

@@ -5,6 +5,8 @@ interface Props {
     tag?: string;
     /** A theme configuration object. */
     themeConfig?: CLThemeConfig;
+    /** When true, automatically detects and responds to browser's prefers-color-scheme setting */
+    autoDetectDarkMode?: boolean;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -17,6 +19,7 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     tag: string;
+    autoDetectDarkMode: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 import { defineComponent as L, ref as i, provide as g, createElementBlock as k, openBlock as p, createBlock as z, createCommentVNode as B, renderSlot as S, unref as A } from "vue";
-import { _ as $ } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-DBSD8ucy.js";
+import { _ as $ } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-CwrZb7Fw.js";
 const x = { class: "clll-toast-provider" }, N = /* @__PURE__ */ L({
   name: "CLToastProvider",
   __name: "CLToastProvider",

package/dist/components/Typography/CLHeading/CLHeading.js

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 import './CLHeading.css';
-import { _ as s } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-nUnSpm32.js";
+import { _ as s } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-DSJj-OSE.js";
 export {
   s as CLHeading,
   s as default

package/dist/components/Typography/CLText/CLText.js

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

package/dist/composables/useDropdown.js

@@ -1,6 +1,6 @@
 import '../assets/core.css';
 import { ref as v } from "vue";
-import { i as n } from "../chunks/helper--hRjZVm6.js";
+import { i as n } from "../chunks/helper-BYpahJAh.js";
 const E = ({
   triggerElem: a,
   dropdownRef: w,

package/dist/composables/useEsc.js

@@ -1,5 +1,5 @@
 import '../assets/core.css';
-import { i as n } from "../chunks/helper--hRjZVm6.js";
+import { i as n } from "../chunks/helper-BYpahJAh.js";
 const v = ({ escHandler: t, triggerElem: e }) => {
   const s = (a) => {
     if (n)

package/dist/composables/useTheme.js

@@ -1,6 +1,6 @@
 import '../assets/core.css';
 import { ref as t, inject as n } from "vue";
-import { D as o } from "../chunks/base-theme-Bg6XMoeN.js";
+import { D as o } from "../chunks/base-theme-Dp5l5R6W.js";
 const a = t(o.borderRadius), r = t(o.darkMode), l = t(o.fontFamily), s = t(o.colors || {
   primary: {},
   secondary: {},

package/package.json

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

package/dist/chunks/CLProgress.vue_vue_type_style_index_0_lang-Cqdkf70C.js

@@ -1,64 +0,0 @@
-import '../components/Indicators/CLProgress/CLProgress.css';
-import { defineComponent as p, mergeModels as f, useModel as _, computed as d, createElementBlock as n, openBlock as c, normalizeStyle as y, normalizeClass as s, unref as t, createCommentVNode as $, createElementVNode as l, createVNode as g, withCtx as v, createTextVNode as C, toDisplayString as V } from "vue";
-import { _ as x } from "./CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js";
-import { CLTextTypes as N, CLColors as u, CLSizes as z } from "../index.js";
-import { a as B } from "./utils-B_-25pfO.js";
-const L = ["data-testid"], k = /* @__PURE__ */ p({
-  name: "CLProgress",
-  __name: "CLProgress",
-  props: /* @__PURE__ */ f({
-    color: { default: u.Primary },
-    inverted: { type: Boolean, default: !1 },
-    rounded: { type: Boolean, default: !0 },
-    size: { default: z.Medium },
-    status: { type: Boolean, default: !1 },
-    testId: { default: "clll-progress" }
-  }, {
-    modelValue: { type: Number, default: 0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(o) {
-    const r = o, a = _(o, "modelValue"), e = "clll-progress", i = d(() => [
-      e,
-      `${e}--${r.color}`,
-      `${e}--${r.size}`,
-      r.inverted ? `${e}--inverted` : "",
-      r.rounded ? `${e}--rounded` : `${e}--not-rounded`
-    ]), m = d(() => `${a.value}%`);
-    return (b, h) => (c(), n("div", {
-      class: s(t(i)),
-      "data-testid": o.testId,
-      style: y({ ...t(B)({ color: o.color }), "--clll-progress-value": a.value })
-    }, [
-      o.status ? (c(), n("div", {
-        key: 0,
-        class: s(`${e}__status__container`)
-      }, [
-        l("div", {
-          class: s(`${e}__status__label`)
-        }, [
-          g(t(x), {
-            color: t(u).Neutral,
-            type: t(N).Summary
-          }, {
-            default: v(() => [
-              C(V(t(m)), 1)
-            ]),
-            _: 1
-          }, 8, ["color", "type"])
-        ], 2)
-      ], 2)) : $("", !0),
-      l("div", {
-        class: s(`${e}__bar-container`)
-      }, [
-        l("div", {
-          class: s(`${e}__bar`)
-        }, null, 2)
-      ], 2)
-    ], 14, L));
-  }
-});
-export {
-  k as _
-};