@codeandfunction/callaloo 4.5.0 → 4.6.0

package/dist/chunks/{CLButton.vue_vue_type_style_index_0_lang-Ddoes-Ee.js → CLButton.vue_vue_type_style_index_0_lang-D0vMBs0W.js}

@@ -1,6 +1,6 @@
 import '../components/Buttons/CLButton/CLButton.css';
 import { defineComponent as $, useSlots as C, ref as h, computed as L, onMounted as B, nextTick as z, createBlock as n, openBlock as o, resolveDynamicComponent as S, normalizeStyle as g, normalizeClass as s, unref as i, withCtx as k, createCommentVNode as d, createElementBlock as X, renderSlot as w } from "vue";
-import { _ as c } from "./CLIcon.vue_vue_type_style_index_0_lang-CX2_4ukW.js";
+import { _ as c } from "./CLIcon.vue_vue_type_style_index_0_lang-CzJDIguL.js";
 import { _ as R } from "./CLSpinner.vue_vue_type_style_index_0_lang-ByLBkPr8.js";
 import { CLColorVariants as A, CLButtonTypes as T, CLLinkTarget as F, CLSizes as l, CLIconSizes as I, CLColors as x, CLAlign as m, CLPosition as M } from "../index.js";
 import { b as N } from "./utils-DvIHDaPn.js";

package/dist/chunks/{CLCard.vue_vue_type_style_index_0_lang-DIPohqn6.js → CLCard.vue_vue_type_style_index_0_lang-CfB_Fpy5.js}

@@ -1,11 +1,11 @@
 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-BXyEYnRQ.js";
