@codeandfunction/callaloo 3.16.7 → 3.16.8

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

@@ -1,8 +1,8 @@
 import '../../../assets/core.css';
 import './CLCheckbox.css';
 import '../../../assets/shared/form-utilities.css';
-import { defineComponent as T, mergeModels as z, useTemplateRef as B, useModel as S, computed as y, createBlock as m, openBlock as f, withCtx as $, createElementVNode as s, createCommentVNode as C, normalizeStyle as M, normalizeClass as i, unref as n, withDirectives as V, vModelCheckbox as q, createVNode as F, createTextVNode as N, toDisplayString as I } from "vue";
-import { _ as R, c as D, a as X } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-Bt5xgOT4.js";
+import { defineComponent as T, mergeModels as z, useTemplateRef as B, useModel as S, computed as y, createBlock as m, openBlock as f, withCtx as $, createElementVNode as i, createCommentVNode as C, normalizeStyle as M, normalizeClass as s, unref as n, withDirectives as V, vModelCheckbox as q, createVNode as F, createTextVNode as N, toDisplayString as I } from "vue";
+import { _ as R, c as D, a as X } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-CtXwFFjZ.js";
 import { _ as w } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-R0Nhlutc.js";
 import { _ as E } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js";
 import { CLSizes as o, CLIconSizes as u, CLTextTypes as c, CLIconNames as H, CLColorVariants as O, CLColors as U } from "../../../index.js";
