@codeandfunction/callaloo 4.4.0 → 4.5.1

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

@@ -1,14 +1,14 @@
 import '../../../assets/core.css';
 import './CLInput.css';
 import '../../../assets/shared/form-utilities.css';
-import { defineComponent as p, computed as z, createBlock as b, createElementBlock as $, unref as i, openBlock as r, normalizeClass as x, Fragment as M, createTextVNode as q, toDisplayString as P, createVNode as K, ref as A, watch as N, createCommentVNode as v, mergeModels as w, useTemplateRef as Q, useModel as W, withCtx as Y, createElementVNode as S, normalizeStyle as Z, withDirectives as _, vModelDynamic as ee, isRef as le } from "vue";
-import { _ as ae, i as ie, a as te } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-CF_lxNr8.js";
+import { defineComponent as p, computed as z, createElementBlock as $, openBlock as u, normalizeClass as y, unref as a, createBlock as b, Fragment as M, createTextVNode as q, toDisplayString as N, createVNode as K, ref as A, watch as P, createCommentVNode as v, mergeModels as w, useTemplateRef as Q, useModel as W, withCtx as Y, createElementVNode as F, normalizeStyle as Z, withDirectives as _, vModelDynamic as ee, isRef as le } from "vue";
+import { _ as ie, i as ae, a as te } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-CF_lxNr8.js";
 import { _ as oe } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-BcHOofhM.js";
 import { _ as ne } from "../../../chunks/CLFormCharCounter.vue_vue_type_style_index_0_lang-CJ4VrvmR.js";
