@codeandfunction/callaloo 3.16.7 → 3.16.8

package/dist/chunks/CLInputMessages.vue_vue_type_style_index_0_lang-Bt5xgOT4.js

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

package/dist/chunks/CLToast.vue_vue_type_style_index_0_lang-Bhat3Q9Z.js

@@ -1,182 +0,0 @@
-import { defineComponent as U, ref as v, computed as _, watch as F, onMounted as P, onUnmounted as X, onBeforeUnmount as Z, createElementBlock as C, openBlock as m, normalizeStyle as j, normalizeClass as c, unref as a, createElementVNode as g, createBlock as x, createCommentVNode as b, createVNode as k, withCtx as L, createTextVNode as z, toDisplayString as S, isRef as q } from "vue";
-import { _ as N } from "./CLButton.vue_vue_type_style_index_0_lang-CQipGQ26.js";
-import { _ as G } from "./CLIcon.vue_vue_type_style_index_0_lang-R0Nhlutc.js";
-import { _ as J } from "./CLProgress.vue_vue_type_style_index_0_lang-DVJDbuDr.js";
-import { _ as K } from "./CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js";
-import { _ as O } from "./CLHeading.vue_vue_type_style_index_0_lang-nUnSpm32.js";
-import { CLMode as R, CLColorVariants as w, CLToastPosition as Q, CLIconSizes as B, CLColors as h, CLHeadingTypes as W, CLTextTypes as I, CLSizes as A, CLIconNames as Y } from "../index.js";
-import { i as E, g as p, a as ee } from "./helper--hRjZVm6.js";
-import { useEsc as te } from "../composables/useEsc.js";
-import { g as oe } from "./utils-CS9Gz4oX.js";
-import { useTheme as ae } from "../composables/useTheme.js";
-const ie = ({ color: e, variant: t }) => {
-  const { borderRadius: $, colors: d, darkMode: l } = ae(), i = l.value ? R.Dark : R.Light, n = oe({
-    color: e,
-    colors: d.value,
-    mode: i,
-    variant: t
-  });
-  return {
-    "--clll-toast-bg-color": l.value ? "black" : "white",
-    "--clll-toast-text-color": n?.text ?? "inherit",
-    "--clll-toast-icon-bg": n?.bg ?? "transparent",
-    "--clll-toast-icon-color": n?.text ?? "inherit",
-    "--clll-toast-timer-bg": n?.textDisabled ?? "transparent",
-    "--clll-toast-theme-radius": $.value ? `var(--clll-${$.value})` : void 0
-  };
-}, se = ["data-testid"], u = 300, o = "clll-toast", ge = /* @__PURE__ */ U({
-  name: "CLToast",
-  __name: "CLToast",
-  props: {
-    actionLabel: {},
-    borderRadius: {},
-    color: { default: h.Secondary },
-    dismissTimer: { default: 5 },
-    icon: {},
-    iconSize: { default: B.Small },
-    message: {},
-    onAction: {},
-    onDismiss: {},
-    position: { default: Q.TopRight },
-    rounded: { type: Boolean, default: !0 },
-    testId: { default: "clll-toast" },
-    title: {},
-    variant: { default: w.Soft },
-    width: { default: "24rem" }
-  },
-  setup(e) {
-    const t = e, $ = v(), d = v(100), l = v(!1), i = v(), n = v(0), D = _(() => [
-      o,
-      t.borderRadius ? `${o}--${t.borderRadius}` : "",
-      t.dismissTimer ? `${o}--has-timer` : "",
-      t.icon ? `${o}--has-icon` : "",
-      t.message && !t.title ? `${o}--has-messageonly` : "",
-      l.value ? `${o}--mounted` : "",
-      t.onAction && t.actionLabel ? `${o}--has-action` : "",
-      t.rounded ? `${o}--rounded` : `${o}--box`,
-      t.title && !t.message ? `${o}--has-titleonly` : "",
-      t.title && t.message ? `${o}--has-titleandmessage` : "",
-      `${o}--${t.position}`
-    ]), y = () => {
-      l.value = !1, i.value && (i.value.stop(), i.value.start(u, (r) => {
-        Math.min(r, u) === u && (i.value?.stop(), t.onDismiss?.());
-      })), V();
-    }, H = () => {
-      const r = t.dismissTimer * 1e3, s = r / 100;
-      i.value?.start(r, (f) => {
-        const T = Math.min(f / 100, s);
-        d.value = 100 - T / s * 100, T === s && y();
-      });
-    }, M = () => {
-      i.value || (i.value = ee(), i.value.start(100, (r) => {
-        Math.min(r, 100) === 100 && (i.value?.stop(), l.value = !0, t?.dismissTimer && i.value?.start(u, (f) => {
-          Math.min(f, u) === u && (i.value?.stop(), H());
-        }));
-      }));
-    };
-    F(t, () => {
-      i.value && (i.value.stop(), i.value = void 0), t?.dismissTimer && M();
-    }), P(() => {
-      E && (n.value = p() + 1, M());
-    }), X(() => {
-      E && t?.dismissTimer && i.value && (i.value.stop(), i.value = void 0), l.value = !1, t.onDismiss?.();
-    });
-    const { clearEventListeners: V } = te({ escHandler: y });
-    return Z(() => {
-      V();
-    }), (r, s) => (m(), C("output", {
-      ref_key: "elem",
-      ref: $,
-      class: c(a(D)),
-      "data-testid": e.testId,
-      style: j({ zIndex: a(n), "--clll-toast-width": e.width, ...a(ie)({ color: e.color, variant: e.variant }) })
-    }, [
-      g("div", {
-        class: c(`${o}__body`)
-      }, [
-        g("div", {
-          class: c(`${o}__content`)
-        }, [
-          e.icon ? (m(), C("div", {
-            key: 0,
-            class: c(`${o}__icon`)
-          }, [
-            k(a(G), {
-              name: e.icon,
-              size: e.iconSize
-            }, null, 8, ["name", "size"])
-          ], 2)) : b("", !0),
-          g("div", {
-            class: c(`${o}__text`)
-          }, [
-            e.title ? (m(), x(a(O), {
-              key: 0,
-              color: a(h).Neutral,
-              "test-id": `${o}__title`,
-              type: a(W).Section
-            }, {
-              default: L(() => [
-                z(S(e.title), 1)
-              ]),
-              _: 1
-            }, 8, ["color", "test-id", "type"])) : b("", !0),
-            e.message ? (m(), x(a(K), {
-              key: 1,
-              color: a(h).Neutral,
-              "test-id": `${o}__message`,
-              type: e.title ? a(I).Medium : a(I).Body
-            }, {
-              default: L(() => [
-                z(S(e.message), 1)
-              ]),
-              _: 1
-            }, 8, ["color", "test-id", "type"])) : b("", !0)
-          ], 2),
-          e.onAction && e.actionLabel ? (m(), C("div", {
-            key: 1,
-            class: c(`${o}__action-button`)
-          }, [
-            k(a(N), {
-              color: e.color,
-              "border-radius": e.borderRadius,
-              "on-click": e.onAction,
-              "test-id": `${o}__action-button`,
-              variant: e.variant
-            }, {
-              default: L(() => [
-                z(S(e.actionLabel), 1)
-              ]),
-              _: 1
-            }, 8, ["color", "border-radius", "on-click", "test-id", "variant"])
-          ], 2)) : b("", !0)
-        ], 2),
-        g("div", {
-          class: c(`${o}__dismiss-button`)
-        }, [
-          k(a(N), {
-            "aria-label": "Dismiss toast",
-            color: a(h).Neutral,
-            "border-radius": e.borderRadius,
-            "icon-before": a(Y).Delete,
-            "icon-size": a(B).Tiny,
-            "on-click": y,
-            size: a(A).Tiny,
-            "test-id": `${o}__dismiss-button`,
-            variant: a(w).Text
-          }, null, 8, ["color", "border-radius", "icon-before", "icon-size", "size", "test-id", "variant"])
-        ], 2)
-      ], 2),
-      e.dismissTimer ? (m(), x(a(J), {
-        key: 0,
-        modelValue: a(d),
-        "onUpdate:modelValue": s[0] || (s[0] = (f) => q(d) ? d.value = f : null),
-        color: e.color,
-        rounded: !1,
-        size: a(A).Small
-      }, null, 8, ["modelValue", "color", "size"])) : b("", !0)
-    ], 14, se));
-  }
-});
-export {
-  ge as _
-};