@@ -67,48 +67,48 @@ const j = ["data-testid"], A = ["for", "disabled"], G = ["id", "aria-label", "di
     };
     return v({
       checkboxRef: r
-    }), (J, d) => (f(), m(R, null, {
+    }), (J, t) => (f(), m(R, null, {
       default: $(() => [
-        s("span", {
-          class: i(n(g)),
-          style: M(n(D)({ color: e.color, disabled: e.disabled || e.busy, variant: e.variant })),
+        i("span", {
+          class: s(n(g)),
+          style: M(n(D)({ color: e.color, variant: e.variant })),
           "data-testid": e.testId
         }, [
-          s("span", {
-            class: i(n(h)),
+          i("span", {
+            class: s(n(h)),
             onClick: L
           }, [
-            s("label", {
+            i("label", {
               for: e.id,
-              class: i(`${a}__label`),
+              class: s(`${a}__label`),
               disabled: e.disabled
             }, [
-              s("span", {
-                class: i([`${a}__checkbox-frame`, "form-control-flex"])
+              i("span", {
+                class: s([`${a}__checkbox-frame`, "form-control-flex"])
               }, [
-                V(s("input", {
+                V(i("input", {
                   id: e.id,
                   ref: "checkbox-ref",
-                  "onUpdate:modelValue": d[0] || (d[0] = (t) => b.value = t),
+                  "onUpdate:modelValue": t[0] || (t[0] = (d) => b.value = d),
                   "aria-label": e.ariaLabel,
-                  class: i(`${a}__checkbox`),
+                  class: s(`${a}__checkbox`),
                   disabled: e.disabled || e.busy,
                   form: e.form,
                   name: e.name,
                   required: e.required,
                   type: "checkbox",
                   value: e.value,
-                  onBlur: d[1] || (d[1] = //@ts-ignore
-                  (...t) => e.onBlur && e.onBlur(...t)),
-                  onChange: d[2] || (d[2] = //@ts-ignore
-                  (...t) => e.onChange && e.onChange(...t)),
-                  onFocus: d[3] || (d[3] = //@ts-ignore
-                  (...t) => e.onFocus && e.onFocus(...t))
+                  onBlur: t[1] || (t[1] = //@ts-ignore
+                  (...d) => e.onBlur && e.onBlur(...d)),
+                  onChange: t[2] || (t[2] = //@ts-ignore
+                  (...d) => e.onChange && e.onChange(...d)),
+                  onFocus: t[3] || (t[3] = //@ts-ignore
+                  (...d) => e.onFocus && e.onFocus(...d))
                 }, null, 42, G), [
                   [q, b.value]
                 ]),
-                s("span", {
-                  class: i(`${a}__icon`)
+                i("span", {
+                  class: s(`${a}__icon`)
                 }, [
                   F(n(w), {
                     name: n(H).Check,
@@ -120,7 +120,7 @@ const j = ["data-testid"], A = ["for", "disabled"], G = ["id", "aria-label", "di
                 key: 0,
                 as: "span",
                 type: k[e.size],
-                class: i(e.required ? `${a}__label--required` : "")
+                class: s(e.required ? `${a}__label--required` : "")
               }, {
                 default: $(() => [
                   N(I(e.label), 1)

package/dist/components/Form/CLCheckbox/CLCheckbox.vue.d.ts

@@ -54,7 +54,6 @@ declare const _default: import('vue').DefineComponent<{
 }>, {
     color: CLColors;
     variant: CLColorVariants.Outline | CLColorVariants.Ghost;
-    borderRadius: CLBorderRadius;
     rounded: boolean;
     testId: string;
     form: string;
@@ -65,6 +64,7 @@ declare const _default: import('vue').DefineComponent<{
     size: CLSizes;
     required: boolean;
     ariaLabel: string;
+    borderRadius: CLBorderRadius;
     busy: boolean;
     disabled: boolean;
     value: string | number | boolean;

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

@@ -1,15 +1,15 @@
 import '../../../assets/core.css';
 import './CLInput.css';
 import '../../../assets/shared/form-utilities.css';
-import { defineComponent as v, computed as I, createElementBlock as p, openBlock as n, normalizeClass as x, unref as a, createBlock as m, Fragment as M, createTextVNode as q, toDisplayString as R, createVNode as K, ref as w, watch as T, createCommentVNode as g, mergeModels as N, useTemplateRef as Q, useModel as W, withCtx as Y, createElementVNode as L, normalizeStyle as Z, withDirectives as _, vModelDynamic as ee, isRef as le } from "vue";
-import { _ as te, i as ae, a as ie } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-Bt5xgOT4.js";
+import { defineComponent as v, computed as I, createElementBlock as b, openBlock as n, normalizeClass as x, unref as a, createBlock as m, Fragment as M, createTextVNode as q, toDisplayString as R, createVNode as K, ref as w, watch as T, createCommentVNode as g, mergeModels as N, useTemplateRef as Q, useModel as W, withCtx as Y, createElementVNode as L, normalizeStyle as Z, withDirectives as _, vModelDynamic as ee, isRef as le } from "vue";
+import { _ as te, i as ae, a as ie } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-CtXwFFjZ.js";
 import { _ as oe } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-CaHCD2xF.js";
 import { _ as ne } from "../../../chunks/CLFormCharCounter.vue_vue_type_style_index_0_lang-CJ4VrvmR.js";
 import { _ as X } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-R0Nhlutc.js";
 import { CLSizes as u, CLBorderRadius as H, CLIconSizes as r, CLIconNames as h, CLColors as k, CLColorVariants as S, CLInputTypes as o, CLOrientation as B, CLCharCounterLayout as ue } from "../../../index.js";
-import { _ as de } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-B1MuCUnW.js";
-import { _ as P } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CQipGQ26.js";
-const se = ["data-testid"], E = /* @__PURE__ */ v({
+import { _ as se } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-BsGpHn52.js";
+import { _ as P } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-BiyeNLFr.js";
+const de = ["data-testid"], E = /* @__PURE__ */ v({
   name: "CLInputPrefix",
   __name: "CLInputPrefix",
   props: {
@@ -20,32 +20,32 @@ const se = ["data-testid"], E = /* @__PURE__ */ v({
     testId: { default: "clll-input-prefix" }
   },
   setup(e) {
-    const d = e, s = "clll-input", l = (i) => Object.values(h).includes(i), $ = (i) => i, t = (i) => i?.replace("rounded-", "") || "xs", y = {
+    const s = e, d = "clll-input", l = (i) => Object.values(h).includes(i), $ = (i) => i, t = (i) => i?.replace("rounded-", "") || "xs", y = {
       [u.Tiny]: r.Tiny,
       [u.Small]: r.Small,
       [u.Medium]: r.Medium,
       [u.Large]: r.Large,
       [u.XL]: r.XL
-    }, C = I(() => [
-      `${s}__input-prefix`,
+    }, p = I(() => [
+      `${d}__input-prefix`,
       "form-addon-flex",
       "form-addon-flex--left",
-      l(d.prefix) ? `${s}__input-prefix--icon form-addon-flex--icon` : `${s}__input-prefix--string form-addon-flex--string`,
-      { "--input-group": d.grouped || d.prefix },
-      d.grouped ? `form-addon-radius--left-${t(d.borderRadius)}` : ""
+      l(s.prefix) ? `${d}__input-prefix--icon form-addon-flex--icon` : `${d}__input-prefix--string form-addon-flex--string`,
+      { "--input-group": s.grouped || s.prefix },
+      s.grouped ? `form-addon-radius--left-${t(s.borderRadius)}` : ""
     ]);
-    return (i, b) => (n(), p("span", {
-      class: x(a(C)),
+    return (i, C) => (n(), b("span", {
+      class: x(a(p)),
       "data-testid": e.testId
     }, [
       l(e.prefix) ? (n(), m(a(X), {
         key: 0,
         name: $(e.prefix),
         size: y[e.size]
-      }, null, 8, ["name", "size"])) : (n(), p(M, { key: 1 }, [
+      }, null, 8, ["name", "size"])) : (n(), b(M, { key: 1 }, [
         q(R(e.prefix), 1)
       ], 64))
-    ], 10, se));
+    ], 10, de));
   }
 }), re = ["data-testid"], O = /* @__PURE__ */ v({
   name: "CLInputSuffix",
@@ -58,29 +58,29 @@ const se = ["data-testid"], E = /* @__PURE__ */ v({
     testId: { default: "clll-input-suffix" }
   },
   setup(e) {
-    const d = e, s = "clll-input", l = (i) => Object.values(h).includes(i), $ = (i) => i, t = (i) => i?.replace("rounded-", "") || "xs", y = {
+    const s = e, d = "clll-input", l = (i) => Object.values(h).includes(i), $ = (i) => i, t = (i) => i?.replace("rounded-", "") || "xs", y = {
       [u.Tiny]: r.Tiny,
       [u.Small]: r.Small,
       [u.Medium]: r.Medium,
       [u.Large]: r.Large,
       [u.XL]: r.XL
-    }, C = I(() => [
-      `${s}__input-suffix`,
+    }, p = I(() => [
+      `${d}__input-suffix`,
       "form-addon-flex",
       "form-addon-flex--right",
-      l(d.suffix) ? `${s}__input-suffix--icon form-addon-flex--icon` : `${s}__input-suffix--string form-addon-flex--string`,
-      { "--input-group": d.grouped || d.suffix },
-      d.grouped ? `form-addon-radius--right-${t(d.borderRadius)}` : ""
+      l(s.suffix) ? `${d}__input-suffix--icon form-addon-flex--icon` : `${d}__input-suffix--string form-addon-flex--string`,
+      { "--input-group": s.grouped || s.suffix },
+      s.grouped ? `form-addon-radius--right-${t(s.borderRadius)}` : ""
     ]);
-    return (i, b) => (n(), p("span", {
-      class: x(a(C)),
+    return (i, C) => (n(), b("span", {
+      class: x(a(p)),
       "data-testid": e.testId
     }, [
       l(e.suffix) ? (n(), m(a(X), {
         key: 0,
         name: $(e.suffix),
         size: y[e.size]
-      }, null, 8, ["name", "size"])) : (n(), p(M, { key: 1 }, [
+      }, null, 8, ["name", "size"])) : (n(), b(M, { key: 1 }, [
         q(R(e.suffix), 1)
       ], 64))
     ], 10, re));
@@ -94,12 +94,12 @@ const se = ["data-testid"], E = /* @__PURE__ */ v({
     testId: { default: "clll-input-pill" }
   },
   setup(e) {
-    const d = "clll-input";
-    return (s, l) => (n(), p("span", {
-      class: x(`${d}__pill`),
+    const s = "clll-input";
+    return (d, l) => (n(), b("span", {
+      class: x(`${s}__pill`),
       "data-testid": e.testId
     }, [
-      K(a(de), {
+      K(a(se), {
         color: e.color,
         label: e.label,
         variant: a(S).Soft
@@ -117,27 +117,27 @@ const se = ["data-testid"], E = /* @__PURE__ */ v({
     testId: { default: "clll-input-color-tools" }
   },
   emits: ["copy", "reset", "update:copied"],
-  setup(e, { emit: d }) {
-    const s = e, l = d, $ = "clll-input", t = w(s.copied), y = {
+  setup(e, { emit: s }) {
+    const d = e, l = s, $ = "clll-input", t = w(d.copied), y = {
       [u.Tiny]: r.Tiny,
       [u.Small]: r.Small,
       [u.Medium]: r.Medium,
       [u.Large]: r.Large,
       [u.XL]: r.XL
-    }, C = async () => {
+    }, p = async () => {
       try {
-        s.modelValue && (await navigator.clipboard.writeText(s.modelValue.toString()), t.value = !0, l("update:copied", !0), l("copy"));
-      } catch (b) {
-        console.error(b);
+        d.modelValue && (await navigator.clipboard.writeText(d.modelValue.toString()), t.value = !0, l("update:copied", !0), l("copy"));
+      } catch (C) {
+        console.error(C);
       }
     }, i = () => {
-      l("reset", s.initialValue);
+      l("reset", d.initialValue);
     };
-    return T(() => s.copied, (b) => {
-      t.value = b;
-    }), T(() => s.modelValue, () => {
+    return T(() => d.copied, (C) => {
+      t.value = C;
+    }), T(() => d.modelValue, () => {
       t.value = !1, l("update:copied", !1);
-    }), (b, F) => (n(), p("span", {
+    }), (C, F) => (n(), b("span", {
       class: x(`${$}__selected-color-tools`),
       "data-testid": e.testId
     }, [
@@ -148,7 +148,7 @@ const se = ["data-testid"], E = /* @__PURE__ */ v({
         color: a(k).Neutral,
         "icon-before": a(t) ? a(h).Check : a(h).Copy,
         "icon-size": y[e.size],
-        "on-click": C,
+        "on-click": p,
         size: e.size,
         title: a(t) ? "Color copied to clipboard" : "Copy color to clipboard",
         variant: a(S).Ghost,
@@ -213,10 +213,10 @@ const se = ["data-testid"], E = /* @__PURE__ */ v({
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ N(["reset"], ["update:modelValue"]),
-  setup(e, { expose: d, emit: s }) {
-    const l = e, $ = s, t = "clll-input", y = w(!1), C = Q("input-elem"), i = W(e, "modelValue");
+  setup(e, { expose: s, emit: d }) {
+    const l = e, $ = d, t = "clll-input", y = w(!1), p = Q("input-elem"), i = W(e, "modelValue");
     l.type === o.Color && !i.value && (i.value = "#FFFFFF");
-    const b = i.value?.toString(), F = (z) => Object.values(h).includes(z), A = I(() => [
+    const C = i.value?.toString(), F = (z) => Object.values(h).includes(z), A = I(() => [
       t,
       l.borderRadius ? `${t}--${l.borderRadius}` : "",
       l.busy ? `${t}--busy` : `${t}--ready`,
@@ -246,12 +246,12 @@ const se = ["data-testid"], E = /* @__PURE__ */ v({
     ]), G = (z) => {
       i.value = z, $("reset", i.value);
     }, J = () => {
-      C.value && C.value.focus();
+      p.value && p.value.focus();
     };
     return T(i, () => {
       y.value = !1;
-    }), d({
-      inputRef: C
+    }), s({
+      inputRef: p
     }), (z, c) => (n(), m(te, {
       fluid: e.fluid,
       "has-pill": !!e.pill,
@@ -261,7 +261,7 @@ const se = ["data-testid"], E = /* @__PURE__ */ v({
       default: Y(() => [
         L("span", {
           class: x(a(A)),
-          style: Z(a(ae)({ color: e.color, disabled: e.disabled || e.busy, readonly: e.readonly, variant: e.variant })),
+          style: Z(a(ae)({ color: e.color, variant: e.variant })),
           "data-testid": e.testId
         }, [
           e.label ? (n(), m(oe, {
@@ -316,7 +316,7 @@ const se = ["data-testid"], E = /* @__PURE__ */ v({
                 [ee, i.value]
               ])
             ], 2),
-            e.type === a(o).Color ? (n(), p("span", {
+            e.type === a(o).Color ? (n(), b("span", {
               key: 1,
               class: x(`${t}__selected-color`)
             }, R(i.value || "none"), 3)) : g("", !0),
@@ -326,7 +326,7 @@ const se = ["data-testid"], E = /* @__PURE__ */ v({
               "onUpdate:modelValue": c[5] || (c[5] = (f) => i.value = f),
               copied: a(y),
               "onUpdate:copied": c[6] || (c[6] = (f) => le(y) ? y.value = f : null),
-              "initial-value": a(b),
+              "initial-value": a(C),
               size: e.size,
               onReset: G
             }, null, 8, ["modelValue", "copied", "initial-value", "size"])) : g("", !0),
@@ -348,7 +348,7 @@ const se = ["data-testid"], E = /* @__PURE__ */ v({
             }, null, 8, ["color", "current-length", "max-length", "layout", "size"])) : g("", !0)
           ], 2)
         ], 14, me),
-        e.pill && e.label && e.orientation === a(B).Horizontal ? (n(), p("span", {
+        e.pill && e.label && e.orientation === a(B).Horizontal ? (n(), b("span", {
           key: 0,
           class: x(`${t}__spacer`)
         }, null, 2)) : g("", !0),

package/dist/components/Form/CLInput/CLInput.vue.d.ts

@@ -86,7 +86,6 @@ declare const _default: import('vue').DefineComponent<{
 }>, {
     color: CLColors;
     variant: CLColorVariants.Outline | CLColorVariants.Ghost;
-    borderRadius: CLBorderRadius;
     fluid: boolean;
     rounded: boolean;
     testId: string;
@@ -102,12 +101,12 @@ declare const _default: import('vue').DefineComponent<{
     required: boolean;
     prefix: string | CLIconNames;
     ariaLabel: string;
+    borderRadius: CLBorderRadius;
     busy: boolean;
     disabled: boolean;
     pill: string;
     placeholder: string;
     orientation: CLOrientation;
-    readonly: boolean;
     messages: string[];
     messageType: CLColors;
     maxLength: number;
@@ -116,6 +115,7 @@ declare const _default: import('vue').DefineComponent<{
     autoComplete: boolean;
     charCounter: boolean;
     minLength: number;
+    readonly: boolean;
     spellCheck: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     'input-elem': HTMLInputElement;

package/dist/components/Form/CLInput/CLInputPrefix.vue.d.ts

@@ -12,9 +12,9 @@ export interface CLInputPrefixProps {
     testId?: string;
 }
 declare const _default: import('vue').DefineComponent<CLInputPrefixProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLInputPrefixProps> & Readonly<{}>, {
-    borderRadius: string;
     testId: string;
     size: CLSizes;
+    borderRadius: string;
     grouped: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
 export default _default;

package/dist/components/Form/CLInput/CLInputSuffix.vue.d.ts

@@ -12,9 +12,9 @@ export interface CLInputSuffixProps {
     testId?: string;
 }
 declare const _default: import('vue').DefineComponent<CLInputSuffixProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLInputSuffixProps> & Readonly<{}>, {
-    borderRadius: string;
     testId: string;
     size: CLSizes;
+    borderRadius: string;
     grouped: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
 export default _default;

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

@@ -1,10 +1,10 @@
 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";
+import { CLSizes as s, CLTextTypes as i, CLColorVariants as D, CLColors as I } from "../../../index.js";
 const X = ["data-testid"], E = ["for"], H = ["id", "aria-label", "checked", "disabled", "name", "value", "required"], G = /* @__PURE__ */ k({
   name: "CLRadioButton",
   __name: "CLRadioButton",
@@ -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,11 +1,11 @@
 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";
+import { CLSizes as o, CLIconSizes as s, CLOrientation as y, CLIconNames as P, CLColorVariants as U, CLColors as X } from "../../../index.js";
 const j = ["data-testid"], A = ["id", "aria-label", "disabled", "name", "placeholder", "form", "required"], G = ["value", "selected", "disabled"], p = /* @__PURE__ */ B({
   name: "CLSelect",
   __name: "CLSelect",
@@ -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"]));