+import { _ as q } from "./CLLink.vue_vue_type_style_index_0_lang-CZZm1duI.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";
-import { c as p } from "./utils-Ca0eSzWQ.js";
+import { c as p } from "./utils-Dp9v2LTO.js";
 import { useHasSlotContent as _ } from "../composables/useHasSlotContent.js";
 const ee = ["data-testid", "tabindex"], ae = ["alt", "loading", "src"], te = {
   key: 0,

package/dist/chunks/CLIcon.vue_vue_type_style_index_0_lang-CzJDIguL.js

@@ -0,0 +1,113 @@
+import '../components/CLIcon/CLIcon.css';
+import { defineComponent as X, ref as M, computed as m, watch as _, onMounted as $, createElementBlock as v, openBlock as y, normalizeStyle as b, normalizeClass as L, unref as f, createElementVNode as N } from "vue";
+import { CLMode as C, CLColors as E, CLColorVariants as k, CLIconSizes as o } 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-qUkciePY.js";
+const q = ({ color: s = E.Neutral }) => {
+  const { colors: e, darkMode: n } = V(), r = n.value ? C.Dark : C.Light;
+  return {
+    "--clll-icon-color": T({
+      color: s,
+      colors: e.value,
+      mode: r,
+      variant: k.Text
+    })?.textBody ?? "inherit"
+  };
+}, D = ["data-testid"], O = ["height", "width"], j = ["href"], J = /* @__PURE__ */ X({
+  name: "CLIcon",
+  __name: "CLIcon",
+  props: {
+    color: { default: E.Neutral },
+    filled: { type: Boolean, default: !1 },
+    name: {},
+    size: { default: o.Small },
+    testId: { default: "clll-icon" }
+  },
+  setup(s) {
+    const e = s, n = "clll-icon", r = {
+      [o.Tiny]: 20,
+      [o.Small]: 24,
+      [o.Medium]: 28,
+      [o.Large]: 32,
+      [o.XL]: 36,
+      [o.XXL]: 40,
+      [o.XXXL]: 44,
+      [o.XXXXL]: 48
+    }, i = /* @__PURE__ */ new Map(), a = M(!1), B = (t) => {
+      if (!x) return !1;
+      if (i.has(t))
+        return i.get(t);
+      const l = document.getElementById("clll-icons");
+      if (!l)
+        return !1;
+      const c = document.getElementById(t), d = c !== null && l.contains(c);
+      return i.set(t, d), d;
+    }, h = m(() => !e.filled || e.name.endsWith("-filled") ? e.name : e.name.replace("tabler:", "tabler:") + "-filled"), p = m(() => {
+      const t = h.value;
+      return !e.filled || t === e.name || B(t) ? t : e.name;
+    }), S = m(() => [
+      n,
+      `${n}--${e.name}`,
+      `${n}--${e.size}`,
+      { [`${n}--filled`]: e.filled && p.value === h.value }
+    ]), w = m(() => ({
+      ...q({ color: e.color }),
+      width: r[e.size] + 4 + "px",
+      height: r[e.size] + 4 + "px"
+    }));
+    _(() => a.value, (t) => {
+      t && i.clear();
+    });
+    const z = async () => {
+      if (!x) return;
+      let t = document.getElementById("clll-icons");
+      if (t) {
+        a.value = !0;
+        return;
+      }
+      try {
+        const c = (/* @__PURE__ */ Object.assign({
+          "/src/icons.svg": () => import("./icons-DllZKtC2.js").then((I) => I.default)
+        }))["/src/icons.svg"];
+        if (!c)
+          return;
+        const d = await c();
+        if (t = document.getElementById("clll-icons"), t) {
+          a.value = !0;
+          return;
+        }
+        const u = document.createElement("div");
+        u.id = "clll-icons", u.style.display = "none", u.innerHTML = d.toString();
+        const g = () => {
+          document.body.insertBefore(u, document.body.childNodes[0]), a.value = !0;
+        };
+        document.readyState === "loading" ? window.addEventListener("DOMContentLoaded", g, { once: !0 }) : g();
+      } catch (l) {
+        console.error("[Callaloo] Failed to load icon sprite:", l);
+      }
+    };
+    return $(() => {
+      z();
+    }), (t, l) => (y(), v("span", {
+      class: L(f(S)),
+      "data-testid": s.testId,
+      style: b(f(w))
+    }, [
+      (y(), v("svg", {
+        "aria-hidden": "true",
+        class: L(`${n}-sprite`),
+        height: r[s.size],
+        width: r[s.size],
+        viewBox: "0 0 24 24"
+      }, [
+        N("use", {
+          href: `#${f(p)}`
+        }, null, 8, j)
+      ], 10, O))
+    ], 14, D));
+  }
+});
+export {
+  J as _
+};

package/dist/chunks/{CLLink.vue_vue_type_style_index_0_lang-BXyEYnRQ.js → CLLink.vue_vue_type_style_index_0_lang-CZZm1duI.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-CX2_4ukW.js";
+import { _ as g } from "./CLIcon.vue_vue_type_style_index_0_lang-CzJDIguL.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-DG5Au49r.js → CLNavLink.vue_vue_type_script_setup_true_lang-BEBTiI0u.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-BXyEYnRQ.js";
+import { _ as u } from "./CLLink.vue_vue_type_style_index_0_lang-CZZm1duI.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-D1W4PnWB.js → CLPill.vue_vue_type_style_index_0_lang-Eh8_1A7g.js}

@@ -1,7 +1,7 @@
 import '../components/Indicators/CLPill/CLPill.css';
 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-Ddoes-Ee.js";
-import { _ as f } from "./CLIcon.vue_vue_type_style_index_0_lang-CX2_4ukW.js";
+import { _ as B } from "./CLButton.vue_vue_type_style_index_0_lang-D0vMBs0W.js";
+import { _ as f } from "./CLIcon.vue_vue_type_style_index_0_lang-CzJDIguL.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"], E = /* @__PURE__ */ y({

package/dist/chunks/{CLToast.vue_vue_type_style_index_0_lang-DMGCjGnQ.js → CLToast.vue_vue_type_style_index_0_lang-BYHaeCZV.js}

@@ -1,7 +1,7 @@
 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 B, createTextVNode as S, toDisplayString as N } from "vue";
-import { _ } from "./CLButton.vue_vue_type_style_index_0_lang-Ddoes-Ee.js";
-import { _ as X } from "./CLIcon.vue_vue_type_style_index_0_lang-CX2_4ukW.js";
+import { _ } from "./CLButton.vue_vue_type_style_index_0_lang-D0vMBs0W.js";
+import { _ as X } from "./CLIcon.vue_vue_type_style_index_0_lang-CzJDIguL.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, a as ae } from "./helper-qUkciePY.js";

package/dist/chunks/{utils-Ca0eSzWQ.js → utils-Dp9v2LTO.js}

@@ -1,11 +1,11 @@
 import { CLMode as l, CLColorVariants as n, CLColors as i } from "../index.js";
 import { g as d } from "./utils-DtSQZ0tk.js";
 import { useTheme as u } from "../composables/useTheme.js";
-const b = ({ color: t, variant: o }) => {
-  const { colors: e, darkMode: a } = u(), s = a.value ? l.Dark : l.Light, c = o === n.Ghost, r = d({
-    color: t,
-    colors: e.value,
-    mode: s,
+const b = ({ color: e, variant: o }) => {
+  const { colors: t, darkMode: s } = u(), a = s.value ? l.Dark : l.Light, c = o === n.Ghost, r = d({
+    color: e,
+    colors: t.value,
+    mode: a,
     variant: o
   });
   return {
@@ -17,33 +17,35 @@ const b = ({ color: t, variant: o }) => {
     "--clll-card-focus-shadow": r?.shadow ?? "transparent",
     "--clll-card-theme-radius": "var(--clll-default-radius)"
   };
-}, g = ({ color: t, variant: o }) => {
-  const { colors: e, darkMode: a } = u(), s = a.value ? l.Dark : l.Light, c = o === n.Ghost, r = d({
-    color: t,
-    colors: e.value,
-    mode: s,
+}, m = ({ color: e, variant: o }) => {
+  const { colors: t, darkMode: s } = u(), a = s.value ? l.Dark : l.Light, c = o === n.Ghost, r = d({
+    color: e,
+    colors: t.value,
+    mode: a,
     variant: o
   });
   return {
     "--clll-disclosure-border-color": c ? "transparent" : r?.focus ?? "transparent",
     "--clll-disclosure-text-color": r?.text ?? "inherit",
     "--clll-disclosure-content-border": c ? "transparent" : r?.focus ?? "transparent",
+    "--clll-disclosure-trigger-bg-color": r?.bg ?? "transparent",
+    "--clll-disclosure-trigger-hover-bg-color": r?.hover ?? "transparent",
     "--clll-disclosure-theme-radius": "var(--clll-default-radius)"
   };
-}, f = () => {
-  const { colors: t, darkMode: o } = u(), e = o.value ? l.Dark : l.Light, a = d({
+}, v = () => {
+  const { colors: e, darkMode: o } = u(), t = o.value ? l.Dark : l.Light, s = d({
     color: i.Neutral,
-    colors: t.value,
-    mode: e,
+    colors: e.value,
+    mode: t,
     variant: n.Solid
-  }), s = o.value ? "black" : "white";
+  }), a = o.value ? "black" : "white";
   return {
-    "--clll-drawer-overlay-bg": a?.bg ?? "transparent",
-    "--clll-drawer-content-bg": s
+    "--clll-drawer-overlay-bg": s?.bg ?? "transparent",
+    "--clll-drawer-content-bg": a
   };
 };
 export {
-  f as a,
+  v as a,
   b as c,
-  g as d
+  m as d
 };

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

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 import './CLButton.css';
-import { _ as t } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-Ddoes-Ee.js";
+import { _ as t } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-D0vMBs0W.js";
 export {
   t as CLButton,
   t as default

package/dist/components/CLIcon/CLIcon.js

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

package/dist/components/Containers/CLCard/CLCard.js

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

package/dist/components/Containers/CLCarousel/CLCarousel.js

@@ -1,7 +1,7 @@
 import '../../../assets/core.css';
 import './CLCarousel.css';
 import { defineComponent as xe, computed as w, createElementBlock as h, openBlock as f, Fragment as te, createCommentVNode as P, unref as e, normalizeClass as r, renderList as ke, createBlock as ze, createElementVNode as x, createVNode as y, withCtx as de, createTextVNode as ue, toDisplayString as ee, useCssVars as Ie, ref as v, onMounted as Ee, nextTick as Y, onUnmounted as We, watch as Be, renderSlot as ve } from "vue";
-import { _ as M } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-Ddoes-Ee.js";
+import { _ as M } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-D0vMBs0W.js";
 import { _ as Te } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-DVwTAVXM.js";
 import { CLPaginationType as E, CLColorVariants as A, CLSizes as D, CLIconSizes as j, CLIconNames as q, CLTextTypes as Ne, CLAlign as Q, CLOrder as Z, CLColors as Me } from "../../../index.js";
 import { i as _, d as Ae, e as Ve } from "../../../chunks/helper-qUkciePY.js";

package/dist/components/Containers/CLDisclosure/CLDisclosure.css

@@ -1 +1 @@
-.clll-disclosure{border-color:var(--clll-disclosure-border-color, transparent);border-style:solid;border-width:1px}.clll-disclosure .clll-disclosure__trigger .clll-button{display:block;border:0}.clll-disclosure .clll-disclosure__heading .clll-heading,.clll-disclosure .clll-disclosure__heading .clll-text{color:var(--clll-disclosure-text-color, inherit)}.clll-disclosure .clll-disclosure__content{border-top-width:1px;border-top-style:solid;border-top-color:var(--clll-disclosure-content-border, transparent)}.clll-disclosure.clll-disclosure--tiny .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-disclosure.clll-disclosure--small .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2_5)}.clll-disclosure.clll-disclosure--medium .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3)}.clll-disclosure.clll-disclosure--large .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3_5)}.clll-disclosure.clll-disclosure--xlarge .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-4_5)}.clll-disclosure.clll-disclosure--xxlarge .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-5)}.clll-disclosure.clll-disclosure--xxxlarge .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-5_5)}.clll-disclosure.clll-disclosure--xxxxlarge .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-6)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--tiny{padding:var(--clll-py-sm) var(--clll-unit-2)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--small{padding:var(--clll-py-md) var(--clll-unit-2_5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--medium{padding:var(--clll-py-lg) var(--clll-unit-3)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--large{padding:var(--clll-py-xl) var(--clll-unit-3_5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--xlarge{padding:var(--clll-py-2xl) var(--clll-unit-4_5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--xxlarge{padding:var(--clll-py-3xl) var(--clll-unit-5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--xxxlarge{padding:var(--clll-py-4xl) var(--clll-unit-5_5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--xxxxlarge{padding:var(--clll-py-5xl) var(--clll-unit-6)}.clll-disclosure.clll-disclosure--expanded .clll-disclosure__trigger .clll-button.clll-button--rounded{border-bottom-left-radius:0;border-bottom-right-radius:0}.clll-disclosure.clll-disclosure--expanded .clll-disclosure__content{display:block}.clll-disclosure.clll-disclosure--collapsed .clll-disclosure__content{display:none}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-full,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-lg,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-md,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-sm,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xs,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xl,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-2xl,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-3xl,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-none,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-none .clll-{border-radius:0}.clll-disclosure:not([class*=clll-disclosure--rounded-]){border-radius:var(--clll-disclosure-theme-radius, var(--clll-rounded-sm))}.clll-disclosure:not([class*=clll-disclosure--rounded-]) .clll-disclosure__trigger .clll-button.clll-button--rounded{border-radius:var(--clll-disclosure-theme-radius, var(--clll-rounded-sm))}.clll-disclosure.clll-disclosure--compact .clll-disclosure__trigger{padding:0}.clll-disclosure.clll-disclosure--compact .clll-disclosure__trigger .clll-button,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--tiny,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--small,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--medium,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--large,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--xlarge,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--xxlarge,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--xxxlarge,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--xxxxlarge{padding:var(--clll-unit-1) 0}.clll-disclosure:not(.clll-disclosure--bordered){border:0}.clll-disclosure:not(.clll-disclosure--bordered) .clll-disclosure__trigger .clll-button{border:0}.clll-disclosure:not(.clll-disclosure--bordered) .clll-disclosure__content{border:0}.clll-disclosure .clll-disclosure__heading{display:flex;flex-direction:row;align-items:center}.clll-disclosure .clll-disclosure__heading .clll-heading{flex:1}.clll-disclosure:not(.clll-disclosure--hasheading) .clll-disclosure__text-subheading{flex:1 1 0%}
+.clll-disclosure{border-color:var(--clll-disclosure-border-color, transparent);border-style:solid;border-width:1px;overflow:hidden}.clll-disclosure .clll-disclosure__trigger{background-color:var(--clll-disclosure-trigger-bg-color, transparent);overflow:hidden;transition-property:background-color;transition-duration:.3s;transition-timing-function:ease}.clll-disclosure .clll-disclosure__trigger:hover{background-color:var(--clll-disclosure-trigger-hover-bg-color, transparent)}.clll-disclosure .clll-disclosure__trigger .clll-button{display:block;border:0}.clll-disclosure .clll-disclosure__heading .clll-heading,.clll-disclosure .clll-disclosure__heading .clll-text{color:var(--clll-disclosure-text-color, inherit)}.clll-disclosure .clll-disclosure__content{border-top-width:1px;border-top-style:solid;border-top-color:var(--clll-disclosure-content-border, transparent)}.clll-disclosure.clll-disclosure--tiny .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-disclosure.clll-disclosure--small .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2_5)}.clll-disclosure.clll-disclosure--medium .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3)}.clll-disclosure.clll-disclosure--large .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3_5)}.clll-disclosure.clll-disclosure--xlarge .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-4_5)}.clll-disclosure.clll-disclosure--xxlarge .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-5)}.clll-disclosure.clll-disclosure--xxxlarge .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-5_5)}.clll-disclosure.clll-disclosure--xxxxlarge .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-6)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--tiny{padding:var(--clll-py-sm) var(--clll-unit-2)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--small{padding:var(--clll-py-md) var(--clll-unit-2_5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--medium{padding:var(--clll-py-lg) var(--clll-unit-3)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--large{padding:var(--clll-py-xl) var(--clll-unit-3_5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--xlarge{padding:var(--clll-py-2xl) var(--clll-unit-4_5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--xxlarge{padding:var(--clll-py-3xl) var(--clll-unit-5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--xxxlarge{padding:var(--clll-py-4xl) var(--clll-unit-5_5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--xxxxlarge{padding:var(--clll-py-5xl) var(--clll-unit-6)}.clll-disclosure.clll-disclosure--expanded .clll-disclosure__trigger .clll-button.clll-button--rounded{border-bottom-left-radius:0;border-bottom-right-radius:0}.clll-disclosure.clll-disclosure--expanded .clll-disclosure__content{display:block}.clll-disclosure.clll-disclosure--collapsed .clll-disclosure__content{display:none}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-full,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-lg,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-md,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-sm,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xs,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xl,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-2xl,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-3xl,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-none,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-none .clll-{border-radius:0}.clll-disclosure:not([class*=clll-disclosure--rounded-]){border-radius:var(--clll-disclosure-theme-radius, var(--clll-rounded-sm))}.clll-disclosure:not([class*=clll-disclosure--rounded-]) .clll-disclosure__trigger .clll-button.clll-button--rounded{border-radius:var(--clll-disclosure-theme-radius, var(--clll-rounded-sm))}.clll-disclosure.clll-disclosure--compact .clll-disclosure__trigger{padding:0}.clll-disclosure.clll-disclosure--compact .clll-disclosure__trigger .clll-button,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--tiny,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--small,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--medium,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--large,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--xlarge,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--xxlarge,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--xxxlarge,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--xxxxlarge{padding:var(--clll-unit-1) 0}.clll-disclosure:not(.clll-disclosure--bordered){border:0}.clll-disclosure:not(.clll-disclosure--bordered) .clll-disclosure__trigger .clll-button{border:0}.clll-disclosure:not(.clll-disclosure--bordered) .clll-disclosure__content{border:0}.clll-disclosure .clll-disclosure__heading{display:flex;flex-direction:row;align-items:center}.clll-disclosure .clll-disclosure__heading .clll-heading{flex:1}.clll-disclosure:not(.clll-disclosure--hasheading) .clll-disclosure__text-subheading{flex:1 1 0%}

package/dist/components/Containers/CLDisclosure/CLDisclosure.js

@@ -1,42 +1,43 @@
 import '../../../assets/core.css';
 import './CLDisclosure.css';
-import { defineComponent as S, ref as g, computed as $, onBeforeUnmount as L, createElementBlock as I, openBlock as i, normalizeStyle as T, normalizeClass as o, unref as d, createElementVNode as c, createVNode as H, withCtx as u, createBlock as l, createCommentVNode as s, createTextVNode as y, toDisplayString as b, renderSlot as k } from "vue";
-import { _ as E } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-Ddoes-Ee.js";
-import { _ as N } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-DntAR1dI.js";
-import { _ as h } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CX2_4ukW.js";
-import { _ as w } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-DVwTAVXM.js";
-import { CLColorVariants as D, CLSizes as R, CLTextTypes as V, CLIconSizes as p, CLIconNames as v, CLHeadingTypes as A, CLColors as M, CLButtonTypes as U } from "../../../index.js";
-import { d as F } from "../../../chunks/utils-Ca0eSzWQ.js";
-import { useEsc as j } from "../../../composables/useEsc.js";
-const q = ["data-testid"], G = ["id", "aria-labelledby", "aria-hidden"], _ = /* @__PURE__ */ S({
+import { defineComponent as H, ref as g, computed as $, onBeforeUnmount as I, createElementBlock as T, openBlock as r, normalizeStyle as k, normalizeClass as o, unref as n, createElementVNode as c, createVNode as E, withCtx as u, createBlock as l, createCommentVNode as s, renderSlot as b, createTextVNode as h, toDisplayString as y } from "vue";
+import { _ as N } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-D0vMBs0W.js";
+import { _ as w } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-DntAR1dI.js";
+import { _ as v } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CzJDIguL.js";
+import { _ as D } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-DVwTAVXM.js";
+import { CLColorVariants as R, CLSizes as V, CLTextTypes as p, CLIconSizes as A, CLIconNames as C, CLHeadingTypes as M, CLColors as U, CLButtonTypes as F } from "../../../index.js";
+import { d as j } from "../../../chunks/utils-Dp9v2LTO.js";
+import { useEsc as q } from "../../../composables/useEsc.js";
+import { useHasSlotContent as G } from "../../../composables/useHasSlotContent.js";
+const J = ["data-testid"], K = ["id", "aria-labelledby", "aria-hidden"], te = /* @__PURE__ */ H({
   name: "CLDisclosure",
   __name: "CLDisclosure",
   props: {
     bordered: { type: Boolean, default: !0 },
     borderRadius: {},
-    color: { default: M.Neutral },
+    color: { default: U.Neutral },
     compact: { type: Boolean, default: !1 },
     contentSpacing: { type: Boolean, default: !0 },
     disclosureId: {},
     expanded: { type: Boolean, default: !1 },
-    expandedIcon: { default: v.ChevronUp },
+    expandedIcon: { default: C.ChevronUp },
     heading: {},
     headingLevel: {},
-    headingType: { default: A.Section },
-    iconAfter: { default: v.ChevronDown },
+    headingType: { default: M.Section },
+    iconAfter: { default: C.ChevronDown },
     iconBefore: {},
-    iconSize: { default: p.Medium },
+    iconSize: { default: A.Medium },
     rounded: { type: Boolean, default: !0 },
     subHeading: {},
-    subHeadingType: { default: V.Body },
+    subHeadingType: { default: p.Body },
     testId: { default: "clll-disclosure" },
-    triggerButtonSize: { default: R.Medium },
-    variant: { default: D.Soft }
+    triggerButtonSize: { default: V.Medium },
+    variant: { default: R.Soft }
   },
   setup(e) {
     const a = "clll-disclosure", t = e;
     let f = g();
-    const n = g(t.expanded), C = $(() => [
+    const d = g(t.expanded), B = G("subheading"), S = $(() => [
       a,
       `${a}--${t.color}--${t.variant}`,
       `${a}--${t.triggerButtonSize}`,
@@ -44,38 +45,38 @@ const q = ["data-testid"], G = ["id", "aria-labelledby", "aria-hidden"], _ = /*
       t.borderRadius ? `${a}--${t.borderRadius}` : "",
       t.contentSpacing ? `${a}--padded` : `${a}--nopadding`,
       t.compact ? `${a}--compact` : "",
-      n.value ? `${a}--expanded` : `${a}--collapsed`,
+      d.value ? `${a}--expanded` : `${a}--collapsed`,
       t.heading ? `${a}--hasheading` : "",
-      t.subHeading ? `${a}--hassubheading` : "",
+      t.subHeading || B.value ? `${a}--hassubheading` : "",
       t.rounded ? `${a}--rounded` : `${a}--box`
-    ]), B = $(() => [
+    ]), z = $(() => [
       `${a}__content`,
       `${a}__content--${t.triggerButtonSize}`
-    ]), z = (r) => {
-      r && (f.value = r);
+    ]), x = (i) => {
+      i && (f.value = i);
     }, m = () => {
-      n.value ? n.value = !1 : n.value = !0;
-    }, { clearEventListeners: x } = j({ escHandler: m, triggerElem: f });
-    return L(() => {
-      x();
-    }), (r, J) => (i(), I("div", {
-      class: o(d(C)),
-      style: T(d(F)({ color: e.color, variant: e.variant })),
+      d.value ? d.value = !1 : d.value = !0;
+    }, { clearEventListeners: L } = q({ escHandler: m, triggerElem: f });
+    return I(() => {
+      L();
+    }), (i, O) => (r(), T("div", {
+      class: o(n(S)),
+      style: k(n(j)({ color: e.color, variant: e.variant })),
       "data-testid": e.testId
     }, [
       c("div", {
         class: o(`${a}__trigger`)
       }, [
-        H(d(E), {
+        E(n(N), {
           id: `${a}__button--${e.disclosureId}`,
           "aria-controls": `${a}--${e.disclosureId}`,
-          "aria-expanded": d(n),
+          "aria-expanded": n(d),
           "border-radius": e.borderRadius,
           color: e.color,
-          "forward-ref": z,
+          "forward-ref": x,
           "on-click": m,
           size: e.triggerButtonSize,
-          type: d(U).Button,
+          type: n(F).Button,
           rounded: e.rounded,
           width: "100%",
           variant: e.variant
@@ -84,55 +85,56 @@ const q = ["data-testid"], G = ["id", "aria-labelledby", "aria-hidden"], _ = /*
             c("span", {
               class: o(`${a}__heading`)
             }, [
-              e.iconBefore ? (i(), l(d(h), {
+              e.iconBefore ? (r(), l(n(v), {
                 key: 0,
                 name: e.iconBefore,
                 size: e.iconSize
               }, null, 8, ["name", "size"])) : s("", !0),
-              e.heading ? (i(), l(d(N), {
+              e.heading ? (r(), l(n(w), {
                 key: 1,
                 class: o(`${a}__text-heading`),
                 type: e.headingType,
                 level: e.headingLevel
               }, {
                 default: u(() => [
-                  y(b(e.heading), 1)
+                  h(y(e.heading), 1)
                 ]),
                 _: 1
               }, 8, ["class", "type", "level"])) : s("", !0),
-              e.subHeading ? (i(), l(d(w), {
+              e.subHeading ? (r(), l(n(D), {
                 key: 2,
                 class: o(`${a}__text-subheading`),
                 type: e.subHeadingType,
                 truncate: ""
               }, {
                 default: u(() => [
-                  y(b(e.subHeading), 1)
+                  h(y(e.subHeading), 1)
                 ]),
                 _: 1
               }, 8, ["class", "type"])) : s("", !0),
-              e.iconAfter ? (i(), l(d(h), {
+              b(i.$slots, "subheading"),
+              e.iconAfter ? (r(), l(n(v), {
                 key: 3,
-                name: d(n) ? e.expandedIcon : e.iconAfter,
+                name: n(d) ? e.expandedIcon : e.iconAfter,
                 size: e.iconSize
               }, null, 8, ["name", "size"])) : s("", !0)
             ], 2)
           ]),
-          _: 1
+          _: 3
         }, 8, ["id", "aria-controls", "aria-expanded", "border-radius", "color", "size", "type", "rounded", "variant"])
       ], 2),
       c("div", {
         id: `${a}--${e.disclosureId}`,
         "aria-labelledby": `${a}__button--${e.disclosureId}`,
-        "aria-hidden": !d(n),
-        class: o(d(B))
+        "aria-hidden": !n(d),
+        class: o(n(z))
       }, [
-        k(r.$slots, "default")
-      ], 10, G)
-    ], 14, q));
+        b(i.$slots, "default")
+      ], 10, K)
+    ], 14, J));
   }
 });
 export {
-  _ as CLDisclosure,
-  _ as default
+  te as CLDisclosure,
+  te as default
 };

package/dist/components/Containers/CLDisclosure/CLDisclosure.vue.d.ts

@@ -57,6 +57,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
     subHeadingType: CLTextTypes;
     triggerButtonSize: CLSizes;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    subheading?(_: {}): any;
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/Containers/CLDrawer/CLDrawer.js

@@ -2,7 +2,7 @@ import '../../../assets/core.css';
 import './CLDrawer.css';
 import { defineComponent as q, useTemplateRef as G, ref as w, computed as i, watch as J, onMounted as K, onBeforeUnmount as Q, createElementBlock as $, createCommentVNode as E, unref as u, openBlock as M, normalizeStyle as h, normalizeClass as C, createElementVNode as X, renderSlot as Y } from "vue";
 import { CLDrawerPosition as v } from "../../../index.js";
-import { a as ee } from "../../../chunks/utils-Ca0eSzWQ.js";
+import { a as ee } from "../../../chunks/utils-Dp9v2LTO.js";
 import { useEsc as te } from "../../../composables/useEsc.js";
 import { SizeDimension as O, useElementSize as ne, SizeMode as k } from "../../../composables/useElementSize.js";
 import { c as P, i as s, g as V, a as S } from "../../../chunks/helper-qUkciePY.js";

package/dist/components/Containers/utils.d.ts

@@ -16,6 +16,8 @@ export declare const disclosureTheme: ({ color, variant }: ThemeProps) => {
     '--clll-disclosure-border-color': string;
     '--clll-disclosure-text-color': string;
     '--clll-disclosure-content-border': string;
+    '--clll-disclosure-trigger-bg-color': string;
+    '--clll-disclosure-trigger-hover-bg-color': string;
     '--clll-disclosure-theme-radius': string;
 };
 export declare const drawerTheme: () => {

package/dist/components/Form/CLCheckbox/CLCheckbox.js

@@ -3,7 +3,7 @@ import './CLCheckbox.css';
 import '../../../assets/shared/form-utilities.css';
 import { defineComponent as h, mergeModels as T, useTemplateRef as z, useModel as B, computed as y, createBlock as m, openBlock as f, withCtx as X, createElementVNode as u, createCommentVNode as L, normalizeStyle as S, normalizeClass as n, unref as c, withDirectives as M, vModelCheckbox as V, createVNode as q, createTextVNode as F, toDisplayString as N } from "vue";
 import { _ as I, c as R, a as D } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-CF_lxNr8.js";
-import { _ as w } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CX2_4ukW.js";
+import { _ as w } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CzJDIguL.js";
 import { _ as E } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-DVwTAVXM.js";
 import { CLSizes as l, CLIconSizes as d, CLTextTypes as s, CLIconNames as H, CLColorVariants as O, CLColors as U } from "../../../index.js";
 const j = ["data-testid"], A = ["for", "disabled"], G = ["id", "aria-label", "disabled", "form", "name", "required", "value"], Z = /* @__PURE__ */ h({