-import { _ as E } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-r6hBiMgq.js";
-import { _ as F } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-1hhRUMgR.js";
-import { CLSizes as o, CLColors as k, CLBorderRadius as V, CLIconSizes as u, CLColorVariants as I, CLIconNames as X, CLInputTypes as d, CLOrientation as R, CLCharCounterLayout as de } from "../../../index.js";
-import { _ as ue } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-MaGtvvXD.js";
+import { _ as E } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CzJDIguL.js";
+import { _ as S } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-D0vMBs0W.js";
+import { CLSizes as o, CLColors as k, CLBorderRadius as V, CLIconSizes as s, CLColorVariants as I, CLIconNames as X, CLInputTypes as d, CLOrientation as R, CLCharCounterLayout as de } from "../../../index.js";
+import { _ as ue } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-Eh8_1A7g.js";
 const se = ["data-testid"], H = /* @__PURE__ */ p({
   name: "CLInputPrefix",
   __name: "CLInputPrefix",
@@ -24,16 +24,16 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
     testId: { default: "clll-input-prefix" }
   },
   setup(e) {
-    const t = e, c = "clll-input", l = (n) => Object.values(X).includes(n), C = (n) => n, a = (n) => n?.replace("rounded-", "") || "xs", y = {
-      [o.Tiny]: u.Tiny,
-      [o.Small]: u.Small,
-      [o.Medium]: u.Medium,
-      [o.Large]: u.Large,
-      [o.XL]: u.XL,
-      [o.XXL]: u.XXL,
-      [o.XXXL]: u.XXXL,
-      [o.XXXXL]: u.XXXXL
-    }, g = z(() => !!t.onClick && l(t.prefix)), s = z(() => [
+    const t = e, c = "clll-input", l = (n) => Object.values(X).includes(n), C = (n) => n, i = (n) => n?.replace("rounded-", "") || "xs", x = {
+      [o.Tiny]: s.Tiny,
+      [o.Small]: s.Small,
+      [o.Medium]: s.Medium,
+      [o.Large]: s.Large,
+      [o.XL]: s.XL,
+      [o.XXL]: s.XXL,
+      [o.XXXL]: s.XXXL,
+      [o.XXXXL]: s.XXXXL
+    }, g = z(() => !!t.onClick && l(t.prefix)), r = z(() => [
       `${c}__input-prefix`,
       "form-addon-flex",
       "form-addon-flex--left",
@@ -41,38 +41,41 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
       { "--interactive": g },
       { "--input-group": t.grouped || t.prefix },
       { "--disabled": t.disabled },
-      t.grouped ? `form-addon-radius--left-${a(t.borderRadius)}` : ""
+      t.grouped ? `form-addon-radius--left-${i(t.borderRadius)}` : ""
     ]), L = (n) => {
       t.onClick && n && !t.disabled && (n.stopPropagation(), t.onClick(n));
     };
-    return (n, T) => i(g) ? (r(), b(i(F), {
-      key: 0,
-      "aria-label": e.ariaLabel,
-      "border-radius": i(V).None,
-      class: x(i(s)),
-      color: e.color,
-      disabled: e.disabled,
-      "icon-before": C(e.prefix),
-      "icon-size": y[e.size],
-      "on-click": L,
-      size: e.size,
-      "test-id": e.testId,
-      variant: i(I).Ghost,
-      wrap: ""
-    }, null, 8, ["aria-label", "border-radius", "class", "color", "disabled", "icon-before", "icon-size", "size", "test-id", "variant"])) : (r(), $("span", {
-      key: 1,
-      class: x(i(s)),
-      "data-testid": e.testId
+    return (n, T) => (u(), $("div", {
+      class: y(a(r))
     }, [
-      l(e.prefix) ? (r(), b(i(E), {
+      a(g) ? (u(), b(a(S), {
         key: 0,
-        name: C(e.prefix),
-        size: y[e.size],
-        color: e.color
-      }, null, 8, ["name", "size", "color"])) : (r(), $(M, { key: 1 }, [
-        q(P(e.prefix), 1)
-      ], 64))
-    ], 10, se));
+        "aria-label": e.ariaLabel,
+        "border-radius": a(V).Full,
+        color: e.color,
+        disabled: e.disabled,
+        "icon-before": C(e.prefix),
+        "icon-size": x[e.size],
+        "on-click": L,
+        size: e.size,
+        "test-id": e.testId,
+        variant: a(I).Text,
+        wrap: ""
+      }, null, 8, ["aria-label", "border-radius", "color", "disabled", "icon-before", "icon-size", "size", "test-id", "variant"])) : (u(), $("span", {
+        key: 1,
+        class: "icon-container",
+        "data-testid": e.testId
+      }, [
+        l(e.prefix) ? (u(), b(a(E), {
+          key: 0,
+          name: C(e.prefix),
+          size: x[e.size],
+          color: e.color
+        }, null, 8, ["name", "size", "color"])) : (u(), $(M, { key: 1 }, [
+          q(N(e.prefix), 1)
+        ], 64))
+      ], 8, se))
+    ], 2));
   }
 }), re = ["data-testid"], O = /* @__PURE__ */ p({
   name: "CLInputSuffix",
@@ -89,16 +92,16 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
     testId: { default: "clll-input-suffix" }
   },
   setup(e) {
-    const t = e, c = "clll-input", l = (n) => Object.values(X).includes(n), C = (n) => n, a = (n) => n?.replace("rounded-", "") || "xs", y = {
-      [o.Tiny]: u.Tiny,
-      [o.Small]: u.Small,
-      [o.Medium]: u.Medium,
-      [o.Large]: u.Large,
-      [o.XL]: u.XL,
-      [o.XXL]: u.XXL,
-      [o.XXXL]: u.XXXL,
-      [o.XXXXL]: u.XXXXL
-    }, g = z(() => !!t.onClick && l(t.suffix)), s = z(() => [
+    const t = e, c = "clll-input", l = (n) => Object.values(X).includes(n), C = (n) => n, i = (n) => n?.replace("rounded-", "") || "xs", x = {
+      [o.Tiny]: s.Tiny,
+      [o.Small]: s.Small,
+      [o.Medium]: s.Medium,
+      [o.Large]: s.Large,
+      [o.XL]: s.XL,
+      [o.XXL]: s.XXL,
+      [o.XXXL]: s.XXXL,
+      [o.XXXXL]: s.XXXXL
+    }, g = z(() => !!t.onClick && l(t.suffix)), r = z(() => [
       `${c}__input-suffix`,
       "form-addon-flex",
       "form-addon-flex--right",
@@ -106,38 +109,41 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
       { "--interactive": g },
       { "--input-group": t.grouped || t.suffix },
       { "--disabled": t.disabled },
-      t.grouped ? `form-addon-radius--right-${a(t.borderRadius)}` : ""
+      t.grouped ? `form-addon-radius--right-${i(t.borderRadius)}` : ""
     ]), L = (n) => {
       t.onClick && n && !t.disabled && (n.stopPropagation(), t.onClick(n));
     };
-    return (n, T) => i(g) ? (r(), b(i(F), {
-      key: 0,
-      "aria-label": e.ariaLabel,
-      "border-radius": i(V).None,
-      class: x(i(s)),
-      color: e.color,
-      disabled: e.disabled,
-      "icon-before": C(e.suffix),
-      "icon-size": y[e.size],
-      "on-click": L,
-      size: e.size,
-      "test-id": e.testId,
-      variant: i(I).Ghost,
-      wrap: ""
-    }, null, 8, ["aria-label", "border-radius", "class", "color", "disabled", "icon-before", "icon-size", "size", "test-id", "variant"])) : (r(), $("span", {
-      key: 1,
-      class: x(i(s)),
-      "data-testid": e.testId
+    return (n, T) => (u(), $("div", {
+      class: y(a(r))
     }, [
-      l(e.suffix) ? (r(), b(i(E), {
+      a(g) ? (u(), b(a(S), {
         key: 0,
-        name: C(e.suffix),
-        size: y[e.size],
-        color: e.color
-      }, null, 8, ["name", "size", "color"])) : (r(), $(M, { key: 1 }, [
-        q(P(e.suffix), 1)
-      ], 64))
-    ], 10, re));
+        "aria-label": e.ariaLabel,
+        "border-radius": a(V).Full,
+        color: e.color,
+        disabled: e.disabled,
+        "icon-before": C(e.suffix),
+        "icon-size": x[e.size],
+        "on-click": L,
+        size: e.size,
+        "test-id": e.testId,
+        variant: a(I).Text,
+        wrap: ""
+      }, null, 8, ["aria-label", "border-radius", "color", "disabled", "icon-before", "icon-size", "size", "test-id", "variant"])) : (u(), $("span", {
+        key: 1,
+        class: "icon-container",
+        "data-testid": e.testId
+      }, [
+        l(e.suffix) ? (u(), b(a(E), {
+          key: 0,
+          name: C(e.suffix),
+          size: x[e.size],
+          color: e.color
+        }, null, 8, ["name", "size", "color"])) : (u(), $(M, { key: 1 }, [
+          q(N(e.suffix), 1)
+        ], 64))
+      ], 8, re))
+    ], 2));
   }
 }), ce = ["data-testid"], U = /* @__PURE__ */ p({
   name: "CLInputPill",
@@ -149,18 +155,18 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
   },
   setup(e) {
     const t = "clll-input";
-    return (c, l) => (r(), $("span", {
-      class: x(`${t}__pill`),
+    return (c, l) => (u(), $("span", {
+      class: y(`${t}__pill`),
       "data-testid": e.testId
     }, [
-      K(i(ue), {
+      K(a(ue), {
         color: e.color,
         label: e.label,
-        variant: i(I).Soft
+        variant: a(I).Soft
       }, null, 8, ["color", "label", "variant"])
     ], 10, ce));
   }
-}), fe = ["data-testid"], G = /* @__PURE__ */ p({
+}), fe = ["data-testid"], j = /* @__PURE__ */ p({
   name: "CLInputColorTools",
   __name: "CLInputColorTools",
   props: {
@@ -172,56 +178,56 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
   },
   emits: ["copy", "reset", "update:copied"],
   setup(e, { emit: t }) {
-    const c = e, l = t, C = "clll-input", a = A(c.copied), y = {
-      [o.Tiny]: u.Tiny,
-      [o.Small]: u.Small,
-      [o.Medium]: u.Medium,
-      [o.Large]: u.Large,
-      [o.XL]: u.XL,
-      [o.XXL]: u.XXL,
-      [o.XXXL]: u.XXXL,
-      [o.XXXXL]: u.XXXXL
+    const c = e, l = t, C = "clll-input", i = A(c.copied), x = {
+      [o.Tiny]: s.Tiny,
+      [o.Small]: s.Small,
+      [o.Medium]: s.Medium,
+      [o.Large]: s.Large,
+      [o.XL]: s.XL,
+      [o.XXL]: s.XXL,
+      [o.XXXL]: s.XXXL,
+      [o.XXXXL]: s.XXXXL
     }, g = async () => {
       try {
-        c.modelValue && (await navigator.clipboard.writeText(c.modelValue.toString()), a.value = !0, l("update:copied", !0), l("copy"));
+        c.modelValue && (await navigator.clipboard.writeText(c.modelValue.toString()), i.value = !0, l("update:copied", !0), l("copy"));
       } catch (L) {
         console.error(L);
       }
-    }, s = () => {
+    }, r = () => {
       l("reset", c.initialValue);
     };
-    return N(() => c.copied, (L) => {
-      a.value = L;
-    }), N(() => c.modelValue, () => {
-      a.value = !1, l("update:copied", !1);
-    }), (L, n) => (r(), $("span", {
-      class: x(`${C}__selected-color-tools`),
+    return P(() => c.copied, (L) => {
+      i.value = L;
+    }), P(() => c.modelValue, () => {
+      i.value = !1, l("update:copied", !1);
+    }), (L, n) => (u(), $("span", {
+      class: y(`${C}__selected-color-tools`),
       "data-testid": e.testId
     }, [
-      e.modelValue ? (r(), b(i(F), {
+      e.modelValue ? (u(), b(a(S), {
         key: 0,
         "aria-label": "Copy color to clipboard",
-        class: x(`${C}__copy-to-clipboard`),
-        color: i(k).Neutral,
-        "icon-before": i(a) ? i(X).Check : i(X).Copy,
-        "icon-size": y[e.size],
+        class: y(`${C}__copy-to-clipboard`),
+        color: a(k).Neutral,
+        "icon-before": a(i) ? a(X).Check : a(X).Copy,
+        "icon-size": x[e.size],
         "on-click": g,
         size: e.size,
-        title: i(a) ? "Color copied to clipboard" : "Copy color to clipboard",
-        variant: i(I).Ghost,
+        title: a(i) ? "Color copied to clipboard" : "Copy color to clipboard",
+        variant: a(I).Ghost,
         wrap: ""
       }, null, 8, ["class", "color", "icon-before", "icon-size", "size", "title", "variant"])) : v("", !0),
-      e.modelValue ? (r(), b(i(F), {
+      e.modelValue ? (u(), b(a(S), {
         key: 1,
         "aria-label": "Reset selected color",
-        class: x(`${C}__reset-selected-color`),
-        color: i(k).Neutral,
-        "on-click": s,
-        "icon-before": i(X).Restore,
-        "icon-size": y[e.size],
+        class: y(`${C}__reset-selected-color`),
+        color: a(k).Neutral,
+        "on-click": r,
+        "icon-before": a(X).Restore,
+        "icon-size": x[e.size],
         size: e.size,
         title: "Reset selected color",
-        variant: i(I).Ghost,
+        variant: a(I).Ghost,
         wrap: ""
       }, null, 8, ["class", "color", "icon-before", "icon-size", "size", "variant"])) : v("", !0)
     ], 10, fe));
@@ -275,69 +281,69 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
   }),
   emits: /* @__PURE__ */ w(["reset"], ["update:modelValue"]),
   setup(e, { expose: t, emit: c }) {
-    const l = e, C = c, a = "clll-input", y = A(!1), g = Q("input-elem"), s = W(e, "modelValue");
-    l.type === d.Color && !s.value && (s.value = "#FFFFFF");
-    const L = s.value?.toString(), n = (h) => Object.values(X).includes(h), T = z(() => [
-      a,
-      l.borderRadius ? `${a}--${l.borderRadius}` : "",
-      l.busy ? `${a}--busy` : `${a}--ready`,
-      `${a}--${l.color}`,
-      `${a}--${l.size}`,
-      `${a}--${l.type}`,
-      `${a}--${l.variant}`,
-      l.disabled || l.busy ? `${a}--disabled` : `${a}--active`,
-      l.fluid || l.orientation === R.Horizontal ? `${a}--fluid` : `${a}--fixed`,
-      l.grouped ? `${a}--grouped` : "",
-      l.label ? `${a}--haslabel` : "",
-      l.messageType ? `${a}--${l.messageType}` : "",
-      l.orientation ? `${a}--${l.orientation}` : "",
-      l.pill ? `${a}--haspill` : "",
-      l.charCounter && l.maxLength && [d.Email, d.None, d.Text, d.Url].includes(l.type) ? `${a}--hascharcounter` : "",
-      l.prefix && ![d.Color, d.File].includes(l.type) ? `${a}--hasprefix` : "",
-      l.prefix && ![d.Color, d.File].includes(l.type) ? n(l.prefix) ? `${a}--hasiconprefix` : `${a}--hascustomprefix` : "",
-      l.readonly ? `${a}--readonly` : `${a}--writeable`,
-      l.rounded ? `${a}--rounded` : `${a}--box`,
-      l.required ? `${a}--required` : `${a}--optional`,
-      l.suffix && ![d.Color, d.File].includes(l.type) ? `${a}--hassuffix` : "",
-      l.suffix && ![d.Color, d.File].includes(l.type) ? n(l.suffix) ? `${a}--hasiconsuffix` : `${a}--hascustomsuffix` : ""
-    ]), j = z(() => [
-      `${a}__input`,
-      { "--nocolor": l.type === d.Color && !s.value },
+    const l = e, C = c, i = "clll-input", x = A(!1), g = Q("input-elem"), r = W(e, "modelValue");
+    l.type === d.Color && !r.value && (r.value = "#FFFFFF");
+    const L = r.value?.toString(), n = (h) => Object.values(X).includes(h), T = z(() => [
+      i,
+      l.borderRadius ? `${i}--${l.borderRadius}` : "",
+      l.busy ? `${i}--busy` : `${i}--ready`,
+      `${i}--${l.color}`,
+      `${i}--${l.size}`,
+      `${i}--${l.type}`,
+      `${i}--${l.variant}`,
+      l.disabled || l.busy ? `${i}--disabled` : `${i}--active`,
+      l.fluid || l.orientation === R.Horizontal ? `${i}--fluid` : `${i}--fixed`,
+      l.grouped ? `${i}--grouped` : "",
+      l.label ? `${i}--haslabel` : "",
+      l.messageType ? `${i}--${l.messageType}` : "",
+      l.orientation ? `${i}--${l.orientation}` : "",
+      l.pill ? `${i}--haspill` : "",
+      l.charCounter && l.maxLength && [d.Email, d.None, d.Text, d.Url].includes(l.type) ? `${i}--hascharcounter` : "",
+      l.prefix && ![d.Color, d.File].includes(l.type) ? `${i}--hasprefix` : "",
+      l.prefix && ![d.Color, d.File].includes(l.type) ? n(l.prefix) ? `${i}--hasiconprefix` : `${i}--hascustomprefix` : "",
+      l.readonly ? `${i}--readonly` : `${i}--writeable`,
+      l.rounded ? `${i}--rounded` : `${i}--box`,
+      l.required ? `${i}--required` : `${i}--optional`,
+      l.suffix && ![d.Color, d.File].includes(l.type) ? `${i}--hassuffix` : "",
+      l.suffix && ![d.Color, d.File].includes(l.type) ? n(l.suffix) ? `${i}--hasiconsuffix` : `${i}--hascustomsuffix` : ""
+    ]), D = z(() => [
+      `${i}__input`,
+      { "--nocolor": l.type === d.Color && !r.value },
       { "--input-group": l.grouped || l.prefix || l.suffix }
-    ]), D = (h) => {
-      s.value = h, C("reset", s.value);
+    ]), G = (h) => {
+      r.value = h, C("reset", r.value);
     }, J = (h) => {
       !h.target.closest('button, a, [role="button"]') && g.value && g.value.focus();
     };
-    return N(s, () => {
-      y.value = !1;
+    return P(r, () => {
+      x.value = !1;
     }), t({
       inputRef: g
-    }), (h, f) => (r(), b(ae, {
+    }), (h, f) => (u(), b(ie, {
       fluid: e.fluid,
       "has-pill": !!e.pill,
       "has-char-counter": !!(e.charCounter && e.maxLength),
       orientation: e.orientation
     }, {
       default: Y(() => [
-        S("span", {
-          class: x(i(T)),
-          style: Z(i(ie)({ color: e.color, variant: e.variant })),
+        F("span", {
+          class: y(a(T)),
+          style: Z(a(ae)({ color: e.color, variant: e.variant })),
           "data-testid": e.testId
         }, [
-          e.label ? (r(), b(oe, {
+          e.label ? (u(), b(oe, {
             key: 0,
-            "css-prefix": a,
+            "css-prefix": i,
             "html-for": e.id,
             label: e.label,
             required: e.required,
             size: e.size
           }, null, 8, ["html-for", "label", "required", "size"])) : v("", !0),
-          S("span", {
-            class: x([`${a}__input-container`, "--focus-within"]),
+          F("span", {
+            class: y([`${i}__input-container`, "--focus-within"]),
             onClick: J
           }, [
-            e.prefix && ![i(d).Color, i(d).File].includes(e.type) ? (r(), b(H, {
+            e.prefix && ![a(d).Color, a(d).File].includes(e.type) ? (u(), b(H, {
               key: 0,
               prefix: e.prefix,
               size: e.size,
@@ -348,17 +354,17 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
               "aria-label": e.prefixAriaLabel,
               disabled: e.disabled || e.busy
             }, null, 8, ["prefix", "size", "grouped", "border-radius", "color", "on-click", "aria-label", "disabled"])) : v("", !0),
-            S("span", {
-              class: x(`${a}__input-border-control`)
+            F("span", {
+              class: y(`${i}__input-border-control`)
             }, [
-              _(S("input", {
+              _(F("input", {
                 id: e.id,
                 ref: "input-elem",
-                "onUpdate:modelValue": f[0] || (f[0] = (m) => s.value = m),
+                "onUpdate:modelValue": f[0] || (f[0] = (m) => r.value = m),
                 name: e.name,
                 "aria-label": e.ariaLabel,
                 autocomplete: e.autoComplete ? "on" : "off",
-                class: x(i(j)),
+                class: y(a(D)),
                 disabled: e.disabled || e.busy,
                 form: e.form,
                 maxlength: e.maxLength,
@@ -378,24 +384,24 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
                 onInput: f[4] || (f[4] = //@ts-ignore
                 (...m) => e.onInput && e.onInput(...m))
               }, null, 42, be), [
-                [ee, s.value]
+                [ee, r.value]
               ])
             ], 2),
-            e.type === i(d).Color ? (r(), $("span", {
+            e.type === a(d).Color ? (u(), $("span", {
               key: 1,
-              class: x(`${a}__selected-color`)
-            }, P(s.value || "none"), 3)) : v("", !0),
-            e.type === i(d).Color ? (r(), b(G, {
+              class: y(`${i}__selected-color`)
+            }, N(r.value || "none"), 3)) : v("", !0),
+            e.type === a(d).Color ? (u(), b(j, {
               key: 2,
-              modelValue: s.value,
-              "onUpdate:modelValue": f[5] || (f[5] = (m) => s.value = m),
-              copied: i(y),
-              "onUpdate:copied": f[6] || (f[6] = (m) => le(y) ? y.value = m : null),
-              "initial-value": i(L),
+              modelValue: r.value,
+              "onUpdate:modelValue": f[5] || (f[5] = (m) => r.value = m),
+              copied: a(x),
+              "onUpdate:copied": f[6] || (f[6] = (m) => le(x) ? x.value = m : null),
+              "initial-value": a(L),
               size: e.size,
-              onReset: D
+              onReset: G
             }, null, 8, ["modelValue", "copied", "initial-value", "size"])) : v("", !0),
-            e.suffix && ![i(d).Color, i(d).File].includes(e.type) ? (r(), b(O, {
+            e.suffix && ![a(d).Color, a(d).File].includes(e.type) ? (u(), b(O, {
               key: 3,
               suffix: e.suffix,
               size: e.size,
@@ -406,27 +412,27 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
               "aria-label": e.suffixAriaLabel,
               disabled: e.disabled || e.busy
             }, null, 8, ["suffix", "size", "grouped", "border-radius", "color", "on-click", "aria-label", "disabled"])) : v("", !0),
-            e.charCounter && e.maxLength && [i(d).Email, i(d).None, i(d).Text, i(d).Url].includes(e.type) ? (r(), b(ne, {
+            e.charCounter && e.maxLength && [a(d).Email, a(d).None, a(d).Text, a(d).Url].includes(e.type) ? (u(), b(ne, {
               key: 4,
               color: e.color,
-              "css-prefix": a,
-              "current-length": s.value ? s.value.toString().length : 0,
+              "css-prefix": i,
+              "current-length": r.value ? r.value.toString().length : 0,
               "max-length": e.maxLength,
-              layout: i(de).Inline,
+              layout: a(de).Inline,
               size: e.size
             }, null, 8, ["color", "current-length", "max-length", "layout", "size"])) : v("", !0)
           ], 2)
         ], 14, me),
-        e.pill && e.label && e.orientation === i(R).Horizontal ? (r(), $("span", {
+        e.pill && e.label && e.orientation === a(R).Horizontal ? (u(), $("span", {
           key: 0,
-          class: x(`${a}__spacer`)
+          class: y(`${i}__spacer`)
         }, null, 2)) : v("", !0),
-        e.pill ? (r(), b(U, {
+        e.pill ? (u(), b(U, {
           key: 1,
           label: e.pill,
           color: e.color
         }, null, 8, ["label", "color"])) : v("", !0),
-        e.id ? (r(), b(te, {
+        e.id ? (u(), b(te, {
           key: 2,
           id: e.id,
           messages: e.messages,
@@ -440,7 +446,7 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
 B.Prefix = H;
 B.Suffix = O;
 B.Pill = U;
-B.ColorTools = G;
+B.ColorTools = j;
 export {
   B as CLInput,
   B as default

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

@@ -28,5 +28,5 @@ declare const _default: import('vue').DefineComponent<CLInputPrefixProps, {}, {}
     borderRadius: CLBorderRadius;
     disabled: boolean;
     grouped: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -28,5 +28,5 @@ declare const _default: import('vue').DefineComponent<CLInputSuffixProps, {}, {}
     borderRadius: CLBorderRadius;
     disabled: boolean;
     grouped: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -4,7 +4,7 @@ import '../../../assets/shared/form-utilities.css';
 import { defineComponent as B, mergeModels as S, useModel as h, useTemplateRef as X, computed as q, createBlock as f, openBlock as s, withCtx as x, createElementVNode as d, createCommentVNode as $, normalizeStyle as T, normalizeClass as r, unref as u, withDirectives as V, createElementBlock as b, Fragment as k, renderList as M, toDisplayString as F, vModelSelect as I, createVNode as N } from "vue";
 import { _ as R, s as D, a as w } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-CF_lxNr8.js";
 import { _ as E } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-BcHOofhM.js";
-import { _ as H } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-r6hBiMgq.js";
+import { _ as H } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CzJDIguL.js";
 import { CLSizes as i, CLIconSizes as n, CLOrientation as y, CLIconNames as O, CLColorVariants as P, CLColors as U } 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",

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

@@ -2,7 +2,7 @@ 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 s, createElementVNode as u, normalizeStyle as v, normalizeClass as r, createElementBlock as b, createCommentVNode as o, createTextVNode as m, toDisplayString as c, createVNode as y } from "vue";
 import { _ as x } from "../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-fn1ix3QX.js";
-import { _ as $ } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-1hhRUMgR.js";
+import { _ as $ } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-D0vMBs0W.js";
 import { _ as S } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-DntAR1dI.js";
 import { _ as C } from "../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang-DO-kZ629.js";
 import { _ as B } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-DVwTAVXM.js";

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

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

@@ -1,13 +1,13 @@
 import '../../../assets/core.css';
 import './CLModal.css';
 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-1hhRUMgR.js";
+import { _ as P } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-D0vMBs0W.js";
 import { _ as Q } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-DntAR1dI.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-DtSQZ0tk.js";
 import { useTheme as ne } from "../../../composables/useTheme.js";
 import { useEsc as le } from "../../../composables/useEsc.js";
-import { c as S, i as a } from "../../../chunks/helper-oZuRnF9g.js";
+import { c as S, i as a } from "../../../chunks/helper-qUkciePY.js";
 const se = () => {
   const { colors: t, darkMode: f } = ne(), _ = f.value ? k.Dark : k.Light, r = te({
     color: T.Neutral,

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

@@ -38,14 +38,14 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
     close: boolean;
     testId: string;
     borderRadius: CLBorderRadius;
-    closeBorderRadius: CLBorderRadius;
+    overlay: boolean;
     dismissible: boolean;
-    fullscreen: boolean;
     isOpen: boolean;
-    maxWidth: string;
     onClose: CLGenericFunction;
-    overlay: boolean;
     zIndex: number | string;
+    maxWidth: string;
+    closeBorderRadius: CLBorderRadius;
+    fullscreen: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     'modal-window': HTMLDivElement;
     'overlay-ref': HTMLDivElement;

package/dist/components/Navigation/CLLink/CLLink.js

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 import './CLLink.css';
-import { _ as s } from "../../../chunks/CLLink.vue_vue_type_style_index_0_lang-BTjLe8m6.js";
+import { _ as s } from "../../../chunks/CLLink.vue_vue_type_style_index_0_lang-CZZm1duI.js";
 export {
   s as CLLink,
   s as default

package/dist/components/Navigation/CLNavLink/CLNavLink.js

@@ -1,5 +1,5 @@
 import '../../../assets/core.css';
-import { _ as s } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-B5DiOsML.js";
+import { _ as s } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-BEBTiI0u.js";
 export {
   s as CLNavLink,
   s as default