@codeandfunction/callaloo 3.16.4 → 3.16.6

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

@@ -1,121 +0,0 @@
-import { defineComponent as G, createElementBlock as W, openBlock as R, normalizeClass as O, unref as E, renderSlot as N, Fragment as A, renderList as H, createElementVNode as I, toDisplayString as j } from "vue";
-import { CLOrientation as J, CLMode as x, CLColorVariants as n, CLColors as K } from "../index.js";
-import { useTheme as L } from "../composables/useTheme.js";
-import { g as w, c as r, b as q, f as M, a as S } from "./utils-Bf54TEIp.js";
-const B = "clll-form-field", m = /* @__PURE__ */ G({
-  __name: "CLFormField",
-  props: {
-    fluid: { type: Boolean },
-    hasPill: { type: Boolean },
-    hasCharCounter: { type: Boolean },
-    orientation: {}
-  },
-  setup(e) {
-    return (l, s) => (R(), W("div", {
-      class: O([
-        B,
-        e.fluid || e.orientation === E(J).Horizontal ? `${B}--fluid` : `${B}--fixed`,
-        e.orientation ? `${B}--${e.orientation}` : "",
-        e.hasPill ? `${B}--haspill` : "",
-        e.hasCharCounter ? `${B}--hascharcounter` : ""
-      ])
-    }, [
-      N(l.$slots, "default")
-    ], 2));
-  }
-}), ll = ({
-  color: e,
-  component: l,
-  disabled: s,
-  variant: a
-}) => {
-  const { borderRadius: c, colors: b, darkMode: f } = L(), h = f.value ? x.Dark : x.Light, i = w({
-    color: e,
-    colors: b.value,
-    mode: h,
-    variant: n.Solid
-  }), d = w({
-    color: e,
-    colors: b.value,
-    mode: h,
-    variant: n.Outline
-  }), t = f.value ? "black" : "white", $ = a === n.Ghost ? "transparent" : d?.border, y = d?.disabled, u = f.value ? "black" : i?.textDisabled, g = d?.focus, C = d?.focus, _ = a === n.Ghost ? "0px" : "2px", k = d?.text, v = d?.textDisabled;
-  let o, p, D;
-  c.value && (o = r`&:not([class*='clll-${l}--rounded-']){&.clll-${l}.clll-${l}--rounded .clll-${l}__${l}{border-radius:var(--clll-${c.value});}&.clll-${l}.clll-${l}--rounded{.clll-radiobutton__indicator{border-radius:var(--clll-${c.value});}}}`), s && (p = r`.clll-${l}__${l}-container{.clll-${l}__label{cursor:not-allowed;.clll-${l}__${l}{&:disabled{&:checked{background-color:${u};}}}}}&.clll-${l}--disabled{.clll-${l}__label{.clll-${l}__${l}-frame{.clll-${l}__icon{color:${v};}.clll-radiobutton__indicator{background-color:${v};}}}`);
-  const T = r`&.clll-${l}--haslabel{.clll-${l}__label{.clll-text{&.clll-${l}__label--required::after{${z()}}}}}.clll-${l}__${l}-container{.clll-${l}__label{.clll-${l}__${l}-frame{.clll-${l}__icon{color:${k};}.clll-radiobutton__indicator{background-color:${k};}.clll-${l}__${l}{${M({ borderColor: $, shadowColor: C, outlineWidth: _, outlineColor: g, shadowWidth: "--clll-unit-0" })}&:checked{background-color:${t};${s ? M({ borderColor: y, shadowColor: C, outlineWidth: _, outlineColor: g, shadowWidth: "--clll-unit-0" }) : ""}}}}}}.clll-${l}__${l}{${q({ backgroundColor: t, borderColor: $ })}}`;
-  return S(T, o, p, D);
-}, el = ({
-  color: e,
-  component: l,
-  disabled: s,
-  readonly: a,
-  variant: c
-}) => {
-  const { borderRadius: b, colors: f, darkMode: h } = L(), i = h.value ? x.Dark : x.Light, d = w({
-    color: e,
-    colors: f.value,
-    mode: i,
-    variant: n.Solid
-  }), t = w({
-    color: e,
-    colors: f.value,
-    mode: i,
-    variant: n.Outline
-  }), $ = h.value ? "black" : "white", y = h.value ? "black" : d?.textDisabled, u = t?.border, g = t?.disabled, C = h.value ? "black" : d?.textDisabled, _ = t?.focus, k = t?.focus, v = t?.text, o = t?.focus;
-  let p, D, T, F;
-  b.value && (p = r`&:not([class*='clll-${l}--rounded-']){.clll-${l}.clll-${l}--rounded,.clll-${l}__input-container,&.clll-${l}.clll-${l}--rounded .clll-${l}__input{border-radius:var(--clll-${b.value})}}&.clll-${l}--hascustomprefix,&.clll-${l}--hascustomsuffix,&.clll-input--hasiconprefix,&.clll-input--hasiconsuffix,{&.clll-${l}.clll-${l}--rounded{.clll-${l}__input-container{overflow:hidden;.clll-${l}__input-border-control{.clll-${l}__input{border-radius:0}}}}}`), s && (D = r`&.clll-${l}--disabled{cursor:default;.clll-${l}__input-container{border-color:${g};.clll-${l}__input{&:disabled{border-color:${g};background-color:${C};color:${o};&::placeholder{color:${o};}}}}}`), a && (T = r`&.clll-${l}--readonly{cursor:not-allowed;.clll-${l}__input-container{border-color:${g};pointer-events:none;.clll-${l}__input{&:read-only{border-color:${g};background-color:${C};color:${o};&::placeholder{color:${o};}}}}}`), c === n.Ghost && (F = r`&.clll-${l}{&.clll-${l}--ghost,&.clll-input.clll-input--rounded.clll-${l}--ghost{.clll-${l}__input-container,.clll-${l}__input{background-color:#fff0;border:0;padding:0;border-radius:0;&:focus,&:focus-within{outline:none;}}}}&.clll-${l}--grouped{background-color:#fff0;border:0}`);
-  const V = r`&.clll-${l}--haslabel{.clll-${l}__label{.clll-text{&.clll-${l}__label--required::after{${z()}}}}}.clll-${l}__input-container{background-color:${$};border-color:${u};.clll-${l}__input{${q({ backgroundColor: $, borderColor: u, placeholderColor: o })}${M({ borderColor: _, shadowColor: k, outlineWidth: "2px", shadowWidth: "--clll-unit-0" })}color:${v}}}&.clll-input--hascustomprefix,&.clll-input--hascustomsuffix,&.clll-input--hasiconprefix,&.clll-input--hasiconsuffix,&.clll-input--grouped,&.clll-input--hascharcounter{.clll-${l}__input-container{border-color:${u};border-style:solid;border-width:1px;&:focus-within{outline-color:${_};outline-style:solid;outline-width:2px}.clll-input__input{border:0;outline:none;&:focus{outline:none;box-shadow:none}}}&:not(.clll-input--ghost){.clll-${l}__input-container{&:focus-within{outline-offset:-1px}}}}.clll-${l}__input-prefix,.clll-${l}__input-suffix,.clll-icon{color:${o}}&.clll-input--grouped{.clll-${l}__input-prefix,.clll-${l}__input-suffix,.clll-${l}__char-counter{background-color:${y};color:${o};.clll-icon{color:${o}}}}&.clll-input--file{.clll-input__input-container{.clll-input__input{&::file-selector-button{background-color:${y}}}}}&.clll-input--color{.clll-input__input-container{.clll-input__input-border-control{border-color:${u};border-style:solid;border-width:2px}}&.clll-input--danger{.clll-input__input-border-control{border-color:${u};border-style:solid;border-width:2px}}&.clll-input--warning{.clll-input__input-border-control{border-color:${u};border-style:solid;border-width:2px}}&.clll-input--success{.clll-input__input-border-control{border-color:${u};border-style:solid;border-width:2px}}&.clll-input--disabled{background-color:${$}}&.clll-input--readonly{background-color:${$}}}&.clll-${l}--hascharcounter{.clll-${l}__char-counter{color:${o}}}`;
-  return S(V, p, D, T, F);
-}, Q = ({ color: e }) => {
-  const { colors: l, darkMode: s } = L(), a = s.value ? x.Dark : x.Light, c = w({
-    color: e,
-    colors: l.value,
-    mode: a,
-    variant: n.Outline
-  });
-  return S(r`&.clll-input__message--${e}{color:${c?.textBody};}`);
-}, ol = ({ color: e, disabled: l, variant: s }) => {
-  const { borderRadius: a, colors: c, darkMode: b } = L(), f = b.value ? x.Dark : x.Light, h = w({
-    color: e,
-    colors: c.value,
-    mode: f,
-    variant: n.Solid
-  }), i = w({
-    color: e,
-    colors: c.value,
-    mode: f,
-    variant: n.Outline
-  }), d = b.value ? "black" : "white", t = i?.border, $ = i?.disabled, y = b.value ? "black" : h?.textDisabled, u = i?.focus, g = i?.focus, C = i?.text, _ = i?.focus;
-  let k, v, o;
-  a.value && (k = r`&:not([class*='clll-select--rounded-']){&.clll-select.clll-select--rounded,.clll-select__select-container,&.clll-select.clll-select--rounded .clll-select__select{border-radius:var(--clll-${a.value});}}`), l && (v = r`&.clll-select--disabled{cursor:default;.clll-select__select-container{border-color:${$};.clll-select__select{&:disabled{border-color:${$};background-color:${y};color:${_};&::placeholder{color:${_};}}}}.clll-select__icon{.clll-icon{color:${_};}}}`), s === n.Ghost && (o = r`&.clll-select{&.clll-select--ghost,&.clll-select.clll-select--rounded.clll-select--ghost, .clll-select__select-container, &.clll-select.clll-select--rounded .clll-select__select{.clll-select__select-container,.clll-select__select{background-color:#fff0;border:0;padding-left:0;padding-top:0;padding-bottom:0;border-radius:0;&:focus{outline:none;}}}}`);
-  const p = r`&.clll-select--haslabel{.clll-select__label{text-align:left;.clll-text{&.clll-select__label--required::after{${z()}}}}}.clll-select__select-container{border-color:${t};.clll-select__select{${q({ backgroundColor: d, borderColor: t, placeholderColor: _ })}${M({ borderColor: u, shadowColor: g, outlineWidth: "2px", shadowWidth: "--clll-unit-0" })}color:${C};}.clll-select__icon{.clll-icon{color:${C};}}}
-  `;
-  return S(p, k, v, o);
-}, z = () => {
-  const { colors: e, darkMode: l } = L();
-  return `position:relative;top:var(--clll-unit-1);content:'*';font-size:var(--clll-unit-4_5);font-weight:500;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;color:${l.value ? e.value.danger?.["400"] : e.value.danger?.["700"]};text-decoration:unset;margin-inline-start:var(--clll-unit-0_5);box-sizing:content-box;line-height:0;`;
-}, P = "clll-input__message", rl = /* @__PURE__ */ G({
-  __name: "CLInputMessages",
-  props: {
-    id: {},
-    messages: {},
-    messageType: { default: K.Neutral }
-  },
-  setup(e) {
-    return (l, s) => (R(!0), W(A, null, H(e.messages, (a, c) => (R(), W("span", {
-      key: `${e.id}-message-${c}`,
-      class: O([P, `${P}--${e.messageType}`, E(Q)({ color: e.messageType })])
-    }, [
-      I("span", {
-        class: O([`${P}__text`])
-      }, j(a), 3)
-    ], 2))), 128));
-  }
-});
-export {
-  m as _,
-  rl as a,
-  ll as c,
-  el as i,
-  ol as s
-};

