clds-ui 0.3.5 → 0.3.6

package/dist/creators-lib.es.js

@@ -29,15 +29,15 @@ var F = function() {
   ], attrs: { disabled: t.disabled || t.loading }, on: { click: function(l) {
     return s.emit("click", l);
   } } }, "button", t.$attrs, !1), [t.loading ? e("span", { staticClass: "cl-btn__spinner", attrs: { "aria-hidden": "true" } }) : t._e(), t._t("default")], 2);
-}, R = [], j = /* @__PURE__ */ i(
+}, R = [], L = /* @__PURE__ */ i(
   P,
   F,
   R,
   !1,
   null,
-  "bf5586f5"
+  "2b3665ef"
 );
-const z = j.exports, L = /* @__PURE__ */ o({
+const j = L.exports, z = /* @__PURE__ */ o({
   __name: "CreatorsText",
   props: {
     variant: { default: "body-md" },
@@ -70,15 +70,15 @@ const z = j.exports, L = /* @__PURE__ */ o({
 var T = function() {
   var t = this, e = t._self._c, s = t._self._setupProxy;
   return e(s.resolvedTag, { tag: "component", class: ["cl-text", `cl-text--${t.variant}`] }, [t._t("default")], 2);
-}, M = [], O = /* @__PURE__ */ i(
-  L,
+}, M = [], I = /* @__PURE__ */ i(
+  z,
   T,
   M,
   !1,
   null,
   "a993d82e"
 );
-const I = O.exports, E = /* @__PURE__ */ o({
+const O = I.exports, D = /* @__PURE__ */ o({
   __name: "CreatorsAccordion",
   props: {
     items: null,
@@ -95,7 +95,7 @@ const I = O.exports, E = /* @__PURE__ */ o({
     return { __sfc: !0, props: e, emit: t, openIndex: s, toggle: l };
   }
 });
-var D = function() {
+var E = function() {
   var t = this, e = t._self._c, s = t._self._setupProxy;
   return e("div", { staticClass: "cl-accordion" }, t._l(t.items, function(l, r) {
     return e("div", { key: r, staticClass: "cl-accordion__item", class: { "cl-accordion__item--open": s.openIndex === r } }, [e("button", { staticClass: "cl-accordion__trigger", on: { click: function(n) {
@@ -105,14 +105,14 @@ var D = function() {
     })], 2)])]);
   }), 0);
 }, W = [], A = /* @__PURE__ */ i(
-  E,
   D,
+  E,
   W,
   !1,
   null,
   "cdacee19"
 );
-const K = A.exports, G = /* @__PURE__ */ o({
+const q = A.exports, K = /* @__PURE__ */ o({
   __name: "CreatorsInput",
   props: {
     modelValue: null,
@@ -147,7 +147,7 @@ const K = A.exports, G = /* @__PURE__ */ o({
     return { __sfc: !0, emit: t, onInput: e, onEnter: s, onClear: l, onSearch: r };
   }
 });
-var U = function() {
+var G = function() {
   var t = this, e = t._self._c, s = t._self._setupProxy;
   return e("div", { class: ["cl-input", `cl-input--${t.size}`, { "cl-input--error": t.error, "cl-input--disabled": t.disabled }] }, [t.label ? e("label", { staticClass: "cl-input__label", attrs: { for: t.id } }, [t._v(t._s(t.label))]) : t._e(), e("div", { staticClass: "cl-input__wrapper" }, [t.icon || t.$slots.prefix ? e("span", { staticClass: "cl-input__slot cl-input__slot--prefix" }, [t._t("prefix", function() {
     return [t.icon === "search" ? e("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [e("circle", { attrs: { cx: "11", cy: "11", r: "8" } }), e("line", { attrs: { x1: "21", y1: "21", x2: "16.65", y2: "16.65" } })]) : t.icon === "mail" ? e("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [e("path", { attrs: { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" } }), e("polyline", { attrs: { points: "22,6 12,13 2,6" } })]) : t.icon === "lock" ? e("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [e("rect", { attrs: { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" } }), e("path", { attrs: { d: "M7 11V7a5 5 0 0 1 10 0v4" } })]) : t.icon === "user" ? e("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [e("path", { attrs: { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" } }), e("circle", { attrs: { cx: "12", cy: "7", r: "4" } })]) : t._e()];
@@ -158,15 +158,15 @@ var U = function() {
   }, blur: function(l) {
     return s.emit("blur", l);
   } } }, "input", t.$attrs, !1)), e("span", { staticClass: "cl-input__slot cl-input__slot--suffix" }, [t.loading ? e("span", { staticClass: "cl-input__spinner" }) : t.modelValue && t.clearable ? e("button", { staticClass: "cl-input__action", attrs: { type: "button", "aria-label": "Limpar" }, on: { click: s.onClear } }, [e("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [e("line", { attrs: { x1: "18", y1: "6", x2: "6", y2: "18" } }), e("line", { attrs: { x1: "6", y1: "6", x2: "18", y2: "18" } })])]) : t._e(), t.searchable && !t.loading ? e("button", { staticClass: "cl-input__action cl-input__action--search", attrs: { type: "button", "aria-label": "Pesquisar" }, on: { click: s.onSearch } }, [e("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [e("circle", { attrs: { cx: "11", cy: "11", r: "8" } }), e("line", { attrs: { x1: "21", y1: "21", x2: "16.65", y2: "16.65" } })])]) : t._e(), t._t("suffix")], 2)]), t.hint || t.error ? e("span", { staticClass: "cl-input__hint", class: { "cl-input__hint--error": t.error } }, [t._v(" " + t._s(t.error || t.hint) + " ")]) : t._e()]);
-}, X = [], H = /* @__PURE__ */ i(
+}, N = [], U = /* @__PURE__ */ i(
+  K,
   G,
-  U,
-  X,
+  N,
   !1,
   null,
-  "914bb790"
+  "8c08ffa2"
 );
-const q = H.exports, N = /* @__PURE__ */ o({
+const X = U.exports, H = /* @__PURE__ */ o({
   __name: "CreatorsInputSwitch",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -189,7 +189,7 @@ var Y = function() {
   var a = this, t = a._self._c;
   return a._self._setupProxy, t("span", { staticClass: "cl-switch__track" }, [t("span", { staticClass: "cl-switch__thumb" })]);
 }], Q = /* @__PURE__ */ i(
-  N,
+  H,
   Y,
   J,
   !1,
@@ -239,7 +239,7 @@ var et = function() {
   st,
   !1,
   null,
-  "4d2b35a5"
+  "b23cc99a"
 );
 const at = lt.exports, rt = /* @__PURE__ */ o({
   __name: "CreatorsSelect",
@@ -267,7 +267,11 @@ const at = lt.exports, rt = /* @__PURE__ */ o({
     function c(_) {
       l.value && !l.value.contains(_.target) && (s.value = !1);
     }
-    return y(() => document.addEventListener("mousedown", c)), b(() => document.removeEventListener("mousedown", c)), { __sfc: !0, props: e, emit: t, isOpen: s, rootRef: l, selectedOption: r, toggle: n, select: u, onClickOutside: c };
+    return y(() => {
+      document.addEventListener("mousedown", c), document.addEventListener("touchstart", c);
+    }), b(() => {
+      document.removeEventListener("mousedown", c), document.removeEventListener("touchstart", c);
+    }), { __sfc: !0, props: e, emit: t, isOpen: s, rootRef: l, selectedOption: r, toggle: n, select: u, onClickOutside: c };
   }
 });
 var nt = function() {
@@ -283,7 +287,7 @@ var nt = function() {
   ot,
   !1,
   null,
-  "06f181b3"
+  "f07ac917"
 );
 const ct = it.exports, _t = /* @__PURE__ */ o({
   __name: "CreatorsCheckbox",
@@ -375,7 +379,7 @@ var xt = function() {
   kt,
   !1,
   null,
-  "e6a67dab"
+  "9b711643"
 );
 const bt = yt.exports, $t = /* @__PURE__ */ o({
   __name: "CreatorsDataTable",
@@ -436,7 +440,7 @@ var Bt = function() {
   St,
   !1,
   null,
-  "7b8da436"
+  "917ea8fe"
 );
 const Pt = Vt.exports, Ft = /* @__PURE__ */ o({
   __name: "CreatorsDivider",
@@ -458,15 +462,15 @@ var Rt = function() {
     { "cl-divider--dashed": t.dashed },
     t.label ? `cl-divider--label-${t.align}` : ""
   ], attrs: { role: "separator" } }, [t.label ? e("span", { staticClass: "cl-divider__label" }, [t._v(t._s(t.label))]) : t._e()]);
-}, jt = [], zt = /* @__PURE__ */ i(
+}, Lt = [], jt = /* @__PURE__ */ i(
   Ft,
   Rt,
-  jt,
+  Lt,
   !1,
   null,
   "31f5c2f9"
 );
-const Lt = zt.exports, Tt = /* @__PURE__ */ o({
+const zt = jt.exports, Tt = /* @__PURE__ */ o({
   __name: "CreatorsTimeline",
   props: {
     items: null,
@@ -495,15 +499,15 @@ var Mt = function() {
       return [e("div", { staticClass: "cl-timeline__card" }, [e("div", { staticClass: "cl-timeline__card-header" }, [e("span", { staticClass: "cl-timeline__title" }, [t._v(t._s(s.title))]), s.time ? e("span", { staticClass: "cl-timeline__time" }, [t._v(t._s(s.time))]) : t._e()]), s.description ? e("p", { staticClass: "cl-timeline__desc" }, [t._v(t._s(s.description))]) : t._e(), s.tag ? e("div", { staticClass: "cl-timeline__tag" }, [t._v(t._s(s.tag))]) : t._e()])];
     })], 2)]], 2);
   }), 0);
-}, Ot = [], It = /* @__PURE__ */ i(
+}, It = [], Ot = /* @__PURE__ */ i(
   Tt,
   Mt,
-  Ot,
+  It,
   !1,
   null,
   "f802dc88"
 );
-const Et = It.exports, Dt = /* @__PURE__ */ o({
+const Dt = Ot.exports, Et = /* @__PURE__ */ o({
   __name: "CreatorsBadge",
   props: {
     variant: { default: "default" },
@@ -517,15 +521,15 @@ const Et = It.exports, Dt = /* @__PURE__ */ o({
 var Wt = function() {
   var t = this, e = t._self._c, s = t._self._setupProxy;
   return e("span", { class: ["cl-badge", `cl-badge--${t.variant}`] }, [t.icon || s.statusIcon ? e("span", { staticClass: "cl-badge__icon", attrs: { "aria-hidden": "true" } }, [t.icon ? [t._v(t._s(t.icon))] : t.variant === "success" ? [e("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2.8", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [e("polyline", { attrs: { points: "20 6 9 17 4 12" } })])] : t.variant === "warning" ? [t._v("⚠")] : t.variant === "error" ? [e("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2.8", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [e("line", { attrs: { x1: "18", y1: "6", x2: "6", y2: "18" } }), e("line", { attrs: { x1: "6", y1: "6", x2: "18", y2: "18" } })])] : t.variant === "info" ? [e("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2.8", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [e("circle", { attrs: { cx: "12", cy: "12", r: "10" } }), e("line", { attrs: { x1: "12", y1: "16", x2: "12", y2: "12" } }), e("line", { attrs: { x1: "12", y1: "8", x2: "12.01", y2: "8" } })])] : t._e()], 2) : t._e(), t._t("default")], 2);
-}, At = [], Kt = /* @__PURE__ */ i(
-  Dt,
+}, At = [], qt = /* @__PURE__ */ i(
+  Et,
   Wt,
   At,
   !1,
   null,
   "36988d61"
 );
-const Gt = Kt.exports, Ut = /* @__PURE__ */ o({
+const Kt = qt.exports, Gt = /* @__PURE__ */ o({
   __name: "CreatorsCard",
   props: {
     title: null,
@@ -539,7 +543,7 @@ const Gt = Kt.exports, Ut = /* @__PURE__ */ o({
     return { __sfc: !0 };
   }
 });
-var Xt = function() {
+var Nt = function() {
   var t = this, e = t._self._c;
   return t._self._setupProxy, e("div", { class: [
     "cl-card",
@@ -551,15 +555,44 @@ var Xt = function() {
   })], 2) : t._e(), t.description || t.$slots.description ? e("div", { staticClass: "cl-card__description" }, [t._t("description", function() {
     return [t._v(t._s(t.description))];
   })], 2) : t._e(), t._t("default")], 2), t.$slots.footer ? e("div", { staticClass: "cl-card__footer" }, [t._t("footer")], 2) : t._e()]);
-}, Ht = [], qt = /* @__PURE__ */ i(
+}, Ut = [], Xt = /* @__PURE__ */ i(
+  Gt,
+  Nt,
   Ut,
-  Xt,
-  Ht,
   !1,
   null,
   "152c5819"
 );
-const Nt = qt.exports, Yt = /* @__PURE__ */ o({
+const Ht = Xt.exports, Yt = /* @__PURE__ */ o({
+  __name: "CreatorsCardCampaign",
+  props: {
+    status: null,
+    statusVariant: { default: "default" },
+    brandLogo: null,
+    brandName: null,
+    title: null,
+    publicationsCount: { default: "0" },
+    publicationsLabel: { default: "publicações" },
+    deliveryDate: null,
+    hoverable: { type: Boolean, default: !1 }
+  },
+  setup(a) {
+    const t = a, e = d(() => (t.brandName ?? t.title).slice(0, 2).toUpperCase());
+    return { __sfc: !0, props: t, brandInitials: e };
+  }
+});
+var Jt = function() {
+  var t = this, e = t._self._c, s = t._self._setupProxy;
+  return e("div", { class: ["cl-card-campaign", { "cl-card-campaign--hoverable": t.hoverable }] }, [e("div", { staticClass: "cl-card-campaign__top" }, [e("span", { class: ["cl-card-campaign__badge", `cl-card-campaign__badge--${t.statusVariant}`] }, [t._v(" " + t._s(t.status) + " ")])]), e("div", { staticClass: "cl-card-campaign__brand" }, [e("div", { staticClass: "cl-card-campaign__logo" }, [t.brandLogo ? e("img", { attrs: { src: t.brandLogo, alt: t.brandName ?? t.title } }) : e("span", { staticClass: "cl-card-campaign__logo-fallback" }, [t._v(" " + t._s(s.brandInitials) + " ")])]), e("span", { staticClass: "cl-card-campaign__title" }, [t._v(t._s(t.title))])]), e("div", { staticClass: "cl-card-campaign__divider" }), e("div", { staticClass: "cl-card-campaign__footer" }, [e("span", { staticClass: "cl-card-campaign__stat" }, [e("strong", [t._v(t._s(t.publicationsCount))]), e("span", { staticClass: "cl-card-campaign__stat-label" }, [t._v(t._s(t.publicationsLabel))])]), t.deliveryDate ? e("span", { staticClass: "cl-card-campaign__delivery" }, [e("span", { staticClass: "cl-card-campaign__stat-label" }, [t._v("entrega")]), e("strong", [t._v(t._s(t.deliveryDate))])]) : t._e()])]);
+}, Qt = [], Zt = /* @__PURE__ */ i(
+  Yt,
+  Jt,
+  Qt,
+  !1,
+  null,
+  "9d670da9"
+);
+const te = Zt.exports, ee = /* @__PURE__ */ o({
   __name: "CreatorsModal",
   props: {
     modelValue: { type: Boolean },
@@ -588,51 +621,51 @@ const Nt = qt.exports, Yt = /* @__PURE__ */ o({
     }), { __sfc: !0, props: e, emit: t, close: s, onOverlayClick: l, onKeydown: r };
   }
 });
-var Jt = function() {
+var se = function() {
   var t = this, e = t._self._c, s = t._self._setupProxy;
   return e("transition", { attrs: { name: "cl-modal" } }, [t.modelValue ? e("div", { staticClass: "cl-modal-overlay", class: { "cl-modal-overlay--blur": t.blur }, on: { mousedown: function(l) {
     return l.target !== l.currentTarget ? null : s.onOverlayClick.apply(null, arguments);
   } } }, [e("div", { class: ["cl-modal", `cl-modal--${t.size}`], attrs: { role: "dialog", "aria-modal": "true", "aria-labelledby": t.title ? "cl-modal-title" : void 0 } }, [t.title || t.$slots.header || !t.hideClose ? e("div", { staticClass: "cl-modal__header" }, [t._t("header", function() {
     return [t.title ? e("span", { staticClass: "cl-modal__title", attrs: { id: "cl-modal-title" } }, [t._v(t._s(t.title))]) : t._e()];
   }), t.hideClose ? t._e() : e("button", { staticClass: "cl-modal__close", attrs: { "aria-label": "Fechar" }, on: { click: s.close } }, [e("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [e("line", { attrs: { x1: "18", y1: "6", x2: "6", y2: "18" } }), e("line", { attrs: { x1: "6", y1: "6", x2: "18", y2: "18" } })])])], 2) : t._e(), e("div", { staticClass: "cl-modal__body" }, [t._t("default")], 2), t.$slots.footer ? e("div", { staticClass: "cl-modal__footer" }, [t._t("footer")], 2) : t._e()])]) : t._e()]);
-}, Qt = [], Zt = /* @__PURE__ */ i(
-  Yt,
-  Jt,
-  Qt,
+}, le = [], ae = /* @__PURE__ */ i(
+  ee,
+  se,
+  le,
   !1,
   null,
   null
 );
-const te = Zt.exports;
-let ee = 0;
+const re = ae.exports;
+let ne = 0;
 const v = V({ items: [] });
 function g(a, t = "info") {
-  const e = ++ee, s = typeof a == "string" ? { id: e, type: t, title: a, duration: 4e3, position: "top-right" } : { id: e, ...a };
+  const e = ++ne, s = typeof a == "string" ? { id: e, type: t, title: a, duration: 4e3, position: "top-right" } : { id: e, ...a };
   return s.id = e, s.duration > 0 && (s._timer = setTimeout(() => $(e), s.duration)), v.items.push(s), e;
 }
 function $(a) {
   const t = v.items.findIndex((e) => e.id === a);
   t !== -1 && (clearTimeout(v.items[t]._timer), v.items.splice(t, 1));
 }
-function se() {
+function oe() {
   v.items.forEach((a) => clearTimeout(a._timer)), v.items.splice(0);
 }
-function le() {
+function ie() {
   return {
     toasts: v.items,
     add: g,
     remove: $,
-    clear: se,
+    clear: oe,
     success: (a, t) => g({ title: a, type: "success", duration: 4e3, position: "top-right", ...t }),
     error: (a, t) => g({ title: a, type: "error", duration: 4e3, position: "top-right", ...t }),
     warning: (a, t) => g({ title: a, type: "warning", duration: 4e3, position: "top-right", ...t }),
     info: (a, t) => g({ title: a, type: "info", duration: 4e3, position: "top-right", ...t })
   };
 }
-const ae = /* @__PURE__ */ o({
+const ce = /* @__PURE__ */ o({
   __name: "CreatorsToaster",
   setup(a) {
-    const { toasts: t, remove: e } = le(), s = [
+    const { toasts: t, remove: e } = ie(), s = [
       "top-left",
       "top-center",
       "top-right",
@@ -659,7 +692,7 @@ const ae = /* @__PURE__ */ o({
     return { __sfc: !0, toasts: t, remove: e, positions: s, byPosition: l, paused: r, pauseTimer: n, resumeTimer: u };
   }
 });
-var re = function() {
+var _e = function() {
   var t = this, e = t._self._c, s = t._self._setupProxy;
   return e("div", { staticClass: "cl-toaster" }, t._l(s.positions, function(l) {
     return e("transition-group", { key: l, class: ["cl-toast-group", `cl-toast-group--${l}`], attrs: { tag: "div", name: "cl-toast" } }, t._l(s.byPosition(l), function(r) {
@@ -672,15 +705,15 @@ var re = function() {
       } } }, [e("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [e("line", { attrs: { x1: "18", y1: "6", x2: "6", y2: "18" } }), e("line", { attrs: { x1: "6", y1: "6", x2: "18", y2: "18" } })])]), r.duration > 0 ? e("div", { staticClass: "cl-toast__progress" }, [e("div", { staticClass: "cl-toast__progress-bar", style: { animationDuration: `${r.duration}ms` } })]) : t._e()]);
     }), 0);
   }), 1);
-}, ne = [], oe = /* @__PURE__ */ i(
-  ae,
-  re,
-  ne,
+}, de = [], ue = /* @__PURE__ */ i(
+  ce,
+  _e,
+  de,
   !1,
   null,
   null
 );
-const ie = oe.exports, ce = /* @__PURE__ */ o({
+const pe = ue.exports, fe = /* @__PURE__ */ o({
   __name: "CreatorsSkeleton",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -695,7 +728,7 @@ const ie = oe.exports, ce = /* @__PURE__ */ o({
     return { __sfc: !0 };
   }
 });
-var _e = function() {
+var ve = function() {
   var t = this, e = t._self._c;
   return t._self._setupProxy, t.loading ? [t.variant !== "text" ? e("div", { class: ["cl-skeleton", `cl-skeleton--${t.variant}`, { "cl-skeleton--no-animation": !t.animated }], style: { width: t.width, height: t.height, borderRadius: t.radius } }) : e("div", { staticClass: "cl-skeleton-text" }, t._l(t.lines, function(s) {
     return e("div", { key: s, class: ["cl-skeleton", "cl-skeleton--rect", { "cl-skeleton--no-animation": !t.animated }], style: {
@@ -703,32 +736,32 @@ var _e = function() {
       width: s === t.lines && t.lines > 1 ? "65%" : t.width ?? "100%"
     } });
   }), 0)] : t._t("default");
-}, de = [], ue = /* @__PURE__ */ i(
-  ce,
-  _e,
-  de,
+}, he = [], me = /* @__PURE__ */ i(
+  fe,
+  ve,
+  he,
   !1,
   null,
   "3b626f1f"
 );
-const h = ue.exports, pe = /* @__PURE__ */ o({
+const h = me.exports, ge = /* @__PURE__ */ o({
   __name: "CreatorsSkeletonCard",
   setup(a) {
     return { __sfc: !0, CreatorsSkeleton: h };
   }
 });
-var fe = function() {
+var we = function() {
   var t = this, e = t._self._c, s = t._self._setupProxy;
   return e("div", { staticClass: "cl-skeleton-card" }, [e(s.CreatorsSkeleton, { attrs: { variant: "rect", width: "100%", height: "180px" } }), e("div", { staticClass: "cl-skeleton-card__body" }, [e("div", { staticClass: "cl-skeleton-card__header" }, [e(s.CreatorsSkeleton, { attrs: { variant: "circle", width: "40px", height: "40px" } }), e("div", { staticClass: "cl-skeleton-card__meta" }, [e(s.CreatorsSkeleton, { attrs: { variant: "rect", width: "120px", height: "14px" } }), e(s.CreatorsSkeleton, { attrs: { variant: "rect", width: "80px", height: "12px" } })], 1)], 1), e(s.CreatorsSkeleton, { attrs: { variant: "text", lines: 3 } }), e("div", { staticClass: "cl-skeleton-card__footer" }, [e(s.CreatorsSkeleton, { attrs: { variant: "pill", width: "72px", height: "28px" } }), e(s.CreatorsSkeleton, { attrs: { variant: "pill", width: "72px", height: "28px" } })], 1)], 1)], 1);
-}, ve = [], he = /* @__PURE__ */ i(
-  pe,
-  fe,
-  ve,
+}, Ce = [], xe = /* @__PURE__ */ i(
+  ge,
+  we,
+  Ce,
   !1,
   null,
   "00fa9654"
 );
-const me = he.exports, ge = /* @__PURE__ */ o({
+const ke = xe.exports, ye = /* @__PURE__ */ o({
   __name: "CreatorsSkeletonList",
   props: {
     rows: { default: 5 },
@@ -740,20 +773,20 @@ const me = he.exports, ge = /* @__PURE__ */ o({
     return { __sfc: !0, titleWidths: ["60%", "75%", "50%", "80%", "65%"], subtitleWidths: ["40%", "55%", "35%", "50%", "45%"], CreatorsSkeleton: h };
   }
 });
-var we = function() {
+var be = function() {
   var t = this, e = t._self._c, s = t._self._setupProxy;
   return e("div", { staticClass: "cl-skeleton-list" }, t._l(t.rows, function(l) {
     return e("div", { key: l, staticClass: "cl-skeleton-list__item" }, [t.avatar ? e(s.CreatorsSkeleton, { attrs: { variant: "circle", width: "44px", height: "44px" } }) : t._e(), e("div", { staticClass: "cl-skeleton-list__content" }, [e(s.CreatorsSkeleton, { attrs: { variant: "rect", width: s.titleWidths[(l - 1) % s.titleWidths.length], height: "14px" } }), t.subtitle ? e(s.CreatorsSkeleton, { attrs: { variant: "rect", width: s.subtitleWidths[(l - 1) % s.subtitleWidths.length], height: "12px" } }) : t._e()], 1), t.action ? e(s.CreatorsSkeleton, { attrs: { variant: "pill", width: "64px", height: "28px" } }) : t._e()], 1);
   }), 0);
-}, Ce = [], xe = /* @__PURE__ */ i(
-  ge,
-  we,
-  Ce,
+}, $e = [], Be = /* @__PURE__ */ i(
+  ye,
+  be,
+  $e,
   !1,
   null,
   "295ec324"
 );
-const ke = xe.exports, ye = /* @__PURE__ */ o({
+const Se = Be.exports, Ve = /* @__PURE__ */ o({
   __name: "CreatorsSkeletonSimpleList",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -764,20 +797,20 @@ const ke = xe.exports, ye = /* @__PURE__ */ o({
     return { __sfc: !0, CreatorsSkeleton: h };
   }
 });
-var be = function() {
+var Pe = function() {
   var t = this, e = t._self._c, s = t._self._setupProxy;
   return t.loading ? [e("div", { staticClass: "cl-skeleton-simple-list" }, t._l(t.rows, function(l) {
     return e("div", { key: l, staticClass: "cl-skeleton-simple-list__item" }, [e(s.CreatorsSkeleton, { attrs: { variant: "rect", width: "100%", height: t.height, radius: "var(--cl-radius-lg, 12px)" } })], 1);
   }), 0)] : t._t("default");
-}, $e = [], Be = /* @__PURE__ */ i(
-  ye,
-  be,
-  $e,
+}, Fe = [], Re = /* @__PURE__ */ i(
+  Ve,
+  Pe,
+  Fe,
   !1,
   null,
   "f47e1288"
 );
-const Se = Be.exports, Ve = /* @__PURE__ */ o({
+const Le = Re.exports, je = /* @__PURE__ */ o({
   __name: "CreatorsSkeletonProfile",
   props: {
     avatarSize: { default: "80px" }
@@ -786,20 +819,20 @@ const Se = Be.exports, Ve = /* @__PURE__ */ o({
     return { __sfc: !0, CreatorsSkeleton: h };
   }
 });
-var Pe = function() {
+var ze = function() {
   var t = this, e = t._self._c, s = t._self._setupProxy;
   return e("div", { staticClass: "cl-skeleton-profile" }, [e(s.CreatorsSkeleton, { staticClass: "cl-skeleton-profile__cover", attrs: { variant: "rect", width: "100%", height: "120px" } }), e("div", { staticClass: "cl-skeleton-profile__body" }, [e(s.CreatorsSkeleton, { staticClass: "cl-skeleton-profile__avatar", attrs: { variant: "circle", width: t.avatarSize, height: t.avatarSize } }), e("div", { staticClass: "cl-skeleton-profile__info" }, [e(s.CreatorsSkeleton, { attrs: { variant: "rect", width: "160px", height: "18px" } }), e(s.CreatorsSkeleton, { attrs: { variant: "rect", width: "100px", height: "13px" } }), e(s.CreatorsSkeleton, { attrs: { variant: "text", lines: 2, width: "320px" } }), e("div", { staticClass: "cl-skeleton-profile__stats" }, t._l(3, function(l) {
     return e("div", { key: l, staticClass: "cl-skeleton-profile__stat" }, [e(s.CreatorsSkeleton, { attrs: { variant: "rect", width: "48px", height: "18px" } }), e(s.CreatorsSkeleton, { attrs: { variant: "rect", width: "56px", height: "12px" } })], 1);
   }), 0)], 1)], 1)], 1);
-}, Fe = [], Re = /* @__PURE__ */ i(
-  Ve,
-  Pe,
-  Fe,
+}, Te = [], Me = /* @__PURE__ */ i(
+  je,
+  ze,
+  Te,
   !1,
   null,
   "a6635fb6"
 );
-const je = Re.exports, ze = /* @__PURE__ */ o({
+const Ie = Me.exports, Oe = /* @__PURE__ */ o({
   __name: "CreatorsSkeletonTable",
   props: {
     rows: { default: 5 },
@@ -809,7 +842,7 @@ const je = Re.exports, ze = /* @__PURE__ */ o({
     return { __sfc: !0, CreatorsSkeleton: h };
   }
 });
-var Le = function() {
+var De = function() {
   var t = this, e = t._self._c, s = t._self._setupProxy;
   return e("div", { staticClass: "cl-skeleton-table" }, [e("div", { staticClass: "cl-skeleton-table__head" }, t._l(t.cols, function(l) {
     return e("div", { key: l, staticClass: "cl-skeleton-table__cell" }, [e(s.CreatorsSkeleton, { attrs: { variant: "rect", width: "80px", height: "11px" } })], 1);
@@ -818,15 +851,15 @@ var Le = function() {
       return e("div", { key: r, staticClass: "cl-skeleton-table__cell" }, [e(s.CreatorsSkeleton, { attrs: { variant: "rect", width: r === 1 ? "140px" : r === t.cols ? "60px" : `${70 + (l + r) % 3 * 20}px`, height: "13px" } })], 1);
     }), 0);
   })], 2);
-}, Te = [], Me = /* @__PURE__ */ i(
-  ze,
-  Le,
-  Te,
+}, Ee = [], We = /* @__PURE__ */ i(
+  Oe,
+  De,
+  Ee,
   !1,
   null,
   "175f116d"
 );
-const Oe = Me.exports, Ie = /* @__PURE__ */ o({
+const Ae = We.exports, qe = /* @__PURE__ */ o({
   __name: "CreatorsRow",
   props: {
     align: null,
@@ -837,7 +870,7 @@ const Oe = Me.exports, Ie = /* @__PURE__ */ o({
     return { __sfc: !0 };
   }
 });
-var Ee = function() {
+var Ke = function() {
   var t = this, e = t._self._c;
   return t._self._setupProxy, e("div", { class: [
     "cl-row",
@@ -845,15 +878,15 @@ var Ee = function() {
     t.justify ? `cl-row--justify-${t.justify}` : "",
     t.noGutter ? "cl-row--no-gutter" : ""
   ] }, [t._t("default")], 2);
-}, De = [], We = /* @__PURE__ */ i(
-  Ie,
-  Ee,
-  De,
+}, Ge = [], Ne = /* @__PURE__ */ i(
+  qe,
+  Ke,
+  Ge,
   !1,
   null,
   null
 );
-const Ae = We.exports, Ke = /* @__PURE__ */ o({
+const Ue = Ne.exports, Xe = /* @__PURE__ */ o({
   __name: "CreatorsCol",
   props: {
     cols: null,
@@ -875,18 +908,18 @@ const Ae = We.exports, Ke = /* @__PURE__ */ o({
     return { __sfc: !0, props: t, classes: e };
   }
 });
-var Ge = function() {
+var He = function() {
   var t = this, e = t._self._c, s = t._self._setupProxy;
   return e("div", { class: s.classes }, [t._t("default")], 2);
-}, Ue = [], Xe = /* @__PURE__ */ i(
-  Ke,
-  Ge,
-  Ue,
+}, Ye = [], Je = /* @__PURE__ */ i(
+  Xe,
+  He,
+  Ye,
   !1,
   null,
   null
 );
-const He = Xe.exports, qe = /* @__PURE__ */ o({
+const Qe = Je.exports, Ze = /* @__PURE__ */ o({
   __name: "CreatorsProgress",
   props: {
     value: { default: 0 },
@@ -899,22 +932,22 @@ const He = Xe.exports, qe = /* @__PURE__ */ o({
     return { __sfc: !0, props: t, gradId: e, clamped: s, fillWidth: l };
   }
 });
-var Ne = function() {
+var ts = function() {
   var t = this, e = t._self._c, s = t._self._setupProxy;
   return e("svg", { staticClass: "cl-progress", attrs: { xmlns: "http://www.w3.org/2000/svg", width: t.width, height: t.height, viewBox: `0 0 ${t.width} ${t.height}`, fill: "none" } }, [e("rect", { attrs: { width: t.width, height: t.height, rx: t.height / 2, fill: t.trackColor } }), s.clamped > 0 ? e("rect", { attrs: { width: s.fillWidth, height: t.height, rx: t.height / 2, fill: `url(#${s.gradId})` } }) : t._e(), e("defs", [e("linearGradient", { attrs: { id: s.gradId, x1: 0, y1: 0, x2: t.width, y2: 0, gradientUnits: "userSpaceOnUse" } }, [e("stop", { attrs: { "stop-color": "#6C3AFF" } }), e("stop", { attrs: { offset: "0.656", "stop-color": "#F564FF" } }), e("stop", { attrs: { offset: "0.784", "stop-color": "#FF9864" } })], 1)], 1)]);
-}, Ye = [], Je = /* @__PURE__ */ i(
-  qe,
-  Ne,
-  Ye,
+}, es = [], ss = /* @__PURE__ */ i(
+  Ze,
+  ts,
+  es,
   !1,
   null,
   null
 );
-const Qe = Je.exports, Ze = {
-  CreatorsButton: z,
-  CreatorsText: I,
-  CreatorsAccordion: K,
-  CreatorsInput: q,
+const ls = ss.exports, as = {
+  CreatorsButton: j,
+  CreatorsText: O,
+  CreatorsAccordion: q,
+  CreatorsInput: X,
   CreatorsInputSwitch: Z,
   CreatorsTextarea: at,
   CreatorsSelect: ct,
@@ -922,54 +955,56 @@ const Qe = Je.exports, Ze = {
   CreatorsRadio: wt,
   CreatorsRating: bt,
   CreatorsDataTable: Pt,
-  CreatorsDivider: Lt,
-  CreatorsTimeline: Et,
-  CreatorsBadge: Gt,
-  CreatorsCard: Nt,
-  CreatorsModal: te,
-  CreatorsToaster: ie,
+  CreatorsDivider: zt,
+  CreatorsTimeline: Dt,
+  CreatorsBadge: Kt,
+  CreatorsCard: Ht,
+  CreatorsCardCampaign: te,
+  CreatorsModal: re,
+  CreatorsToaster: pe,
   CreatorsSkeleton: h,
-  CreatorsSkeletonCard: me,
-  CreatorsSkeletonList: ke,
-  CreatorsSkeletonSimpleList: Se,
-  CreatorsSkeletonProfile: je,
-  CreatorsSkeletonTable: Oe,
-  CreatorsRow: Ae,
-  CreatorsCol: He,
-  CreatorsProgress: Qe
-}, es = {
+  CreatorsSkeletonCard: ke,
+  CreatorsSkeletonList: Se,
+  CreatorsSkeletonSimpleList: Le,
+  CreatorsSkeletonProfile: Ie,
+  CreatorsSkeletonTable: Ae,
+  CreatorsRow: Ue,
+  CreatorsCol: Qe,
+  CreatorsProgress: ls
+}, ns = {
   install(a) {
-    for (const [t, e] of Object.entries(Ze))
+    for (const [t, e] of Object.entries(as))
       a.component(t, e);
   }
 };
 export {
-  K as CreatorsAccordion,
-  Gt as CreatorsBadge,
-  z as CreatorsButton,
-  Nt as CreatorsCard,
+  q as CreatorsAccordion,
+  Kt as CreatorsBadge,
+  j as CreatorsButton,
+  Ht as CreatorsCard,
+  te as CreatorsCardCampaign,
   ft as CreatorsCheckbox,
-  He as CreatorsCol,
+  Qe as CreatorsCol,
   Pt as CreatorsDataTable,
-  Lt as CreatorsDivider,
-  q as CreatorsInput,
+  zt as CreatorsDivider,
+  X as CreatorsInput,
   Z as CreatorsInputSwitch,
-  es as CreatorsLibPlugin,
-  te as CreatorsModal,
-  Qe as CreatorsProgress,
+  ns as CreatorsLibPlugin,
+  re as CreatorsModal,
+  ls as CreatorsProgress,
   wt as CreatorsRadio,
   bt as CreatorsRating,
-  Ae as CreatorsRow,
+  Ue as CreatorsRow,
   ct as CreatorsSelect,
   h as CreatorsSkeleton,
-  me as CreatorsSkeletonCard,
-  ke as CreatorsSkeletonList,
-  je as CreatorsSkeletonProfile,
-  Se as CreatorsSkeletonSimpleList,
-  Oe as CreatorsSkeletonTable,
-  I as CreatorsText,
+  ke as CreatorsSkeletonCard,
+  Se as CreatorsSkeletonList,
+  Ie as CreatorsSkeletonProfile,
+  Le as CreatorsSkeletonSimpleList,
+  Ae as CreatorsSkeletonTable,
+  O as CreatorsText,
   at as CreatorsTextarea,
-  Et as CreatorsTimeline,
-  ie as CreatorsToaster,
-  le as useToast
+  Dt as CreatorsTimeline,
+  pe as CreatorsToaster,
+  ie as useToast
 };