@codeandfunction/callaloo 3.16.4 → 3.16.6

package/dist/chunks/CLLink.vue_vue_type_style_index_0_lang-DCwTmOOz.js

@@ -0,0 +1,68 @@
+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-R0Nhlutc.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-CS9Gz4oX.js";
+import { useTheme as D } from "../composables/useTheme.js";
+const H = ({
+  color: e = u.Primary,
+  underline: r = !0
+}) => {
+  const { colors: t, darkMode: o } = D(), a = o.value ? d.Dark : d.Light, l = S({
+    color: e,
+    colors: t.value,
+    mode: a,
+    variant: $.Outline
+  }), i = l?.border, m = l?.textDisabled, c = l?.textBody, f = o.value ? l?.borderHover : l?.textDisabled;
+  return {
+    "--clll-link-text-color": c ?? "inherit",
+    "--clll-link-text-hover": f ?? "inherit",
+    "--clll-link-underline-color": r ? i ?? "transparent" : "transparent",
+    "--clll-link-underline-hover": r ? m ?? "transparent" : "transparent",
+    "--clll-link-focus-border": c ?? "transparent",
+    "--clll-link-focus-shadow": l?.shadow ?? "transparent"
+  };
+}, T = ["aria-label", "data-testid", "href", "rel", "target"], P = /* @__PURE__ */ k({
+  name: "CLLink",
+  __name: "CLLink",
+  props: {
+    ariaLabel: {},
+    color: { default: u.Primary },
+    external: { type: Boolean, default: !1 },
+    href: {},
+    onClick: {},
+    rel: { default: "noreferrer noopener" },
+    target: { default: B.Self },
+    testId: { default: "clll-link" },
+    underline: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const r = e, t = "clll-link", o = C(() => [
+      t,
+      `${t}--${r.color}`,
+      `${t}--${r.external ? "external" : "internal"}`,
+      r.underline ? `${t}--underline` : `${t}--nounderline`
+    ]);
+    return (a, l) => (s(), x("a", {
+      "aria-label": e.ariaLabel,
+      class: b(n(o)),
+      "data-testid": e.testId,
+      href: e.href,
+      rel: e.external ? e.rel : "",
+      target: e.target,
+      style: L(n(H)({ color: e.color, underline: e.underline })),
+      onClick: l[0] || (l[0] = //@ts-ignore
+      (...i) => e.onClick && e.onClick(...i))
+    }, [
+      h(a.$slots, "default"),
+      e.external ? (s(), v(n(g), {
+        key: 0,
+        color: e.color,
+        name: n(I).ExternalLink,
+        size: n(z).Tiny
+      }, null, 8, ["color", "name", "size"])) : y("", !0)
+    ], 14, T));
+  }
+});
+export {
+  P as _
+};

package/dist/chunks/{CLNavLink.vue_vue_type_script_setup_true_lang-DtzSW2Tr.js → CLNavLink.vue_vue_type_script_setup_true_lang-B_AmMW02.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-RAFpWIR2.js";
+import { _ as u } from "./CLLink.vue_vue_type_style_index_0_lang-DCwTmOOz.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-B1MuCUnW.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-CQipGQ26.js";
+import { _ as $ } from "./CLIcon.vue_vue_type_style_index_0_lang-R0Nhlutc.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-DVJDbuDr.js

@@ -0,0 +1,63 @@
+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-Sqgt8Fa4.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 _
+};

package/dist/chunks/CLSkeleton.vue_vue_type_style_index_0_lang--LtiFHSO.js