package/dist/chunks/CLLink.vue_vue_type_style_index_0_lang-RAFpWIR2.js

@@ -1,60 +0,0 @@
-import { defineComponent as x, computed as C, createElementBlock as k, openBlock as d, normalizeClass as b, unref as l, renderSlot as L, createBlock as $, createCommentVNode as g } from "vue";
-import { _ as h } from "./CLIcon.vue_vue_type_style_index_0_lang-B_341q_b.js";
-import { CLMode as u, CLColors as m, CLColorVariants as v, CLLinkTarget as y, CLIconSizes as B, CLIconNames as p } from "../index.js";
-import { g as w, a as z, f as I, c as T } from "./utils-Bf54TEIp.js";
-import { useTheme as D } from "../composables/useTheme.js";
-const H = ({
-  color: e = m.Primary,
-  underline: o = !0
-}) => {
-  const { colors: r, darkMode: n } = D(), a = n.value ? u.Dark : u.Light, t = w({
-    color: e,
-    colors: r.value,
-    mode: a,
-    variant: v.Outline
-  }), i = t?.border, f = t?.textDisabled, c = t?.textBody, s = n.value ? t?.borderHover : t?.textDisabled;
-  return z(T`text-decoration-line:underline;text-decoration-color:${o ? i : "transparent"};display:inline-flex;align-items:center;transition: color 200ms linear, text-decoration-color 200ms linear;color:${c};font-weight:500;background-color:transparent;padding:0;border:0;.clll-text{color:${c};}&:hover{text-decoration-color:${o ? f : "transparent"};background-color:transparent;color:${s};.clll-text{color:${s};}}${I({ borderColor: c ?? "transparent", shadowColor: t?.shadow ?? "transparent", outlineOffset: "2px", shadowWidth: "--clll-unit-0" })}`);
-}, S = ["aria-label", "data-testid", "href", "rel", "target"], P = /* @__PURE__ */ x({
-  name: "CLLink",
-  __name: "CLLink",
-  props: {
-    ariaLabel: {},
-    color: { default: m.Primary },
-    external: { type: Boolean, default: !1 },
-    href: {},
-    onClick: {},
-    rel: { default: "noreferrer noopener" },
-    target: { default: y.Self },
-    testId: { default: "clll-link" },
-    underline: { type: Boolean, default: !0 }
-  },
-  setup(e) {
-    const o = e, r = "clll-link", n = C(() => [
-      r,
-      `${r}--${o.color}`,
-      `${r}--${o.external ? "external" : "internal"}`,
-      o.underline ? `${r}--underline` : `${r}--nounderline`
-    ]);
-    return (a, t) => (d(), k("a", {
-      "aria-label": e.ariaLabel,
-      class: b([l(n), l(H)({ color: e.color, underline: e.underline })]),
-      "data-testid": e.testId,
-      href: e.href,
-      rel: e.external ? e.rel : "",
-      target: e.target,
-      onClick: t[0] || (t[0] = //@ts-ignore
-      (...i) => e.onClick && e.onClick(...i))
-    }, [
-      L(a.$slots, "default"),
-      e.external ? (d(), $(l(h), {
-        key: 0,
-        color: e.color,
-        name: l(p).ExternalLink,
-        size: l(B).Tiny
-      }, null, 8, ["color", "name", "size"])) : g("", !0)
-    ], 10, S));
-  }
-});
-export {
-  P as _
-};

