@codeandfunction/callaloo 4.9.3 → 4.9.5

package/dist/chunks/CLCard.vue_vue_type_style_index_0_lang-Sre7UYZd.js

@@ -1,263 +0,0 @@
-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-DH5oJc1C.js";
-import { _ as q } from "./CLLink.vue_vue_type_style_index_0_lang-BXysZqLn.js";
-import { _ as g } from "./CLSkeleton.vue_vue_type_style_index_0_lang-DduoX6Cu.js";
-import { _ as D } from "./CLText.vue_vue_type_style_index_0_lang-B-L8ECJL.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-BjZURPWx.js";
-import { useHasSlotContent as _ } from "../composables/useHasSlotContent.js";
-const ee = ["data-testid", "tabindex"], ae = ["alt", "loading", "src"], te = {
-  key: 0,
-  class: "clll-card__header-skeleton"
-}, le = ["alt", "loading", "src"], ie = ["aria-label", "href", "target"], he = /* @__PURE__ */ W({
-  name: "CLCard",
-  __name: "CLCard",
-  props: {
-    active: { type: Boolean, default: !1 },
-    align: { default: Y.Left },
-    ariaLabel: {},
-    borderRadius: {},
-    bordered: { type: Boolean, default: !0 },
-    busy: { type: Boolean, default: !1 },
-    byline: {},
-    color: { default: X.Neutral },
-    compact: { type: Boolean, default: !1 },
-    elevated: { type: Boolean, default: !1 },
-    forwardRef: {},
-    height: { default: "auto" },
-    href: {},
-    image: {},
-    imageAltText: { default: "" },
-    imageHeight: { default: "auto" },
-    imageLoading: { default: U.Eager },
-    imageOrder: {},
-    imageWidth: { default: "auto" },
-    onClick: {},
-    overflow: { default: Q.Hidden },
-    padded: { type: Boolean, default: !0 },
-    rounded: { type: Boolean, default: !0 },
-    target: { default: P.Self },
-    testId: { default: "clll-card" },
-    title: {},
-    titleHLevel: { default: J.H2 },
-    titleType: { default: j.SubSection },
-    truncateTitle: { type: Boolean, default: !1 },
-    type: { default: G.Medium },
-    variant: { default: R.Soft },
-    width: { default: "auto" }
-  },
-  setup(e) {
-    const a = "clll-card", t = e, w = _(), T = V(), f = k(), $ = k(), E = ["a", "button"], y = k(), O = I(() => [
-      a,
-      `${a}--${t.type}`,
-      `${a}--${t.color}-${t.variant}`,
-      `${a}--${t.variant}`,
-      `${a}--align-${t.align}`,
-      t.rounded ? `${a}--rounded` : `${a}--box`,
-      t.bordered ? `${a}--bordered` : "",
-      t.borderRadius ? `${a}--${t.borderRadius}` : "",
-      t.busy ? `${a}--busy` : `${a}--ready`,
-      t.compact ? `${a}--compact` : `${a}--no-compact`,
-      t.title || t.byline ? `${a}--has-header` : `${a}--no-header`,
-      f.value ? `${a}--has-heading` : `${a}--no-heading`,
-      w.value ? `${a}--has-content` : `${a}--no-content`,
-      $.value ? `${a}--has-footer` : `${a}--no-footer`,
-      t.image ? `${a}--has-image` : `${a}--has-no-image`,
-      t.imageOrder ? `${a}--image-${t.imageOrder}` : "",
-      t.active ? `${a}--active` : `${a}--inactive`,
-      t.onClick ? `${a}--has-link` : "",
-      t.truncateTitle ? `${a}--has-truncated-title` : "",
-      t.elevated ? `${a}--elevated` : "",
-      t.overflow ? `${a}--overflow-${t.overflow}` : "",
-      t.padded ? "" : `${a}--no-padding`
-    ]), x = (o) => {
-      if (t.busy || !t.onClick) return;
-      const { target: h } = o, m = h ? h.closest("a,button") : void 0, H = [
-        ...y.value?.querySelectorAll("[data-expand-click-area]") ?? []
-      ];
-      if (H.length) {
-        const B = H[0], N = m ? E.includes(m.tagName.toLowerCase()) : null;
-        !m && B !== o.target && !N && B.click();
-      }
-    };
-    return z(async () => {
-      await F(), y.value && t.forwardRef?.(y.value), f.value = T?.heading, $.value = T?.footer;
-    }), (o, h) => (i(), c("div", {
-      ref_key: "refExpandedArea",
-      ref: y,
-      class: n(l(O)),
-      style: v({ ...l(p)({ color: e.color, variant: e.variant }), width: e.width, height: e.height, overflow: e.overflow }),
-      "data-testid": e.testId,
-      tabindex: e.onClick ? 0 : void 0,
-      onClick: x,
-      onKeyup: K(x, ["enter"])
-    }, [
-      e.image && (e.imageOrder === l(A).Before || !e.imageOrder) ? (i(), c("div", {
-        key: 0,
-        class: n(["clll-card__image", { busy: e.busy }]),
-        style: v({ width: e.imageWidth, height: e.imageHeight })
-      }, [
-        e.busy ? (i(), r(l(g), {
-          key: 0,
-          "border-radius": e.borderRadius,
-          width: e.imageWidth,
-          height: e.imageHeight,
-          rounded: !1
-        }, null, 8, ["border-radius", "width", "height"])) : d("", !0),
-        e.image ? (i(), c("img", {
-          key: 1,
-          alt: e.imageAltText,
-          class: n(`${a}__image__elem`),
-          loading: e.imageLoading,
-          src: e.image
-        }, null, 10, ae)) : d("", !0)
-      ], 6)) : d("", !0),
-      u("div", {
-        class: n(`${a}__content`)
-      }, [
-        u("div", {
-          class: n(["clll-card__header", { busy: e.busy }])
-        }, [
-          e.busy && (l(f) || e.title || e.byline) ? (i(), c("div", te, [
-            l(f) || e.title ? (i(), r(l(g), {
-              key: 0,
-              "border-radius": e.borderRadius,
-              height: "27px"
-            }, null, 8, ["border-radius"])) : d("", !0),
-            e.byline ? (i(), r(l(g), {
-              key: 1,
-              "border-radius": e.borderRadius,
-              width: "70%",
-              height: "20px"
-            }, null, 8, ["border-radius"])) : d("", !0)
-          ])) : d("", !0),
-          !e.onClick && !e.href ? (i(), c(M, { key: 1 }, [
-            s(o.$slots, "heading"),
-            e.title ? (i(), r(l(S), {
-              key: 0,
-              align: e.align,
-              class: n(`${a}__heading`),
-              color: e.color,
-              level: e.titleHLevel,
-              truncate: e.truncateTitle,
-              type: e.titleType
-            }, {
-              default: b(() => [
-                C(L(e.title), 1)
-              ]),
-              _: 1
-            }, 8, ["align", "class", "color", "level", "truncate", "type"])) : d("", !0)
-          ], 64)) : e.title || l(f) && (e.onClick || e.href) ? (i(), r(l(q), {
-            key: 2,
-            "aria-label": e.ariaLabel,
-            color: e.color,
-            href: e.href,
-            target: e.target,
-            "on-click": e.onClick,
-            "data-expand-click-area": ""
-          }, {
-            default: b(() => [
-              s(o.$slots, "heading"),
-              e.title ? (i(), r(l(S), {
-                key: 0,
-                align: e.align,
-                class: n(`${a}__heading`),
-                color: e.color,
-                level: e.titleHLevel,
-                truncate: e.truncateTitle,
-                type: e.titleType
-              }, {
-                default: b(() => [
-                  C(L(e.title), 1)
-                ]),
-                _: 1
-              }, 8, ["align", "class", "color", "level", "truncate", "type"])) : d("", !0)
-            ]),
-            _: 3
-          }, 8, ["aria-label", "color", "href", "target", "on-click"])) : d("", !0),
-          s(o.$slots, "byline"),
-          e.byline ? (i(), r(l(D), {
-            key: 3,
-            align: e.align,
-            class: n(`${a}__byline`),
-            color: e.color,
-            type: l(Z).Small
-          }, {
-            default: b(() => [
-              C(L(e.byline), 1)
-            ]),
-            _: 1
-          }, 8, ["align", "class", "color", "type"])) : d("", !0)
-        ], 2),
-        u("div", {
-          class: n(`${a}__slot`)
-        }, [
-          u("div", {
-            ref: "slot-content",
-            class: n([`${a}__slot-content`, { busy: e.busy }])
-          }, [
-            l(w) && e.busy ? (i(), r(l(g), {
-              key: 0,
-              "border-radius": e.borderRadius,
-              width: "100%",
-              height: "100%"
-            }, null, 8, ["border-radius"])) : d("", !0),
-            u("div", null, [
-              s(o.$slots, "default")
-            ])
-          ], 2)
-        ], 2),
-        u("div", {
-          class: n(["clll-card__footer", { busy: e.busy }])
-        }, [
-          l($) && e.busy ? (i(), r(l(g), {
-            key: 0,
-            "border-radius": e.borderRadius,
-            width: "100%",
-            height: "20px"
-          }, null, 8, ["border-radius"])) : d("", !0),
-          s(o.$slots, "footer")
-        ], 2)
-      ], 2),
-      e.image && e.imageOrder === l(A).After ? (i(), c("div", {
-        key: 1,
-        class: n(["clll-card__image", { busy: e.busy }]),
-        style: v({ width: e.imageWidth, height: e.imageHeight })
-      }, [
-        e.busy ? (i(), r(l(g), {
-          key: 0,
-          "border-radius": e.borderRadius,
-          width: e.imageWidth,
-          height: e.imageHeight,
-          rounded: !1
-        }, null, 8, ["border-radius", "width", "height"])) : d("", !0),
-        s(o.$slots, "image"),
-        e.image ? (i(), c("img", {
-          key: 1,
-          alt: e.imageAltText,
-          class: n(`${a}__image__elem`),
-          loading: e.imageLoading,
-          src: e.image
-        }, null, 10, le)) : d("", !0)
-      ], 6)) : d("", !0),
-      !e.title && (e.onClick || e.href) ? (i(), c("a", {
-        key: 2,
-        "aria-label": e.ariaLabel,
-        class: "sr-only",
-        href: e.href,
-        target: e.target,
-        "data-expand-click-area": "",
-        onClick: h[0] || (h[0] = //@ts-ignore
-        (...m) => e.onClick && e.onClick(...m))
-      }, null, 8, ie)) : d("", !0),
-      e.onClick && e.variant !== l(R).Ghost ? (i(), c("div", {
-        key: 3,
-        class: n(`${a}__hover-elem`)
-      }, null, 2)) : d("", !0)
-    ], 46, ee));
-  }
-});
-export {
-  he as _
-};