@@ -0,0 +1,30 @@
+import { defineComponent as d, computed as a, createElementBlock as r, openBlock as i, normalizeStyle as u, normalizeClass as c, unref as n, createElementVNode as m } from "vue";
+import { s as f } from "./utils-CAV1sBee.js";
+const h = ["data-testid"], $ = /* @__PURE__ */ d({
+  name: "CLSkeleton",
+  __name: "CLSkeleton",
+  props: {
+    borderRadius: {},
+    height: { default: "100%" },
+    rounded: { type: Boolean, default: !0 },
+    testId: { default: "clll-skeleton" },
+    width: { default: "100%" }
+  },
+  setup(e) {
+    const l = e, t = "clll-skeleton", s = a(() => [
+      t,
+      l.borderRadius ? `${t}--${l.borderRadius}` : "",
+      l.rounded ? `${t}--rounded` : `${t}--square`
+    ]);
+    return (k, o) => (i(), r("div", {
+      class: c(n(s)),
+      "data-testid": e.testId,
+      style: u({ ...n(f)(), width: e.width, height: e.height })
+    }, [...o[0] || (o[0] = [
+      m("div", { class: "clll-skeleton__animation" }, null, -1)
+    ])], 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-Bhat3Q9Z.js

@@ -0,0 +1,182 @@
+import { defineComponent as U, ref as v, computed as _, watch as F, onMounted as P, onUnmounted as X, onBeforeUnmount as Z, createElementBlock as C, 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-CQipGQ26.js";
+import { _ as G } from "./CLIcon.vue_vue_type_style_index_0_lang-R0Nhlutc.js";
+import { _ as J } from "./CLProgress.vue_vue_type_style_index_0_lang-DVJDbuDr.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 w, CLToastPosition as Q, CLIconSizes as B, CLColors as h, CLHeadingTypes as W, CLTextTypes as I, CLSizes as A, CLIconNames as Y } from "../index.js";
+import { i as E, g as p, a as ee } from "./helper--hRjZVm6.js";
+import { useEsc as te } from "../composables/useEsc.js";
+import { g as oe } from "./utils-CS9Gz4oX.js";
+import { useTheme as ae } from "../composables/useTheme.js";
+const ie = ({ color: e, variant: t }) => {
+  const { borderRadius: $, colors: d, darkMode: l } = ae(), i = l.value ? R.Dark : R.Light, n = oe({
+    color: e,
+    colors: d.value,
+    mode: i,
+    variant: t
+  });
+  return {
+    "--clll-toast-bg-color": l.value ? "black" : "white",
+    "--clll-toast-text-color": n?.text ?? "inherit",
+    "--clll-toast-icon-bg": n?.bg ?? "transparent",
+    "--clll-toast-icon-color": n?.text ?? "inherit",
+    "--clll-toast-timer-bg": n?.textDisabled ?? "transparent",
+    "--clll-toast-theme-radius": $.value ? `var(--clll-${$.value})` : void 0
+  };
+}, se = ["data-testid"], u = 300, o = "clll-toast", ge = /* @__PURE__ */ U({
+  name: "CLToast",
+  __name: "CLToast",
+  props: {
+    actionLabel: {},
+    borderRadius: {},
+    color: { default: h.Secondary },
+    dismissTimer: { default: 5 },
+    icon: {},
+    iconSize: { default: B.Small },
+    message: {},
+    onAction: {},
+    onDismiss: {},
+    position: { default: Q.TopRight },
+    rounded: { type: Boolean, default: !0 },
+    testId: { default: "clll-toast" },
+    title: {},
+    variant: { default: w.Soft },
+    width: { default: "24rem" }
+  },
+  setup(e) {
+    const t = e, $ = v(), d = v(100), l = v(!1), i = v(), n = v(0), D = _(() => [
+      o,
+      t.borderRadius ? `${o}--${t.borderRadius}` : "",
+      t.dismissTimer ? `${o}--has-timer` : "",
+      t.icon ? `${o}--has-icon` : "",
+      t.message && !t.title ? `${o}--has-messageonly` : "",
+      l.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}`
+    ]), y = () => {
+      l.value = !1, i.value && (i.value.stop(), i.value.start(u, (r) => {
+        Math.min(r, u) === u && (i.value?.stop(), t.onDismiss?.());
+      })), V();
+    }, H = () => {
+      const r = t.dismissTimer * 1e3, s = r / 100;
+      i.value?.start(r, (f) => {
+        const T = Math.min(f / 100, s);
+        d.value = 100 - T / s * 100, T === s && y();
+      });
+    }, M = () => {
+      i.value || (i.value = ee(), i.value.start(100, (r) => {
+        Math.min(r, 100) === 100 && (i.value?.stop(), l.value = !0, t?.dismissTimer && i.value?.start(u, (f) => {
+          Math.min(f, u) === u && (i.value?.stop(), H());
+        }));
+      }));
+    };
+    F(t, () => {
+      i.value && (i.value.stop(), i.value = void 0), t?.dismissTimer && M();
+    }), P(() => {
+      E && (n.value = p() + 1, M());
+    }), X(() => {
+      E && t?.dismissTimer && i.value && (i.value.stop(), i.value = void 0), l.value = !1, t.onDismiss?.();
+    });
+    const { clearEventListeners: V } = te({ escHandler: y });
+    return Z(() => {
+      V();
+    }), (r, s) => (m(), C("output", {
+      ref_key: "elem",
+      ref: $,
+      class: c(a(D)),
+      "data-testid": e.testId,
+      style: j({ zIndex: a(n), "--clll-toast-width": e.width, ...a(ie)({ color: e.color, variant: e.variant }) })
+    }, [
+      g("div", {
+        class: c(`${o}__body`)
+      }, [
+        g("div", {
+          class: c(`${o}__content`)
+        }, [
+          e.icon ? (m(), C("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(h).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(h).Neutral,
+              "test-id": `${o}__message`,
+              type: e.title ? a(I).Medium : a(I).Body
+            }, {
+              default: L(() => [
+                z(S(e.message), 1)
+              ]),
+              _: 1
+            }, 8, ["color", "test-id", "type"])) : b("", !0)
+          ], 2),
+          e.onAction && e.actionLabel ? (m(), C("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(h).Neutral,
+            "border-radius": e.borderRadius,
+            "icon-before": a(Y).Delete,
+            "icon-size": a(B).Tiny,
+            "on-click": y,
+            size: a(A).Tiny,
+            "test-id": `${o}__dismiss-button`,
+            variant: a(w).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": s[0] || (s[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, se));
+  }
+});
+export {
+  ge 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
+};