package/dist/chunks/utils-CAV1sBee.js

@@ -1,24 +0,0 @@
-import { CLMode as l, CLColors as t, CLColorVariants as n } from "../index.js";
-import { g as c } from "./utils-CS9Gz4oX.js";
-import { useTheme as a } from "../composables/useTheme.js";
-const g = () => {
-  const { borderRadius: o, darkMode: r } = a();
-  return {
-    "--clll-skeleton-bg-color": r.value ? "rgba(0 0 0 / 0.005)" : "rgba(0 0 0 / 0.075)",
-    "--clll-skeleton-theme-radius": o.value ? `var(--clll-${o.value})` : void 0
-  };
-}, k = ({ color: o = t.Primary }) => {
-  const { colors: r, darkMode: e } = a(), s = e.value ? l.Dark : l.Light;
-  return {
-    "--clll-spinner-color": c({
-      color: o,
-      colors: r.value,
-      mode: s,
-      variant: n.Solid
-    })?.bg ?? "inherit"
-  };
-};
-export {
-  k as a,
-  g as s
-};

package/dist/chunks/utils-Sqgt8Fa4.js

@@ -1,85 +0,0 @@
-import { CLMode as t, CLColorVariants as d, CLColors as b } from "../index.js";
-import { g as p } from "./utils-CS9Gz4oX.js";
-import { useTheme as u } from "../composables/useTheme.js";
-const v = ({
-  color: a = b.Primary,
-  variant: r
-}) => {
-  const { borderRadius: o, colors: e, darkMode: n } = u(), s = n.value ? t.Dark : t.Light, l = r === d.Outline, i = p({
-    color: a,
-    colors: e.value,
-    mode: s,
-    variant: r
-  });
-  return {
-    "--clll-badge-bg-color": i?.bg ?? "transparent",
-    "--clll-badge-border-color": l ? i?.border ?? "transparent" : "transparent",
-    "--clll-badge-border-style": l ? "solid" : "none",
-    "--clll-badge-border-width": l ? "1px" : "0",
-    "--clll-badge-text-color": i?.text ?? "inherit",
-    "--clll-badge-theme-radius": o.value ? `var(--clll-${o.value})` : void 0
-  };
-}, x = ({
-  color: a = b.Primary,
-  variant: r
-}) => {
-  const { borderRadius: o, colors: e, darkMode: n } = u(), s = n.value ? t.Dark : t.Light, l = p({
-    color: a,
-    colors: e.value,
-    mode: s,
-    variant: r
-  });
-  return {
-    "--clll-banner-bg-color": l?.bg ?? "transparent",
-    "--clll-banner-border-color": l?.focus ?? "transparent",
-    "--clll-banner-text-color": l?.text ?? "inherit",
-    "--clll-banner-theme-radius": o.value ? `var(--clll-${o.value})` : void 0
-  };
-}, k = ({
-  color: a = b.Primary,
-  variant: r
-}) => {
-  const { borderRadius: o, colors: e, darkMode: n } = u(), s = n.value ? t.Dark : t.Light, l = r === d.Outline, i = r === d.Ghost, c = p({
-    color: a,
-    colors: e.value,
-    mode: s,
-    variant: r
-  });
-  return {
-    "--clll-pill-bg-color": c?.bg ?? "transparent",
-    "--clll-pill-border-color": l ? c?.border ?? "transparent" : "transparent",
-    "--clll-pill-border-style": l ? "solid" : "none",
-    "--clll-pill-border-width": l ? "1px" : "0",
-    "--clll-pill-text-color": c?.text ?? "inherit",
-    "--clll-pill-hover-bg": c?.bg ?? "transparent",
-    "--clll-pill-count-bg": !l && !i ? c?.hover ?? "transparent" : "transparent",
-    "--clll-pill-count-border-style": l ? "solid" : "none",
-    "--clll-pill-count-border-color": l ? c?.border ?? "transparent" : "transparent",
-    "--clll-pill-count-border-width": l ? "1px" : "0",
-    "--clll-pill-theme-radius": o.value ? `var(--clll-${o.value})` : void 0
-  };
-}, C = ({
-  color: a = b.Primary
-}) => {
-  const { colors: r, darkMode: o } = u(), e = o.value ? t.Dark : t.Light, n = p({
-    color: a,
-    colors: r.value,
-    mode: e,
-    variant: d.Solid
-  });
-  return {
-    "--clll-progress-container-bg": p({
-      color: b.Neutral,
-      colors: r.value,
-      mode: e,
-      variant: d.Solid
-    })?.disabled ?? "transparent",
-    "--clll-progress-bar-bg": n?.bg ?? "transparent"
-  };
-};
-export {
-  C as a,
-  v as b,
-  x as c,
-  k as p
-};

