@codeandfunction/callaloo 3.16.4 → 3.16.5

package/dist/chunks/CLPill.vue_vue_type_style_index_0_lang-DwNvvX0v.js

@@ -0,0 +1,90 @@
+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-B4xTt-xw.js";
+import { _ as $ } from "./CLIcon.vue_vue_type_style_index_0_lang--1FTkRVd.js";
+import { CLColorVariants as B, CLColors as L, CLIconSizes as f } from "../index.js";
+import { p as C } from "./utils-Sqgt8Fa4.js";
+const x = ["data-testid"], P = /* @__PURE__ */ y({
+  name: "CLPill",
+  __name: "CLPill",
+  props: {
+    color: { default: L.Neutral },
+    count: {},
+    elevated: { type: Boolean, default: !1 },
+    icon: {},
+    label: {},
+    onClick: {},
+    rounded: { type: Boolean, default: !0 },
+    testId: { default: "clll-pill" },
+    variant: { default: B.Soft }
+  },
+  setup(e) {
+    const n = e, l = "clll-pill", k = d(() => [
+      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(() => [
+      l,
+      `${l}--clickable`,
+      `${l}--${n.color}--${n.variant}`,
+      n.count ? `${l}--has-count` : "",
+      n.icon ? `${l}--has-icon` : `${l}--has-noicon`,
+      n.rounded ? `${l}--rounded` : ""
+    ]);
+    return (S, I) => (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($), {
+          key: 0,
+          name: e.icon,
+          size: t(f).Tiny
+        }, null, 8, ["name", "size"])) : o("", !0),
+        s("span", {
+          class: c(`${l}__label`)
+        }, r(e.label), 3),
+        e.count ? (a(), i("span", {
+          key: 1,
+          class: c(`${l}__count`)
+        }, r(e.count), 3)) : o("", !0)
+      ], 14, x)),
+      e.onClick ? (a(), u(t(b), {
+        key: 1,
+        color: e.color,
+        "on-click": e.onClick,
+        variant: e.variant,
+        pill: "",
+        rounded: e.rounded
+      }, {
+        default: z(() => [
+          s("div", {
+            class: c(t(v)),
+            style: m(t(C)({ color: e.color, variant: e.variant }))
+          }, [
+            e.icon ? (a(), u(t($), {
+              key: 0,
+              name: e.icon,
+              size: t(f).Tiny
+            }, null, 8, ["name", "size"])) : o("", !0),
+            s("span", {
+              class: c(`${l}__label`)
+            }, r(e.label), 3),
+            e.count ? (a(), i("span", {
+              key: 1,
+              class: c(`${l}__count`)
+            }, r(e.count), 3)) : o("", !0)
+          ], 6)
+        ]),
+        _: 1
+      }, 8, ["color", "on-click", "variant", "rounded"])) : o("", !0)
+    ], 64));
+  }
+});
+export {
+  P as _
+};

package/dist/chunks/{CLProgress.vue_vue_type_style_index_0_lang-BMozy0NJ.js → CLProgress.vue_vue_type_style_index_0_lang-Mikbgpn2.js}

@@ -1,8 +1,8 @@
-import { defineComponent as p, mergeModels as _, useCssVars as $, useModel as C, computed as d, createElementBlock as n, openBlock as c, normalizeClass as s, unref as t, createCommentVNode as v, createElementVNode as a, createVNode as y, withCtx as g, createTextVNode as V, toDisplayString as x } from "vue";
-import { _ as N } from "./CLText.vue_vue_type_style_index_0_lang-CG6043pv.js";
+import { defineComponent as p, mergeModels as _, useCssVars as y, useModel as $, computed as d, createElementBlock as n, openBlock as c, normalizeStyle as C, normalizeClass as s, unref as t, createCommentVNode as v, createElementVNode as a, createVNode as g, withCtx as V, createTextVNode as x, toDisplayString as N } from "vue";
+import { _ as z } from "./CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js";
 import { CLTextTypes as B, CLColors as u, CLSizes as L } from "../index.js";