package/dist/chunks/CLPill.vue_vue_type_style_index_0_lang-UKMQXfI-.js

@@ -1,88 +0,0 @@
-import { defineComponent as v, computed as d, createElementBlock as i, openBlock as t, Fragment as y, createCommentVNode as o, createBlock as u, normalizeClass as c, unref as a, createElementVNode as s, toDisplayString as r, withCtx as h } from "vue";
-import { _ as b } from "./CLButton.vue_vue_type_style_index_0_lang--MP4S4D4.js";
-import { _ as m } from "./CLIcon.vue_vue_type_style_index_0_lang-B_341q_b.js";
-import { CLColorVariants as z, CLColors as B, CLIconSizes as $ } from "../index.js";
-import { p as f } from "./utils-_aITYXfA.js";
-const L = ["data-testid"], E = /* @__PURE__ */ v({
-  name: "CLPill",
-  __name: "CLPill",
-  props: {
-    color: { default: B.Neutral },
-    count: {},
-    elevated: { type: Boolean, default: !1 },
-    icon: {},
-    label: {},
-    onClick: {},
-    rounded: { type: Boolean, default: !0 },
-    testId: { default: "clll-pill" },
-    variant: { default: z.Soft }
-  },
-  setup(e) {
-    const l = e, n = "clll-pill", C = d(() => [
-      n,
-      `${n}--${l.color}--${l.variant}`,
-      l.count ? `${n}--has-count` : "",
-      l.elevated ? `${n}--elevated` : "",
-      l.icon ? `${n}--has-icon` : `${n}--has-noicon`,
-      l.rounded ? `${n}--rounded` : ""
-    ]), k = d(() => [
-      n,
-      `${n}--clickable`,
-      `${n}--${l.color}--${l.variant}`,
-      l.count ? `${n}--has-count` : "",
-      l.icon ? `${n}--has-icon` : `${n}--has-noicon`,
-      l.rounded ? `${n}--rounded` : ""
-    ]);
-    return (x, I) => (t(), i(y, null, [
-      e.onClick ? o("", !0) : (t(), i("div", {
-        key: 0,
-        class: c([a(C), a(f)({ color: e.color, variant: e.variant })]),
-        "data-testid": e.testId
-      }, [
-        e.icon ? (t(), u(a(m), {
-          key: 0,
-          name: e.icon,
-          size: a($).Tiny
-        }, null, 8, ["name", "size"])) : o("", !0),
-        s("span", {
-          class: c(`${n}__label`)
-        }, r(e.label), 3),
-        e.count ? (t(), i("span", {
-          key: 1,
-          class: c(`${n}__count`)
-        }, r(e.count), 3)) : o("", !0)
-      ], 10, L)),
-      e.onClick ? (t(), u(a(b), {
-        key: 1,
-        color: e.color,
-        "on-click": e.onClick,
-        variant: e.variant,
-        pill: "",
-        rounded: e.rounded
-      }, {
-        default: h(() => [
-          s("div", {
-            class: c([a(k), a(f)({ color: e.color, variant: e.variant })])
-          }, [
-            e.icon ? (t(), u(a(m), {
-              key: 0,
-              name: e.icon,
-              size: a($).Tiny
-            }, null, 8, ["name", "size"])) : o("", !0),
-            s("span", {
-              class: c(`${n}__label`)
-            }, r(e.label), 3),
-            e.count ? (t(), i("span", {
-              key: 1,
-              class: c(`${n}__count`)
-            }, r(e.count), 3)) : o("", !0)
-          ], 2)
-        ]),
-        _: 1
-      }, 8, ["color", "on-click", "variant", "rounded"])) : o("", !0)
-    ], 64));
-  }
-});
-export {
-  E as _
-};