package/dist/chunks/utils-cOhtsyeB.js

@@ -1,41 +0,0 @@
-import { CLMode as e, CLColorVariants as c } from "../index.js";
-import { g as d } from "./utils-CS9Gz4oX.js";
-import { useTheme as b } from "../composables/useTheme.js";
-const h = ({ color: a }) => {
-  const { borderRadius: t, colors: l, darkMode: n } = b(), s = n.value ? e.Dark : e.Light, r = d({
-    color: a,
-    colors: l.value,
-    mode: s,
-    variant: c.Solid
-  });
-  return {
-    "--clll-a11y-button-outline-color": r?.focus ?? "transparent",
-    "--clll-a11y-button-border-color": r?.focus ?? "transparent",
-    "--clll-a11y-button-shadow-color": r?.shadow ?? "transparent",
-    "--clll-a11y-button-theme-radius": t.value ? `var(--clll-${t.value})` : void 0
-  };
-}, m = ({
-  color: a,
-  variant: t = c.Soft
-}) => {
-  const { borderRadius: l, colors: n, darkMode: s } = b(), r = s.value ? e.Dark : e.Light, u = t === c.Outline, o = d({
-    color: a,
-    colors: n.value,
-    mode: r,
-    variant: t
-  });
-  return {
-    "--clll-button-text-color": o?.text ?? "inherit",
-    "--clll-button-bg-color": o?.bg ?? "transparent",
-    "--clll-button-border-color": u ? o?.border ?? "transparent" : "transparent",
-    "--clll-button-hover-bg": o?.hover ?? "transparent",
-    "--clll-button-hover-border": u ? o?.borderHover ?? "transparent" : "transparent",
-    "--clll-button-focus-border": o?.focus ?? "transparent",
-    "--clll-button-focus-shadow": o?.shadow ?? "transparent",
-    "--clll-button-theme-radius": l.value ? `var(--clll-${l.value})` : void 0
-  };
-};
-export {
-  h as a,
-  m as b
-};