-import { a as b } from "./utils-_aITYXfA.js";
-const h = ["data-testid"], S = /* @__PURE__ */ p({
+import { a as b } from "./utils-Sqgt8Fa4.js";
+const h = ["data-testid"], E = /* @__PURE__ */ p({
   name: "CLProgress",
   __name: "CLProgress",
   props: /* @__PURE__ */ _({
@@ -18,19 +18,20 @@ const h = ["data-testid"], S = /* @__PURE__ */ p({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    $((f) => ({
-      v70fa21a0: l.value
+    y((f) => ({
+      v692adfe6: l.value
     }));
-    const r = o, l = C(o, "modelValue"), e = "clll-progress", i = d(() => [
+    const r = o, l = $(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(() => `${l.value}%`);
-    return (f, z) => (c(), n("div", {
-      class: s([t(i), t(b)({ color: o.color })]),
-      "data-testid": o.testId
+    return (f, M) => (c(), n("div", {
+      class: s(t(i)),
+      "data-testid": o.testId,
+      style: C(t(b)({ color: o.color }))
     }, [
       o.status ? (c(), n("div", {
         key: 0,
@@ -39,12 +40,12 @@ const h = ["data-testid"], S = /* @__PURE__ */ p({
         a("div", {
           class: s(`${e}__status__label`)
         }, [
-          y(t(N), {
+          g(t(z), {
             color: t(u).Neutral,
             type: t(B).Summary
           }, {
-            default: g(() => [
-              V(x(t(m)), 1)
+            default: V(() => [
+              x(N(t(m)), 1)
             ]),
             _: 1
           }, 8, ["color", "type"])
@@ -57,9 +58,9 @@ const h = ["data-testid"], S = /* @__PURE__ */ p({
           class: s(`${e}__bar`)
         }, null, 2)
       ], 2)
-    ], 10, h));
+    ], 14, h));
   }
 });
 export {
-  S as _
+  E as _
 };

package/dist/chunks/{CLSkeleton.vue_vue_type_style_index_0_lang-C82FyxKt.js → CLSkeleton.vue_vue_type_style_index_0_lang-Csb9YnTI.js}

@@ -1,6 +1,6 @@
-import { defineComponent as a, useCssVars as r, computed as i, createElementBlock as u, openBlock as c, normalizeClass as m, unref as n, createElementVNode as f } from "vue";
-import { s as p } from "./utils-DPwEOLZc.js";
-const k = ["data-testid"], _ = /* @__PURE__ */ a({
+import { defineComponent as a, useCssVars as r, computed as i, createElementBlock as u, openBlock as m, normalizeStyle as c, normalizeClass as p, unref as n, createElementVNode as f } from "vue";
+import { s as k } from "./utils-CAV1sBee.js";
+const h = ["data-testid"], $ = /* @__PURE__ */ a({
   name: "CLSkeleton",
   __name: "CLSkeleton",
   props: {
@@ -12,22 +12,23 @@ const k = ["data-testid"], _ = /* @__PURE__ */ a({
   },
   setup(o) {
     r((s) => ({
-      v168f558d: s.width,
-      bce73b80: s.height
+      e132876a: s.width,
+      v43a1d342: s.height
     }));
     const t = o, e = "clll-skeleton", d = i(() => [
       e,
       t.borderRadius ? `${e}--${t.borderRadius}` : "",
       t.rounded ? `${e}--rounded` : `${e}--square`
     ]);
-    return (s, l) => (c(), u("div", {
-      class: m([n(d), n(p)()]),
-      "data-testid": o.testId
+    return (s, l) => (m(), u("div", {
+      class: p(n(d)),
+      "data-testid": o.testId,
+      style: c(n(k)())
     }, [...l[0] || (l[0] = [
       f("div", { class: "clll-skeleton__animation" }, null, -1)
-    ])], 10, k));
+    ])], 14, h));
   }
 });
 export {
-  _
+  $ as _
 };

package/dist/chunks/{CLSpinner.vue_vue_type_style_index_0_lang-DyT8L74M.js → CLSpinner.vue_vue_type_style_index_0_lang-BQ1w9Ik9.js}

@@ -1,33 +1,34 @@
-import { defineComponent as m, computed as n, createElementBlock as r, openBlock as i, normalizeClass as c, unref as l, createElementVNode as a } from "vue";
-import { CLSizes as u, CLPosition as f, CLColors as C, CLAlign as $ } from "../index.js";
-import { a as z } from "./utils-DPwEOLZc.js";
-const L = ["data-testid"], h = /* @__PURE__ */ m({
+import { defineComponent as d, computed as n, createElementBlock as r, openBlock as i, normalizeStyle as u, normalizeClass as c, unref as o, createElementVNode as a } from "vue";
+import { CLSizes as f, CLPosition as C, CLColors as $, CLAlign as z } from "../index.js";
+import { a as L } from "./utils-CAV1sBee.js";
+const _ = ["data-testid"], h = /* @__PURE__ */ d({
   name: "CLSpinner",
   __name: "CLSpinner",
   props: {
-    align: { default: $.Left },
-    color: { default: C.Primary },
-    position: { default: f.Absolute },
-    size: { default: u.Medium },
+    align: { default: z.Left },
+    color: { default: $.Primary },
+    position: { default: C.Absolute },
+    size: { default: f.Medium },
     testId: { default: "clll-spinner" }
   },
-  setup(o) {
-    const t = o, e = "clll-spinner", p = n(() => [
+  setup(l) {
+    const t = l, e = "clll-spinner", m = n(() => [
       e,
       `${e}--${t.position}`,
       `${e}--${t.color}`,
       `${e}--${t.size}`,
       `${e}--${t.align}`
-    ]), d = n(() => [
+    ]), p = n(() => [
       `${e}__circle`,
       `${e}__circle--${t.size}`
     ]);
-    return (_, s) => (i(), r("div", {
-      class: c([l(p), l(z)({ color: o.color })]),
-      "data-testid": o.testId
+    return (g, s) => (i(), r("div", {
+      class: c(o(m)),
+      "data-testid": l.testId,
+      style: u(o(L)({ color: l.color }))
     }, [
       (i(), r("svg", {
-        class: c(l(d)),
+        class: c(o(p)),
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
         viewBox: "0 0 24 24"
@@ -45,7 +46,7 @@ const L = ["data-testid"], h = /* @__PURE__ */ m({
           d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
         }, null, -1)
       ])], 2))
-    ], 10, L));
+    ], 14, _));
   }
 });
 export {

package/dist/chunks/{CLText.vue_vue_type_style_index_0_lang-CG6043pv.js → CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js}

@@ -1,11 +1,11 @@
-import { defineComponent as s, computed as n, createBlock as r, openBlock as f, resolveDynamicComponent as c, normalizeClass as u, unref as o, withCtx as m, renderSlot as i } from "vue";
-import { CLTextTypes as p, CLColors as $, CLAlign as y } from "../index.js";
-import { t as C } from "./utils-CPp2QUlb.js";
-const h = /* @__PURE__ */ s({
+import { defineComponent as d, computed as n, createBlock as r, openBlock as f, resolveDynamicComponent as c, normalizeStyle as m, normalizeClass as u, unref as o, withCtx as i, renderSlot as p } from "vue";
+import { CLTextTypes as y, CLColors as $, CLAlign as C } from "../index.js";
+import { t as x } from "./utils-C_e2F4X7.js";
+const L = /* @__PURE__ */ d({
   name: "CLText",
   __name: "CLText",
   props: {
-    align: { default: y.Left },
+    align: { default: C.Left },
     as: { default: "p" },
     bold: { type: Boolean, default: !1 },
     bolder: { type: Boolean, default: !1 },
@@ -14,7 +14,7 @@ const h = /* @__PURE__ */ s({
     medium: { type: Boolean, default: !1 },
     testId: { default: "clll-text" },
     truncate: { type: Boolean, default: !1 },
-    type: { default: p.Body }
+    type: { default: y.Body }
   },
   setup(l) {
     const t = l, e = "clll-text", a = n(() => [
@@ -30,17 +30,18 @@ const h = /* @__PURE__ */ s({
         [`${e}--bolder`]: t.bolder
       }
     ]);
-    return (d, x) => (f(), r(c(l.as), {
-      class: u([o(a), o(C)({ color: l.color })]),
-      "data-testid": l.testId
+    return (s, B) => (f(), r(c(l.as), {
+      class: u(o(a)),
+      "data-testid": l.testId,
+      style: m(o(x)({ color: l.color }))
     }, {
-      default: m(() => [
-        i(d.$slots, "default")
+      default: i(() => [
+        p(s.$slots, "default")
       ]),
       _: 3
-    }, 8, ["class", "data-testid"]));
+    }, 8, ["class", "data-testid", "style"]));
   }
 });
 export {
-  h as _
+  L as _
 };

package/dist/chunks/CLToast.vue_vue_type_style_index_0_lang-C6gOJx7A.js

@@ -0,0 +1,185 @@
+import { defineComponent as _, useCssVars as U, ref as v, computed as p, watch as F, onMounted as P, onUnmounted as X, onBeforeUnmount as Z, createElementBlock as T, openBlock as m, normalizeStyle as j, normalizeClass as c, unref as a, createElementVNode as g, createBlock as x, createCommentVNode as b, createVNode as k, withCtx as L, createTextVNode as z, toDisplayString as S, isRef as q } from "vue";
+import { _ as N } from "./CLButton.vue_vue_type_style_index_0_lang-B4xTt-xw.js";
+import { _ as G } from "./CLIcon.vue_vue_type_style_index_0_lang--1FTkRVd.js";
+import { _ as J } from "./CLProgress.vue_vue_type_style_index_0_lang-Mikbgpn2.js";
+import { _ as K } from "./CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js";
+import { _ as O } from "./CLHeading.vue_vue_type_style_index_0_lang-nUnSpm32.js";
+import { CLMode as R, CLColorVariants as B, CLToastPosition as Q, CLIconSizes as I, CLColors as y, CLHeadingTypes as W, CLTextTypes as w, CLSizes as A, CLIconNames as Y } from "../index.js";
+import { i as E, g as ee, a as te } from "./helper--hRjZVm6.js";
+import { useEsc as oe } from "../composables/useEsc.js";
+import { g as ae } from "./utils-CS9Gz4oX.js";
+import { useTheme as se } from "../composables/useTheme.js";
+const ie = ({ color: e, variant: t }) => {
+  const { borderRadius: $, colors: d, darkMode: n } = se(), s = n.value ? R.Dark : R.Light, r = ae({
+    color: e,
+    colors: d.value,
+    mode: s,
+    variant: t
+  });
+  return {
+    "--clll-toast-bg-color": n.value ? "black" : "white",
+    "--clll-toast-text-color": r?.text ?? "inherit",
+    "--clll-toast-icon-bg": r?.bg ?? "transparent",
+    "--clll-toast-icon-color": r?.text ?? "inherit",
+    "--clll-toast-timer-bg": r?.textDisabled ?? "transparent",
+    "--clll-toast-theme-radius": $.value ? `var(--clll-${$.value})` : void 0
+  };
+}, le = ["data-testid"], u = 300, o = "clll-toast", ye = /* @__PURE__ */ _({
+  name: "CLToast",
+  __name: "CLToast",
+  props: {
+    actionLabel: {},
+    borderRadius: {},
+    color: { default: y.Secondary },
+    dismissTimer: { default: 5 },
+    icon: {},
+    iconSize: { default: I.Small },
+    message: {},
+    onAction: {},
+    onDismiss: {},
+    position: { default: Q.TopRight },
+    rounded: { type: Boolean, default: !0 },
+    testId: { default: "clll-toast" },
+    title: {},
+    variant: { default: B.Soft },
+    width: { default: "24rem" }
+  },
+  setup(e) {
+    U((i) => ({
+      v952305c6: i.width
+    }));
+    const t = e, $ = v(), d = v(100), n = v(!1), s = v(), r = v(0), D = p(() => [
+      o,
+      t.borderRadius ? `${o}--${t.borderRadius}` : "",
+      t.dismissTimer ? `${o}--has-timer` : "",
+      t.icon ? `${o}--has-icon` : "",
+      t.message && !t.title ? `${o}--has-messageonly` : "",
+      n.value ? `${o}--mounted` : "",
+      t.onAction && t.actionLabel ? `${o}--has-action` : "",
+      t.rounded ? `${o}--rounded` : `${o}--box`,
+      t.title && !t.message ? `${o}--has-titleonly` : "",
+      t.title && t.message ? `${o}--has-titleandmessage` : "",
+      `${o}--${t.position}`
+    ]), h = () => {
+      n.value = !1, s.value && (s.value.stop(), s.value.start(u, (i) => {
+        Math.min(i, u) === u && (s.value?.stop(), t.onDismiss?.());
+      })), M();
+    }, H = () => {
+      const i = t.dismissTimer * 1e3, l = i / 100;
+      s.value?.start(i, (f) => {
+        const C = Math.min(f / 100, l);
+        d.value = 100 - C / l * 100, C === l && h();
+      });
+    }, V = () => {
+      s.value || (s.value = te(), s.value.start(100, (i) => {
+        Math.min(i, 100) === 100 && (s.value?.stop(), n.value = !0, t?.dismissTimer && s.value?.start(u, (f) => {
+          Math.min(f, u) === u && (s.value?.stop(), H());
+        }));
+      }));
+    };
+    F(t, () => {
+      s.value && (s.value.stop(), s.value = void 0), t?.dismissTimer && V();
+    }), P(() => {
+      E && (r.value = ee() + 1, V());
+    }), X(() => {
+      E && t?.dismissTimer && s.value && (s.value.stop(), s.value = void 0), n.value = !1, t.onDismiss?.();
+    });
+    const { clearEventListeners: M } = oe({ escHandler: h });
+    return Z(() => {
+      M();
+    }), (i, l) => (m(), T("output", {
+      ref_key: "elem",
+      ref: $,
+      class: c(a(D)),
+      "data-testid": e.testId,
+      style: j({ zIndex: a(r), ...a(ie)({ color: e.color, variant: e.variant }) })
+    }, [
+      g("div", {
+        class: c(`${o}__body`)
+      }, [
+        g("div", {
+          class: c(`${o}__content`)
+        }, [
+          e.icon ? (m(), T("div", {
+            key: 0,
+            class: c(`${o}__icon`)
+          }, [
+            k(a(G), {
+              name: e.icon,
+              size: e.iconSize
+            }, null, 8, ["name", "size"])
+          ], 2)) : b("", !0),
+          g("div", {
+            class: c(`${o}__text`)
+          }, [
+            e.title ? (m(), x(a(O), {
+              key: 0,
+              color: a(y).Neutral,
+              "test-id": `${o}__title`,
+              type: a(W).Section
+            }, {
+              default: L(() => [
+                z(S(e.title), 1)
+              ]),
+              _: 1
+            }, 8, ["color", "test-id", "type"])) : b("", !0),
+            e.message ? (m(), x(a(K), {
+              key: 1,
+              color: a(y).Neutral,
+              "test-id": `${o}__message`,
+              type: e.title ? a(w).Medium : a(w).Body
+            }, {
+              default: L(() => [
+                z(S(e.message), 1)
+              ]),
+              _: 1
+            }, 8, ["color", "test-id", "type"])) : b("", !0)
+          ], 2),
+          e.onAction && e.actionLabel ? (m(), T("div", {
+            key: 1,
+            class: c(`${o}__action-button`)
+          }, [
+            k(a(N), {
+              color: e.color,
+              "border-radius": e.borderRadius,
+              "on-click": e.onAction,
+              "test-id": `${o}__action-button`,
+              variant: e.variant
+            }, {
+              default: L(() => [
+                z(S(e.actionLabel), 1)
+              ]),
+              _: 1
+            }, 8, ["color", "border-radius", "on-click", "test-id", "variant"])
+          ], 2)) : b("", !0)
+        ], 2),
+        g("div", {
+          class: c(`${o}__dismiss-button`)
+        }, [
+          k(a(N), {
+            "aria-label": "Dismiss toast",
+            color: a(y).Neutral,
+            "border-radius": e.borderRadius,
+            "icon-before": a(Y).Delete,
+            "icon-size": a(I).Tiny,
+            "on-click": h,
+            size: a(A).Tiny,
+            "test-id": `${o}__dismiss-button`,
+            variant: a(B).Text
+          }, null, 8, ["color", "border-radius", "icon-before", "icon-size", "size", "test-id", "variant"])
+        ], 2)
+      ], 2),
+      e.dismissTimer ? (m(), x(a(J), {
+        key: 0,
+        modelValue: a(d),
+        "onUpdate:modelValue": l[0] || (l[0] = (f) => q(d) ? d.value = f : null),
+        color: e.color,
+        rounded: !1,
+        size: a(A).Small
+      }, null, 8, ["modelValue", "color", "size"])) : b("", !0)
+    ], 14, le));
+  }
+});
+export {
+  ye as _
+};

package/dist/chunks/utils-CAV1sBee.js

@@ -0,0 +1,24 @@
+import { CLMode as l, CLColors as t, CLColorVariants as n } from "../index.js";
+import { g as c } from "./utils-CS9Gz4oX.js";
+import { useTheme as a } from "../composables/useTheme.js";
+const g = () => {
+  const { borderRadius: o, darkMode: r } = a();
+  return {
+    "--clll-skeleton-bg-color": r.value ? "rgba(0 0 0 / 0.005)" : "rgba(0 0 0 / 0.075)",
+    "--clll-skeleton-theme-radius": o.value ? `var(--clll-${o.value})` : void 0
+  };
+}, k = ({ color: o = t.Primary }) => {
+  const { colors: r, darkMode: e } = a(), s = e.value ? l.Dark : l.Light;
+  return {
+    "--clll-spinner-color": c({
+      color: o,
+      colors: r.value,
+      mode: s,
+      variant: n.Solid
+    })?.bg ?? "inherit"
+  };
+};
+export {
+  k as a,
+  g as s
+};

package/dist/chunks/utils-CS9Gz4oX.js

@@ -0,0 +1,25 @@
+import { C as v } from "./base-theme-Bg6XMoeN.js";
+const b = ({
+  color: e,
+  colors: i,
+  mode: t,
+  variant: r
+}) => {
+  const o = v[r][t], d = i[e];
+  if (d)
+    return {
+      bg: o.bg !== void 0 ? d[o.bg] : void 0,
+      border: o.border !== void 0 ? d[o.border] : void 0,
+      borderHover: o.borderHover !== void 0 ? d[o.borderHover] : void 0,
+      disabled: o.disabled !== void 0 ? d[o.disabled] : void 0,
+      focus: o.focus !== void 0 ? d[o.focus] : void 0,
+      hover: o.hover !== void 0 ? d[o.hover] : void 0,
+      shadow: o.shadow !== void 0 ? d[o.shadow] : void 0,
+      text: o.text !== void 0 ? d[o.text] : void 0,
+      textBody: o.textBody !== void 0 ? d[o.textBody] : void 0,
+      textDisabled: o.textDisabled !== void 0 ? d[o.textDisabled] : void 0
+    };
+};
+export {
+  b as g
+};

package/dist/chunks/utils-C_e2F4X7.js

@@ -0,0 +1,17 @@
+import { CLMode as o, CLColors as s, CLColorVariants as a } from "../index.js";
+import { g as c } from "./utils-CS9Gz4oX.js";
+import { useTheme as m } from "../composables/useTheme.js";
+const d = ({ color: t = s.Neutral }) => {
+  const { colors: r, darkMode: e } = m(), l = e.value ? o.Light : o.Dark;
+  return {
+    "--clll-text-color": c({
+      color: t,
+      colors: r.value,
+      mode: l,
+      variant: a.Text
+    })?.textBody ?? "inherit"
+  };
+};
+export {
+  d as t
+};

package/dist/chunks/utils-Sqgt8Fa4.js

@@ -0,0 +1,85 @@
+import { CLMode as t, CLColorVariants as d, CLColors as b } from "../index.js";
+import { g as p } from "./utils-CS9Gz4oX.js";
+import { useTheme as u } from "../composables/useTheme.js";
+const v = ({
+  color: a = b.Primary,
+  variant: r
+}) => {
+  const { borderRadius: o, colors: e, darkMode: n } = u(), s = n.value ? t.Dark : t.Light, l = r === d.Outline, i = p({
+    color: a,
+    colors: e.value,
+    mode: s,
+    variant: r
+  });
+  return {
+    "--clll-badge-bg-color": i?.bg ?? "transparent",
+    "--clll-badge-border-color": l ? i?.border ?? "transparent" : "transparent",
+    "--clll-badge-border-style": l ? "solid" : "none",
+    "--clll-badge-border-width": l ? "1px" : "0",
+    "--clll-badge-text-color": i?.text ?? "inherit",
+    "--clll-badge-theme-radius": o.value ? `var(--clll-${o.value})` : void 0
+  };
+}, x = ({
+  color: a = b.Primary,
+  variant: r
+}) => {
+  const { borderRadius: o, colors: e, darkMode: n } = u(), s = n.value ? t.Dark : t.Light, l = p({
+    color: a,
+    colors: e.value,
+    mode: s,
+    variant: r
+  });
+  return {
+    "--clll-banner-bg-color": l?.bg ?? "transparent",
+    "--clll-banner-border-color": l?.focus ?? "transparent",
+    "--clll-banner-text-color": l?.text ?? "inherit",
+    "--clll-banner-theme-radius": o.value ? `var(--clll-${o.value})` : void 0
+  };
+}, k = ({
+  color: a = b.Primary,
+  variant: r
+}) => {
+  const { borderRadius: o, colors: e, darkMode: n } = u(), s = n.value ? t.Dark : t.Light, l = r === d.Outline, i = r === d.Ghost, c = p({
+    color: a,
+    colors: e.value,
+    mode: s,
+    variant: r
+  });
+  return {
+    "--clll-pill-bg-color": c?.bg ?? "transparent",
+    "--clll-pill-border-color": l ? c?.border ?? "transparent" : "transparent",
+    "--clll-pill-border-style": l ? "solid" : "none",
+    "--clll-pill-border-width": l ? "1px" : "0",
+    "--clll-pill-text-color": c?.text ?? "inherit",
+    "--clll-pill-hover-bg": c?.bg ?? "transparent",
+    "--clll-pill-count-bg": !l && !i ? c?.hover ?? "transparent" : "transparent",
+    "--clll-pill-count-border-style": l ? "solid" : "none",
+    "--clll-pill-count-border-color": l ? c?.border ?? "transparent" : "transparent",
+    "--clll-pill-count-border-width": l ? "1px" : "0",
+    "--clll-pill-theme-radius": o.value ? `var(--clll-${o.value})` : void 0
+  };
+}, C = ({
+  color: a = b.Primary
+}) => {
+  const { colors: r, darkMode: o } = u(), e = o.value ? t.Dark : t.Light, n = p({
+    color: a,
+    colors: r.value,
+    mode: e,
+    variant: d.Solid
+  });
+  return {
+    "--clll-progress-container-bg": p({
+      color: b.Neutral,
+      colors: r.value,
+      mode: e,
+      variant: d.Solid
+    })?.disabled ?? "transparent",
+    "--clll-progress-bar-bg": n?.bg ?? "transparent"
+  };
+};
+export {
+  C as a,
+  v as b,
+  x as c,
+  k as p
+};