@codeandfunction/callaloo 3.16.7 → 3.16.9

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

@@ -1,11 +1,11 @@
 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 y, createElementVNode as s, createCommentVNode as $, 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-Bt5xgOT4.js";
+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 { CLSizes as n, 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({
+import { CLSizes as s, CLTextTypes as i, CLColorVariants as D, CLColors as I } from "../../../index.js";
+import '../../../CLRadioButton.css';const X = ["data-testid"], E = ["for"], H = ["id", "aria-label", "checked", "disabled", "name", "value", "required"], G = /* @__PURE__ */ k({
   name: "CLRadioButton",
   __name: "CLRadioButton",
   props: /* @__PURE__ */ x({
@@ -23,7 +23,7 @@ const X = ["data-testid"], E = ["for"], H = ["id", "aria-label", "checked", "dis
     name: {},
     required: { type: Boolean },
     rounded: { type: Boolean, default: !0 },
-    size: { default: n.Small },
+    size: { default: s.Small },
     testId: { default: "clll-radiobutton" },
     value: { type: [String, Number, Boolean] },
     variant: { default: D.Outline },
@@ -37,11 +37,11 @@ const X = ["data-testid"], E = ["for"], H = ["id", "aria-label", "checked", "dis
   emits: ["update:modelValue"],
   setup(e, { expose: C }) {
     const g = {
-      [n.Tiny]: i.Small,
-      [n.Small]: i.Medium,
-      [n.Medium]: i.Medium,
-      [n.Large]: i.Large,
-      [n.XL]: i.XL
+      [s.Tiny]: i.Small,
+      [s.Small]: i.Medium,
+      [s.Medium]: i.Medium,
+      [s.Large]: i.Large,
+      [s.XL]: i.XL
     }, l = e, a = "clll-radiobutton", b = T(e, "modelValue"), r = h("radiobutton-ref"), v = () => {
       r.value && r.value.focus();
     }, B = f(() => [
@@ -62,24 +62,24 @@ const X = ["data-testid"], E = ["for"], H = ["id", "aria-label", "checked", "dis
     return C({
       radiobuttonRef: r
     }), (O, t) => (c(), m(M, null, {
-      default: y(() => [
-        s("span", {
+      default: $(() => [
+        n("span", {
           class: d(u(B)),
-          style: R(u(F)({ color: e.color, disabled: e.disabled || e.busy, variant: e.variant })),
+          style: R(u(F)({ color: e.color, variant: e.variant })),
           "data-testid": e.testId
         }, [
-          s("span", {
+          n("span", {
             class: d(u(L)),
             onClick: v
           }, [
-            s("label", {
+            n("label", {
               for: e.id,
               class: d(`${a}__label`)
             }, [
-              s("span", {
+              n("span", {
                 class: d([`${a}__radiobutton-frame`, "form-control-flex"])
               }, [
-                q(s("input", {
+                q(n("input", {
                   id: e.id,
                   ref: "radiobutton-ref",
                   "onUpdate:modelValue": t[0] || (t[0] = (o) => b.value = o),
@@ -100,7 +100,7 @@ const X = ["data-testid"], E = ["for"], H = ["id", "aria-label", "checked", "dis
                 }, null, 42, H), [
                   [S, b.value]
                 ]),
-                s("span", {
+                n("span", {
                   class: d(`${a}__indicator`)
                 }, null, 2)
               ], 2),
@@ -110,11 +110,11 @@ const X = ["data-testid"], E = ["for"], H = ["id", "aria-label", "checked", "dis
                 type: g[e.size],
                 class: d(e.required ? `${a}__label--required` : "")
               }, {
-                default: y(() => [
+                default: $(() => [
                   V(z(e.label), 1)
                 ]),
                 _: 1
-              }, 8, ["type", "class"])) : $("", !0)
+              }, 8, ["type", "class"])) : y("", !0)
             ], 10, E)
           ], 2)
         ], 14, X),
@@ -123,7 +123,7 @@ const X = ["data-testid"], E = ["for"], H = ["id", "aria-label", "checked", "dis
           id: e.id,
           messages: e.messages,
           "message-type": e.messageType
-        }, null, 8, ["id", "messages", "message-type"])) : $("", !0)
+        }, null, 8, ["id", "messages", "message-type"])) : y("", !0)
       ]),
       _: 1
     }));

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

@@ -1,12 +1,12 @@
 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 s, withCtx as T, createElementVNode as d, createCommentVNode as b, normalizeStyle as V, normalizeClass as r, unref as u, withDirectives as k, createElementBlock as $, 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-Bt5xgOT4.js";
+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-R0Nhlutc.js";
-import { CLSizes as n, CLIconSizes as o, 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({
+import { CLSizes as o, CLIconSizes as s, CLOrientation as y, CLIconNames as P, CLColorVariants as U, CLColors as X } from "../../../index.js";
+import '../../../CLSelect.css';const j = ["data-testid"], A = ["id", "aria-label", "disabled", "name", "placeholder", "form", "required"], G = ["value", "selected", "disabled"], p = /* @__PURE__ */ B({
   name: "CLSelect",
   __name: "CLSelect",
   props: /* @__PURE__ */ S({
@@ -30,7 +30,7 @@ const j = ["data-testid"], A = ["id", "aria-label", "disabled", "name", "placeho
     placeholder: {},
     required: { type: Boolean },
     rounded: { type: Boolean, default: !0 },
-    size: { default: n.Small },
+    size: { default: o.Small },
     testId: { default: "clll-select" },
     variant: { default: U.Outline }
   }, {
@@ -40,11 +40,11 @@ const j = ["data-testid"], A = ["id", "aria-label", "disabled", "name", "placeho
   emits: ["update:modelValue"],
   setup(e, { expose: C }) {
     const g = {
-      [n.Tiny]: o.Tiny,
-      [n.Small]: o.Tiny,
-      [n.Medium]: o.Small,
-      [n.Large]: o.Medium,
-      [n.XL]: o.Medium
+      [o.Tiny]: s.Tiny,
+      [o.Small]: s.Tiny,
+      [o.Medium]: s.Small,
+      [o.Large]: s.Medium,
+      [o.XL]: s.Medium
     }, a = e, l = "clll-select", m = h(e, "modelValue"), c = q("select-ref"), v = () => {
       c.value && c.value.focus();
     }, z = x(() => [
@@ -64,24 +64,24 @@ const j = ["data-testid"], A = ["id", "aria-label", "disabled", "name", "placeho
     ]);
     return C({
       selectRef: c
-    }), (J, i) => (s(), f(D, {
+    }), (J, i) => (n(), f(D, {
       fluid: e.fluid,
       orientation: e.orientation
     }, {
       default: T(() => [
         d("span", {
           class: r(u(z)),
-          style: V(u(w)({ color: e.color, disabled: e.disabled || e.busy, variant: e.variant })),
+          style: V(u(w)({ color: e.color, variant: e.variant })),
           "data-testid": e.testId
         }, [
-          e.label ? (s(), f(H, {
+          e.label ? (n(), f(H, {
             key: 0,
             "css-prefix": l,
             "html-for": e.id,
             label: e.label,
             required: e.required,
             size: e.size
-          }, null, 8, ["html-for", "label", "required", "size"])) : b("", !0),
+          }, null, 8, ["html-for", "label", "required", "size"])) : $("", !0),
           d("span", {
             class: r(`${l}__select-container`),
             onClick: v
@@ -104,12 +104,12 @@ const j = ["data-testid"], A = ["id", "aria-label", "disabled", "name", "placeho
               onFocus: i[3] || (i[3] = //@ts-ignore
               (...t) => e.onFocus && e.onFocus(...t))
             }, [
-              e.options ? (s(!0), $(M, { key: 0 }, F(e.options, (t, L) => (s(), $("option", {
+              e.options ? (n(!0), b(M, { key: 0 }, F(e.options, (t, L) => (n(), b("option", {
                 key: `${e.id}-option-${L}`,
                 value: t.value,
                 selected: t.value === m.value,
                 disabled: t.disabled
-              }, I(t.label), 9, G))), 128)) : b("", !0)
+              }, I(t.label), 9, G))), 128)) : $("", !0)
             ], 42, A), [
               [N, m.value]
             ]),
@@ -123,12 +123,12 @@ const j = ["data-testid"], A = ["id", "aria-label", "disabled", "name", "placeho
             ], 2)
           ], 2)
         ], 14, j),
-        e.id ? (s(), f(E, {
+        e.id ? (n(), f(E, {
           key: 0,
           id: e.id,
           messages: e.messages,
           "message-type": e.messageType
-        }, null, 8, ["id", "messages", "message-type"])) : b("", !0)
+        }, null, 8, ["id", "messages", "message-type"])) : $("", !0)
       ]),
       _: 1
     }, 8, ["fluid", "orientation"]));

package/dist/components/Form/CLTextArea/CLTextArea.js

@@ -1,15 +1,15 @@
 import '../../../assets/core.css';
 import './CLTextArea.css';
 import '../../../assets/shared/form-utilities.css';
-import { defineComponent as g, mergeModels as $, useTemplateRef as x, useModel as C, computed as L, createBlock as i, openBlock as r, withCtx as B, createElementVNode as u, 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-Bt5xgOT4.js";
+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 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__ */ g({
+import '../../../CLTextArea.css';const A = ["data-testid"], N = ["id", "aria-label", "autocomplete", "cols", "disabled", "form", "maxlength", "minlength", "name", "pattern", "placeholder", "readonly", "required", "spellcheck", "rows"], j = /* @__PURE__ */ $({
   name: "CLTextArea",
   __name: "CLTextArea",
-  props: /* @__PURE__ */ $({
+  props: /* @__PURE__ */ b({
     ariaLabel: {},
     autoComplete: { type: Boolean },
     borderRadius: {},
@@ -49,9 +49,9 @@ const A = ["data-testid"], N = ["id", "aria-label", "autocomplete", "cols", "dis
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: h }) {
-    const t = e, a = "clll-textarea", d = x("textarea-ref"), o = C(e, "modelValue"), y = () => {
-      d.value && d.value.focus();
-    }, b = L(() => [
+    const t = e, a = "clll-textarea", u = x("textarea-ref"), o = C(e, "modelValue"), y = () => {
+      u.value && u.value.focus();
+    }, g = L(() => [
       a,
       t.borderRadius ? `${a}--${t.borderRadius}` : "",
       t.busy ? `${a}--busy` : `${a}--ready`,
@@ -70,16 +70,16 @@ const A = ["data-testid"], N = ["id", "aria-label", "autocomplete", "cols", "dis
       t.required ? `${a}--required` : `${a}--optional`
     ]);
     return h({
-      textareaRef: d
+      textareaRef: u
     }), (H, l) => (r(), i(T, {
       fluid: e.fluid,
       "has-char-counter": !!(e.charCounter && e.maxLength),
       orientation: e.orientation
     }, {
       default: B(() => [
-        u("span", {
-          class: m(c(b)),
-          style: z(c(q)({ color: e.color, disabled: e.disabled || e.busy, readonly: e.readonly, variant: e.variant })),
+        d("span", {
+          class: m(c(g)),
+          style: z(c(q)({ color: e.color, variant: e.variant })),
           "data-testid": e.testId
         }, [
           e.label ? (r(), i(w, {
@@ -90,11 +90,11 @@ const A = ["data-testid"], N = ["id", "aria-label", "autocomplete", "cols", "dis
             required: e.required,
             size: e.size
           }, null, 8, ["html-for", "label", "required", "size"])) : s("", !0),
-          u("span", {
+          d("span", {
             class: m(`${a}__input-container`),
             onClick: y
           }, [
-            v(u("textarea", {
+            v(d("textarea", {
               id: e.id,
               ref: "textarea-ref",
               "onUpdate:modelValue": l[0] || (l[0] = (n) => o.value = n),

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

@@ -6,7 +6,7 @@ interface ThemeProps {
     readonly?: boolean;
     variant?: CLColorVariants.Outline | CLColorVariants.Ghost;
 }
-export declare const checkboxTheme: ({ color, disabled, variant }: ThemeProps) => {
+export declare const checkboxTheme: ({ color, variant }: ThemeProps) => {
     '--clll-checkbox-bg': string;
     '--clll-checkbox-border': string;
     '--clll-checkbox-disabled-border': string;
@@ -18,11 +18,11 @@ export declare const checkboxTheme: ({ color, disabled, variant }: ThemeProps) =
     '--clll-checkbox-disabled-icon-color': string;
     '--clll-checkbox-indicator-color': string;
     '--clll-checkbox-disabled-indicator-color': string;
-    '--clll-checkbox-theme-radius': string | undefined;
+    '--clll-checkbox-theme-radius': string;
     '--clll-checkbox-outline-width': string;
     '--clll-checkbox-required-asterisk-color': string;
 };
-export declare const inputTheme: ({ color, disabled, readonly, variant }: ThemeProps) => {
+export declare const inputTheme: ({ color, variant }: ThemeProps) => {
     '--clll-input-bg': string;
     '--clll-input-border': string;
     '--clll-input-disabled-border': string;
@@ -35,14 +35,14 @@ export declare const inputTheme: ({ color, disabled, readonly, variant }: ThemeP
     '--clll-input-text-placeholder': string;
     '--clll-input-grouped-bg': string;
     '--clll-input-prefix-suffix-color': string;
-    '--clll-input-theme-radius': string | undefined;
+    '--clll-input-theme-radius': string;
     '--clll-input-ghost-padding': string | undefined;
     '--clll-input-required-asterisk-color': string;
 };
 export declare const inputMessagesTheme: ({ color }: ThemeProps) => {
     '--clll-input-message-color': string;
 };
-export declare const selectTheme: ({ color, disabled, variant }: ThemeProps) => {
+export declare const selectTheme: ({ color, variant }: ThemeProps) => {
     '--clll-select-bg': string;
     '--clll-select-border': string;
     '--clll-select-disabled-border': string;
@@ -53,7 +53,7 @@ export declare const selectTheme: ({ color, disabled, variant }: ThemeProps) =>
     '--clll-select-text-placeholder': string;
     '--clll-select-icon-color': string;
     '--clll-select-disabled-icon-color': string;
-    '--clll-select-theme-radius': string | undefined;
+    '--clll-select-theme-radius': string;
     '--clll-select-ghost-padding': string | undefined;
     '--clll-select-required-asterisk-color': string;
 };

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

@@ -2,8 +2,8 @@ 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-Sqgt8Fa4.js";
-const $ = ["data-testid"], h = /* @__PURE__ */ c({
+import { b as v } from "../../../chunks/utils-B_-25pfO.js";
+import '../../../CLBadge.css';const $ = ["data-testid"], h = /* @__PURE__ */ c({
   name: "CLBadge",
   __name: "CLBadge",
   props: {

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

@@ -1,14 +1,14 @@
 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-Drw6jsX_.js";
-import { _ as $ } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CQipGQ26.js";
+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-BiyeNLFr.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--LtiFHSO.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 { 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-Sqgt8Fa4.js";
-const R = ["data-testid"], O = /* @__PURE__ */ L({
+import { c as I } from "../../../chunks/utils-B_-25pfO.js";
+import '../../../CLBanner.css';const R = ["data-testid"], O = /* @__PURE__ */ L({
   name: "CLBanner",
   __name: "CLBanner",
   props: {

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

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

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 import './CLProgress.css';
-import { _ as a } from "../../../chunks/CLProgress.vue_vue_type_style_index_0_lang-DVJDbuDr.js";
+import { _ as a } from "../../../chunks/CLProgress.vue_vue_type_style_index_0_lang-Cqdkf70C.js";
 export {
   a as CLProgress,
   a as default

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

@@ -9,13 +9,13 @@ export declare const badgeTheme: ({ color, variant }: ThemeProps) => {
     '--clll-badge-border-style': string;
     '--clll-badge-border-width': string;
     '--clll-badge-text-color': string;
-    '--clll-badge-theme-radius': string | undefined;
+    '--clll-badge-theme-radius': string;
 };
 export declare const bannerTheme: ({ color, variant }: ThemeProps) => {
     '--clll-banner-bg-color': string;
     '--clll-banner-border-color': string;
     '--clll-banner-text-color': string;
-    '--clll-banner-theme-radius': string | undefined;
+    '--clll-banner-theme-radius': string;
 };
 export declare const pillTheme: ({ color, variant }: ThemeProps) => {
     '--clll-pill-bg-color': string;
@@ -28,7 +28,7 @@ export declare const pillTheme: ({ color, variant }: ThemeProps) => {
     '--clll-pill-count-border-style': string;
     '--clll-pill-count-border-color': string;
     '--clll-pill-count-border-width': string;
-    '--clll-pill-theme-radius': string | undefined;
+    '--clll-pill-theme-radius': string;
 };
 export declare const progressTheme: ({ color }: Omit<ThemeProps, "variant">) => {
     '--clll-progress-container-bg': string;

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--LtiFHSO.js";
+import { _ as e } from "../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang-DT23xe5d.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-BQ1w9Ik9.js";
+import { _ as r } from "../../../chunks/CLSpinner.vue_vue_type_style_index_0_lang-DU0dl3yu.js";
 export {
   r as CLSpinner,
   r as default

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

@@ -4,7 +4,7 @@ interface ThemeProps {
 }
 export declare const skeletonTheme: () => {
     '--clll-skeleton-bg-color': string;
-    '--clll-skeleton-theme-radius': string | undefined;
+    '--clll-skeleton-theme-radius': string;
 };
 export declare const spinnerTheme: ({ color }: ThemeProps) => {
     '--clll-spinner-color': string;

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

@@ -1,24 +1,24 @@
 import '../../../assets/core.css';
 import './CLModal.css';
-import { defineComponent as W, useTemplateRef as F, useSlots as U, ref as Z, computed as _, watch as j, onMounted as q, onBeforeUnmount as A, createElementBlock as p, createCommentVNode as f, openBlock as v, normalizeStyle as w, 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-CQipGQ26.js";
+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-BiyeNLFr.js";
 import { _ as Q } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-nUnSpm32.js";
-import { CLMode as k, CLColors as T, CLColorVariants as R, CLBorderRadius as X, CLIconSizes as Y, CLIconNames as ee, CLHeadingTypes as oe } from "../../../index.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 { 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";
-const se = () => {
-  const { borderRadius: t, colors: y, darkMode: c } = ne(), r = c.value ? k.Dark : k.Light, u = te({
+import '../../../CLModal.css';const se = () => {
+  const { colors: t, darkMode: f } = ne(), _ = f.value ? k.Dark : k.Light, r = te({
     color: T.Neutral,
-    colors: y.value,
-    mode: r,
-    variant: R.Solid
-  }), o = c.value ? "black" : "white";
+    colors: t.value,
+    mode: _,
+    variant: N.Solid
+  }), c = f.value ? "black" : "white";
   return {
-    "--clll-modal-overlay-bg": u?.bg ?? "transparent",
-    "--clll-modal-content-bg": o,
-    "--clll-modal-theme-radius": t.value ? `var(--clll-${t.value})` : void 0
+    "--clll-modal-overlay-bg": r?.bg ?? "transparent",
+    "--clll-modal-content-bg": c,
+    "--clll-modal-theme-radius": "var(--clll-default-radius)"
   };
 }, ae = ["id", "data-testid"], re = ["aria-labelledby"], we = /* @__PURE__ */ W({
   name: "CLModal",
@@ -39,25 +39,25 @@ const se = () => {
     zIndex: { default: 100 }
   },
   emits: ["modal-open", "modal-close"],
-  setup(t, { emit: y }) {
-    const c = y, r = F("modal-window"), u = U(), o = t, e = "clll-modal", x = "clll-prevent-scroll", m = Z(), C = () => {
+  setup(t, { emit: f }) {
+    const _ = f, r = F("modal-window"), c = U(), o = t, e = "clll-modal", x = "clll-prevent-scroll", u = Z(), C = () => {
       a && window?.document.body.classList.add(x);
     }, I = () => {
       a && window?.document.body.classList.remove(x);
-    }, N = _(() => [
+    }, R = m(() => [
       e
-    ]), E = _(() => [
+    ]), E = m(() => [
       `${e}__window`,
       o.fullscreen ? `${e}__window--fullscreen` : ""
-    ]), M = _(() => [
+    ]), M = m(() => [
       `${e}__content`,
       o.borderRadius ? `${e}__content--${o.borderRadius}` : "",
       o.close ? `${e}__content--has-close-button` : `${e}__content--has-no-close-button`,
-      u.body ? `${e}__content--has-body` : `${e}__content--has-no-body`,
-      u.footer ? `${e}__content--has-footer` : `${e}__content--has-no-footer`,
-      u.header || o.title ? `${e}__content--has-header` : `${e}__content--has-no-header`,
+      c.body ? `${e}__content--has-body` : `${e}__content--has-no-body`,
+      c.footer ? `${e}__content--has-footer` : `${e}__content--has-no-footer`,
+      c.header || o.title ? `${e}__content--has-header` : `${e}__content--has-no-header`,
       o.title ? `${e}__content--has-title` : `${e}__content--has-no-title`
-    ]), O = _(() => o.zIndex === "auto" || S(o.zIndex) ? o.zIndex : o.zIndex.toString()), V = _(() => o.zIndex === "auto" ? o.zIndex : ((S(o.zIndex) ? parseInt(o.zIndex, 10) : o.zIndex) + 100).toString()), H = (s) => {
+    ]), O = m(() => o.zIndex === "auto" || S(o.zIndex) ? o.zIndex : o.zIndex.toString()), V = m(() => o.zIndex === "auto" ? o.zIndex : ((S(o.zIndex) ? parseInt(o.zIndex, 10) : o.zIndex) + 100).toString()), H = (s) => {
       try {
         const i = s?.target, g = r.value;
         return a && g && !g.contains(i) ? !0 : void 0;
@@ -74,30 +74,30 @@ const se = () => {
     }, h = () => {
       a && window.removeEventListener("mousedown", b);
     }, z = () => {
-      a && (m.value && a && window.clearTimeout(m.value), h(), I());
+      a && (u.value && a && window.clearTimeout(u.value), h(), I());
     }, L = () => {
       o.isOpen && (o.onClose?.(), z());
     };
     j(o, (s) => {
-      s.isOpen ? (c("modal-open"), C(), r.value && r.value.focus(), a && s.dismissible && (h(), m.value = window.setTimeout(() => {
+      s.isOpen ? (_("modal-open"), C(), r.value && r.value.focus(), a && s.dismissible && (h(), u.value = window.setTimeout(() => {
         window.addEventListener("mousedown", b);
-      }, 100))) : (r.value && r.value.blur(), I(), h(), m.value && a && window.clearTimeout(m.value), c("modal-close"));
+      }, 100))) : (r.value && r.value.blur(), I(), h(), u.value && a && window.clearTimeout(u.value), _("modal-close"));
     }), q(() => {
       o.isOpen && a && (C(), r.value && r.value.focus());
     });
     const { clearEventListeners: D } = le({ escHandler: o.dismissible ? L : void 0 });
     return A(() => {
       z(), D();
-    }), (s, i) => t.isOpen ? (v(), p("div", {
+    }), (s, i) => t.isOpen ? (w(), p("div", {
       key: 0,
       id: t.modalId,
-      class: l(n(N)),
+      class: l(n(R)),
       "data-testid": t.testId,
-      style: w({ ...n(se)(), zIndex: n(O) })
+      style: y({ ...n(se)(), zIndex: n(O) })
     }, [
       d("div", {
         class: l(n(E)),
-        style: w({ zIndex: n(V) })
+        style: y({ zIndex: n(V) })
       }, [
         d("div", {
           ref: "modal-window",
@@ -106,12 +106,12 @@ const se = () => {
           class: l(n(M)),
           role: "dialog",
           tabindex: -1,
-          style: w({ "--clll-modal-max-width": t.maxWidth })
+          style: y({ "--clll-modal-max-width": t.maxWidth })
         }, [
           d("div", {
             class: l(`${e}__close-button`)
           }, [
-            t.onClose && t.close ? (v(), B(n(P), {
+            t.onClose && t.close ? (w(), B(n(P), {
               key: 0,
               "aria-label": "Close modal",
               "border-radius": t.closeBorderRadius,
@@ -120,8 +120,8 @@ const se = () => {
               "icon-size": n(Y).Tiny,
               "on-click": t.onClose,
               "test-id": `${e}__close-button`,
-              variant: n(R).Text
-            }, null, 8, ["border-radius", "color", "icon-before", "icon-size", "on-click", "test-id", "variant"])) : f("", !0)
+              variant: n(N).Text
+            }, null, 8, ["border-radius", "color", "icon-before", "icon-size", "on-click", "test-id", "variant"])) : v("", !0)
           ], 2),
           d("div", {
             class: l(`${e}__content__header`)
@@ -132,7 +132,7 @@ const se = () => {
               d("div", {
                 class: l(`${e}__content__header__container`)
               }, [
-                t.title ? (v(), B(n(Q), {
+                t.title ? (w(), B(n(Q), {
                   key: 0,
                   id: `${e}__content__header__title`,
                   class: l(`${e}__content__header__title`),
@@ -142,7 +142,7 @@ const se = () => {
                     J(K(t.title), 1)
                   ]),
                   _: 1
-                }, 8, ["id", "class", "type"])) : f("", !0),
+                }, 8, ["id", "class", "type"])) : v("", !0),
                 $(s.$slots, "header")
               ], 2)
             ], 2)
@@ -163,13 +163,13 @@ const se = () => {
           ], 2)
         ], 14, re)
       ], 6),
-      t.overlay ? (v(), p("div", {
+      t.overlay ? (w(), p("div", {
         key: 0,
         ref: "overlay-ref",
         class: l(`${e}__overlay`),
-        style: w({ zIndex: t.zIndex })
-      }, null, 6)) : f("", !0)
-    ], 14, ae)) : f("", !0);
+        style: y({ zIndex: t.zIndex })
+      }, null, 6)) : v("", !0)
+    ], 14, ae)) : v("", !0);
   }
 });
 export {

package/dist/components/Modals/CLModal/CLModal.vue.d.ts

@@ -35,9 +35,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
     "onModal-close"?: (() => any) | undefined;
 }>, {
     title: string;
-    borderRadius: CLBorderRadius;
     close: boolean;
     testId: string;
+    borderRadius: CLBorderRadius;
     closeBorderRadius: CLBorderRadius;
     dismissible: boolean;
     fullscreen: boolean;

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

@@ -1,5 +1,5 @@
 export declare const modalTheme: () => {
     '--clll-modal-overlay-bg': string;
     '--clll-modal-content-bg': string;
-    '--clll-modal-theme-radius': string | undefined;
+    '--clll-modal-theme-radius': string;
 };

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

@@ -4,7 +4,7 @@ import { defineComponent as f, computed as u, createElementBlock as a, openBlock
 import { _ as k } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-B_AmMW02.js";
 import { _ as L } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js";
 import { CLOrientation as h, CLColors as $ } from "../../../index.js";
-const g = ["data-testid"], V = /* @__PURE__ */ f({
+import '../../../CLNavSection.css';const g = ["data-testid"], V = /* @__PURE__ */ f({
   name: "CLNavSection",
   __name: "CLNavSection",
   props: {