package/dist/chunks/CLFormCharCounter.vue_vue_type_style_index_0_lang-CJ4VrvmR.js

@@ -1,39 +0,0 @@
-import '../assets/CLFormCharCounter.css';
-import { defineComponent as l, computed as a, createElementBlock as n, openBlock as s, normalizeClass as u, unref as m, createElementVNode as i, toDisplayString as r } from "vue";
-import { CLSizes as f, CLCharCounterLayout as o, CLColors as h } from "../index.js";
-const d = ["data-testid"], C = {
-  "aria-live": "polite",
-  class: "clll-form-char-counter__char-counter__text",
-  role: "status"
-}, g = /* @__PURE__ */ l({
-  name: "CLFormCharCounter",
-  __name: "CLFormCharCounter",
-  props: {
-    color: { default: h.Neutral },
-    cssPrefix: {},
-    currentLength: {},
-    layout: { default: o.Block },
-    maxLength: {},
-    size: { default: f.Small },
-    testId: { default: "clll-form-char-counter" }
-  },
-  setup(t) {
-    const e = t, c = a(() => [
-      `${e.cssPrefix}__char-counter`,
-      "clll-form-char-counter",
-      `clll-form-char-counter--${e.layout}`,
-      `clll-form-char-counter--${e.size}`,
-      `clll-form-char-counter--${e.color}`,
-      e.layout === o.Inline ? "form-counter-flex" : ""
-    ]);
-    return (_, L) => (s(), n("span", {
-      class: u(m(c)),
-      "data-testid": t.testId
-    }, [
-      i("div", C, r(t.currentLength) + "/" + r(t.maxLength), 1)
-    ], 10, d));
-  }
-});
-export {
-  g as _
-};