package/dist/chunks/utils-zJwcNHl4.js

@@ -1,37 +0,0 @@
-import { CLMode as t, CLColorVariants as n } from "../index.js";
-import { g as u } from "./utils-CS9Gz4oX.js";
-import { useTheme as i } from "../composables/useTheme.js";
-const b = ({ color: s, variant: o }) => {
-  const { borderRadius: l, colors: c, darkMode: a } = i(), d = a.value ? t.Dark : t.Light, e = o === n.Ghost, r = u({
-    color: s,
-    colors: c.value,
-    mode: d,
-    variant: o
-  });
-  return {
-    "--clll-card-border-color": e ? "transparent" : r?.border ?? "transparent",
-    "--clll-card-bg-color": r?.bg ?? "transparent",
-    "--clll-card-image-bg": r?.bg ?? "transparent",
-    "--clll-card-text-color": r?.text ?? "inherit",
-    "--clll-card-focus-border": r?.focus ?? "transparent",
-    "--clll-card-focus-shadow": r?.shadow ?? "transparent",
-    "--clll-card-theme-radius": l.value ? `var(--clll-${l.value})` : void 0
-  };
-}, v = ({ color: s, variant: o }) => {
-  const { borderRadius: l, colors: c, darkMode: a } = i(), d = a.value ? t.Dark : t.Light, e = o === n.Ghost, r = u({
-    color: s,
-    colors: c.value,
-    mode: d,
-    variant: o
-  });
-  return {
-    "--clll-disclosure-border-color": e ? "transparent" : r?.focus ?? "transparent",
-    "--clll-disclosure-text-color": r?.text ?? "inherit",
-    "--clll-disclosure-content-border": e ? "transparent" : r?.focus ?? "transparent",
-    "--clll-disclosure-theme-radius": l.value ? `var(--clll-${l.value})` : void 0
-  };
-};
-export {
-  b as c,
-  v as d
-};