package/dist/chunks/CLProgress.vue_vue_type_style_index_0_lang-BMozy0NJ.js

@@ -1,65 +0,0 @@
-import { defineComponent as p, mergeModels as _, useCssVars as $, useModel as C, computed as d, createElementBlock as n, openBlock as c, normalizeClass as s, unref as t, createCommentVNode as v, createElementVNode as a, createVNode as y, withCtx as g, createTextVNode as V, toDisplayString as x } from "vue";
-import { _ as N } from "./CLText.vue_vue_type_style_index_0_lang-CG6043pv.js";
-import { CLTextTypes as B, CLColors as u, CLSizes as L } from "../index.js";
-import { a as b } from "./utils-_aITYXfA.js";
-const h = ["data-testid"], S = /* @__PURE__ */ p({
-  name: "CLProgress",
-  __name: "CLProgress",
-  props: /* @__PURE__ */ _({
-    color: { default: u.Primary },
-    inverted: { type: Boolean, default: !1 },
-    rounded: { type: Boolean, default: !0 },
-    size: { default: L.Medium },
-    status: { type: Boolean, default: !1 },
-    testId: { default: "clll-progress" }
-  }, {
-    modelValue: { type: Number, default: 0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(o) {
-    $((f) => ({
-      v70fa21a0: l.value
-    }));
-    const r = o, l = C(o, "modelValue"), e = "clll-progress", i = d(() => [
-      e,
-      `${e}--${r.color}`,
-      `${e}--${r.size}`,
-      r.inverted ? `${e}--inverted` : "",
-      r.rounded ? `${e}--rounded` : `${e}--not-rounded`
-    ]), m = d(() => `${l.value}%`);
-    return (f, z) => (c(), n("div", {
-      class: s([t(i), t(b)({ color: o.color })]),
-      "data-testid": o.testId
-    }, [
-      o.status ? (c(), n("div", {
-        key: 0,
-        class: s(`${e}__status__container`)
-      }, [
-        a("div", {
-          class: s(`${e}__status__label`)
-        }, [
-          y(t(N), {
-            color: t(u).Neutral,
-            type: t(B).Summary
-          }, {
-            default: g(() => [
-              V(x(t(m)), 1)
-            ]),
-            _: 1
-          }, 8, ["color", "type"])
-        ], 2)
-      ], 2)) : v("", !0),
-      a("div", {
-        class: s(`${e}__bar-container`)
-      }, [
-        a("div", {
-          class: s(`${e}__bar`)
-        }, null, 2)
-      ], 2)
-    ], 10, h));
-  }
-});
-export {
-  S as _
-};

package/dist/chunks/CLSkeleton.vue_vue_type_style_index_0_lang-C82FyxKt.js

@@ -1,33 +0,0 @@
-import { defineComponent as a, useCssVars as r, computed as i, createElementBlock as u, openBlock as c, normalizeClass as m, unref as n, createElementVNode as f } from "vue";
-import { s as p } from "./utils-DPwEOLZc.js";
-const k = ["data-testid"], _ = /* @__PURE__ */ a({
-  name: "CLSkeleton",
-  __name: "CLSkeleton",
-  props: {
-    borderRadius: {},
-    height: { default: "100%" },
-    rounded: { type: Boolean, default: !0 },
-    testId: { default: "clll-skeleton" },
-    width: { default: "100%" }
-  },
-  setup(o) {
-    r((s) => ({
-      v168f558d: s.width,
-      bce73b80: s.height
-    }));
-    const t = o, e = "clll-skeleton", d = i(() => [
-      e,
-      t.borderRadius ? `${e}--${t.borderRadius}` : "",
-      t.rounded ? `${e}--rounded` : `${e}--square`
-    ]);
-    return (s, l) => (c(), u("div", {
-      class: m([n(d), n(p)()]),
-      "data-testid": o.testId
-    }, [...l[0] || (l[0] = [
-      f("div", { class: "clll-skeleton__animation" }, null, -1)
-    ])], 10, k));
-  }
-});
-export {
-  _
-};

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

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

package/dist/chunks/utils-B_htczw5.js

@@ -1,30 +0,0 @@
-import { CLMode as c, CLColorVariants as n } from "../index.js";
-import { g as b, c as d, a as h, f as p } from "./utils-Bf54TEIp.js";
-import { useTheme as g } from "../composables/useTheme.js";
-const $ = ({ color: t, variant: r }) => {
-  const { borderRadius: o, colors: a, darkMode: u } = g(), i = u.value ? c.Dark : c.Light, s = r === n.Ghost, l = b({
-    color: t,
-    colors: a.value,
-    mode: i,
-    variant: r
-  });
-  let e;
-  return o.value && (e = d`&:not([class*='clll-card--rounded-']){&.clll-card.clll-card--rounded{border-radius:var(--clll-${o.value})}}`), h(
-    d`border-color:${s ? "transparent" : l?.border};background-color:${l?.bg};&.clll-card--has-link{${p({ borderColor: l?.focus, shadowColor: l?.shadow, outlineOffset: "2px", shadowWidth: "--clll-unit-0" })}}.clll-card__image{background-color:${l?.bg}}.clll-card__heading,.clll-card__byline{color:${l?.text}}`,
-    e
-  );
-}, v = ({ color: t, variant: r }) => {
-  const { borderRadius: o, colors: a, darkMode: u } = g(), i = u.value ? c.Dark : c.Light, s = r === n.Ghost, l = b({
-    color: t,
-    colors: a.value,
-    mode: i,
-    variant: r
-  });
-  let e;
-  return o.value && (e = d`&:not([class*='clll-disclosure--rounded-']){&.clll-disclosure.clll-disclosure--rounded{border-radius:var(--clll-${o.value});.clll-disclosure__trigger{.clll-button.clll-button--rounded{border-radius:var(--clll-${o.value})}}}}
-    `), h(d`border-color:${s ? "transparent" : l?.focus};border-style:solid;border-width:1px;.clll-disclosure__heading{.clll-heading,.clll-text{color:${l?.text};}}.clll-disclosure__content{border-top-width:1px;border-top-style:solid;border-top-color:${s ? "transparent" : l?.focus};}.clll-disclosure__trigger{.clll-button{border:0;}}`, e);
-};
-export {
-  $ as c,
-  v as d
-};