package/dist/chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-CIQxM6aH.js

@@ -1,46 +0,0 @@
-import { defineComponent as r, createElementBlock as i, openBlock as o, normalizeClass as a, createVNode as m, unref as n, withCtx as c, createTextVNode as d, toDisplayString as f } from "vue";
-import { _ as X } from "./CLText.vue_vue_type_style_index_0_lang-B-L8ECJL.js";
-import { CLSizes as e, CLTextTypes as l } from "../index.js";
-const L = ["for", "data-testid"], S = /* @__PURE__ */ r({
-  name: "CLFormLabel",
-  __name: "CLFormLabel",
-  props: {
-    cssPrefix: { default: "clll-form" },
-    htmlFor: {},
-    label: {},
-    required: { type: Boolean, default: !1 },
-    size: { default: e.Small },
-    testId: { default: "clll-form-label" }
-  },
-  setup(t) {
-    const s = {
-      [e.Tiny]: l.Tiny,
-      [e.Small]: l.Small,
-      [e.Medium]: l.Medium,
-      [e.Large]: l.Body,
-      [e.XL]: l.XL,
-      [e.XXL]: l.XXL,
-      [e.XXXL]: l.XXXL,
-      [e.XXXXL]: l.XXXXL
-    };
-    return (u, b) => (o(), i("label", {
-      for: t.htmlFor,
-      class: a(`${t.cssPrefix}__label`),
-      "data-testid": t.testId
-    }, [
-      m(n(X), {
-        as: "span",
-        type: s[t.size],
-        class: a(t.required ? `${t.cssPrefix}__label--required` : "")
-      }, {
-        default: c(() => [
-          d(f(t.label), 1)
-        ]),
-        _: 1
-      }, 8, ["type", "class"])
-    ], 10, L));
-  }
-});
-export {
-  S as _
-};

package/dist/chunks/CLHeading.vue_vue_type_style_index_0_lang-DH5oJc1C.js

@@ -1,52 +0,0 @@
-import '../components/Typography/CLHeading/CLHeading.css';
-import { defineComponent as i, computed as r, createBlock as u, openBlock as f, resolveDynamicComponent as p, unref as o, normalizeStyle as m, normalizeClass as g, withCtx as C, renderSlot as y } from "vue";
-import { CLHeadingTypes as l, CLColors as $, CLAlign as L, CLHeadingLevels as n } from "../index.js";
-import { t as h } from "./utils-eBt2zUZl.js";
-const b = /* @__PURE__ */ i({
-  name: "CLHeading",
-  __name: "CLHeading",
-  props: {
-    align: { default: L.Left },
-    bolder: { type: Boolean, default: !1 },
-    color: { default: $.Secondary },
-    level: {},
-    testId: { default: "clll-heading" },
-    truncate: { type: Boolean, default: !1 },
-    type: { default: l.Title }
-  },
-  setup(a) {
-    const e = a, t = "clll-heading", s = r(() => {
-      if (e.level) return e.level;
-      switch (e.type) {
-        case l.Section:
-          return n.H2;
-        case l.SubSection:
-          return n.H3;
-        case l.PageTitle:
-        case l.Title:
-        default:
-          return n.H1;
-      }
-    }), c = r(() => [
-      t,
-      `${t}--${e.align}`,
-      `${t}--${e.color}`,
-      `${t}--${e.truncate ? "wrap" : "nowrap"}`,
-      `${t}--${e.type}`,
-      e.bolder ? `${t}--bolder` : ""
-    ]);
-    return (d, H) => (f(), u(p(o(s)), {
-      class: g(o(c)),
-      "data-testid": a.testId,
-      style: m(o(h)({ color: a.color }))
-    }, {
-      default: C(() => [
-        y(d.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["class", "data-testid", "style"]));
-  }
-});
-export {
-  b as _
-};

package/dist/chunks/CLIcon.vue_vue_type_style_index_0_lang-Dhr2tI-g.js

@@ -1,113 +0,0 @@
-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-D00IXMTR.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/CLInputMessages.vue_vue_type_style_index_0_lang-DTWvAACK.js

@@ -1,149 +0,0 @@
-import '../assets/CLInputMessages.css';
-import { defineComponent as D, createElementBlock as w, openBlock as $, normalizeClass as y, unref as S, renderSlot as T, Fragment as q, renderList as P, normalizeStyle as G, createElementVNode as O, toDisplayString as A } from "vue";
-import { CLOrientation as z, CLMode as n, CLColorVariants as a, CLColors as F } from "../index.js";
-import { useTheme as v } from "../composables/useTheme.js";
-import { g as u } from "./utils-D00IXMTR.js";
-const f = "clll-form-field", R = /* @__PURE__ */ D({
-  __name: "CLFormField",
-  props: {
-    fluid: { type: Boolean },
-    hasPill: { type: Boolean },
-    hasCharCounter: { type: Boolean },
-    orientation: {}
-  },
-  setup(e) {
-    return (r, t) => ($(), w("div", {
-      class: y([
-        f,
-        e.fluid || e.orientation === S(z).Horizontal ? `${f}--fluid` : `${f}--fixed`,
-        e.orientation ? `${f}--${e.orientation}` : "",
-        e.hasPill ? `${f}--haspill` : "",
-        e.hasCharCounter ? `${f}--hascharcounter` : ""
-      ])
-    }, [
-      T(r.$slots, "default")
-    ], 2));
-  }
-}), j = ({ color: e, variant: r }) => {
-  const { colors: t, darkMode: o } = v(), s = o.value ? n.Dark : n.Light, c = r === a.Ghost, b = u({
-    color: e,
-    colors: t.value,
-    mode: s,
-    variant: a.Solid
-  }), l = u({
-    color: e,
-    colors: t.value,
-    mode: s,
-    variant: a.Outline
-  }), h = o.value ? "black" : "white", g = l?.border, C = l?.disabled, p = o.value ? "black" : b?.textDisabled, k = l?.focus, m = l?.focus, i = l?.text, d = l?.textDisabled, x = L();
-  return {
-    "--clll-checkbox-bg": c ? "transparent" : h ?? "white",
-    "--clll-checkbox-border": c ? "transparent" : g ?? "transparent",
-    "--clll-checkbox-disabled-border": C ?? "transparent",
-    "--clll-checkbox-disabled-bg": p ?? "transparent",
-    "--clll-checkbox-checked-bg": h ?? "white",
-    "--clll-checkbox-focus-border": k ?? "transparent",
-    "--clll-checkbox-focus-shadow": m ?? "transparent",
-    "--clll-checkbox-icon-color": i ?? "inherit",
-    "--clll-checkbox-disabled-icon-color": d ?? "transparent",
-    "--clll-checkbox-indicator-color": i ?? "inherit",
-    "--clll-checkbox-disabled-indicator-color": d ?? "transparent",
-    "--clll-checkbox-theme-radius": "var(--clll-default-radius)",
-    "--clll-checkbox-outline-width": c ? "0px" : "2px",
-    "--clll-checkbox-required-asterisk-color": x ?? "red"
-  };
-}, J = ({ color: e, variant: r }) => {
-  const { colors: t, darkMode: o } = v(), s = o.value ? n.Dark : n.Light, c = r === a.Ghost, b = u({
-    color: e,
-    colors: t.value,
-    mode: s,
-    variant: a.Solid
-  }), l = u({
-    color: e,
-    colors: t.value,
-    mode: s,
-    variant: a.Outline
-  }), h = o.value ? "black" : "white", g = o.value ? "black" : b?.textDisabled, C = l?.border, p = l?.disabled, k = o.value ? "black" : b?.textDisabled, m = l?.focus, i = l?.focus, d = l?.text, x = l?.focus, M = L();
-  return {
-    "--clll-input-bg": c ? "transparent" : h ?? "white",
-    "--clll-input-border": c ? "transparent" : C ?? "transparent",
-    "--clll-input-disabled-border": p ?? "transparent",
-    "--clll-input-disabled-bg": k ?? "transparent",
-    "--clll-input-readonly-border": p ?? "transparent",
-    "--clll-input-readonly-bg": k ?? "transparent",
-    "--clll-input-focus-border": m ?? "transparent",
-    "--clll-input-focus-shadow": i ?? "transparent",
-    "--clll-input-text": d ?? "inherit",
-    "--clll-input-text-placeholder": x ?? "transparent",
-    "--clll-input-grouped-bg": g ?? "transparent",
-    "--clll-input-prefix-suffix-color": x ?? "transparent",
-    "--clll-input-theme-radius": "var(--clll-default-radius)",
-    "--clll-input-ghost-padding": c ? "0" : void 0,
-    "--clll-input-required-asterisk-color": M ?? "red"
-  };
-}, V = ({ color: e }) => {
-  const { colors: r, darkMode: t } = v(), o = t.value ? n.Dark : n.Light;
-  return {
-    "--clll-input-message-color": u({
-      color: e,
-      colors: r.value,
-      mode: o,
-      variant: a.Outline
-    })?.textBody ?? "inherit"
-  };
-}, K = ({ color: e, variant: r }) => {
-  const { colors: t, darkMode: o } = v(), s = o.value ? n.Dark : n.Light, c = r === a.Ghost, b = u({
-    color: e,
-    colors: t.value,
-    mode: s,
-    variant: a.Solid
-  }), l = u({
-    color: e,
-    colors: t.value,
-    mode: s,
-    variant: a.Outline
-  }), h = o.value ? "black" : "white", g = l?.border, C = l?.disabled, p = o.value ? "black" : b?.textDisabled, k = l?.focus, m = l?.focus, i = l?.text, d = l?.focus, x = L();
-  return {
-    "--clll-select-bg": c ? "transparent" : h ?? "white",
-    "--clll-select-border": c ? "transparent" : g ?? "transparent",
-    "--clll-select-disabled-border": C ?? "transparent",
-    "--clll-select-disabled-bg": p ?? "transparent",
-    "--clll-select-focus-border": k ?? "transparent",
-    "--clll-select-focus-shadow": m ?? "transparent",
-    "--clll-select-text": i ?? "inherit",
-    "--clll-select-text-placeholder": d ?? "transparent",
-    "--clll-select-icon-color": i ?? "inherit",
-    "--clll-select-disabled-icon-color": d ?? "transparent",
-    "--clll-select-theme-radius": "var(--clll-default-radius)",
-    "--clll-select-ghost-padding": c ? "0" : void 0,
-    "--clll-select-required-asterisk-color": x ?? "red"
-  };
-}, L = () => {
-  const { colors: e, darkMode: r } = v();
-  return r.value ? e.value.danger?.["400"] : e.value.danger?.["700"];
-}, B = "clll-input__message", Q = /* @__PURE__ */ D({
-  __name: "CLInputMessages",
-  props: {
-    id: {},
-    messages: {},
-    messageType: { default: F.Neutral }
-  },
-  setup(e) {
-    return (r, t) => ($(!0), w(q, null, P(e.messages, (o, s) => ($(), w("span", {
-      key: `${e.id}-message-${s}`,
-      class: y([B, `${B}--${e.messageType}`]),
-      style: G(S(V)({ color: e.messageType }))
-    }, [
-      O("span", {
-        class: y([`${B}__text`])
-      }, A(o), 3)
-    ], 6))), 128));
-  }
-});
-export {
-  R as _,
-  Q as a,
-  j as c,
-  J as i,
-  K as s
-};