clds-ui 0.3.5 → 0.3.7

package/dist/creators-lib.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as o, computed as d, ref as f, onMounted as y, onUnmounted as b, watch as S, reactive as V } from "vue";
+import { defineComponent as o, computed as d, ref as f, onMounted as y, onUnmounted as $, resolveComponent as b, watch as V, reactive as R } from "vue";
 const P = /* @__PURE__ */ o({
   __name: "CreatorsButton",
   props: {
@@ -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(
+}, L = [], j = /* @__PURE__ */ i(
   P,
   F,
-  R,
+  L,
   !1,
   null,
-  "bf5586f5"
+  "2b3665ef"
 );
-const z = j.exports, L = /* @__PURE__ */ o({
+const z = j.exports, T = /* @__PURE__ */ o({
   __name: "CreatorsText",
   props: {
     variant: { default: "body-md" },
@@ -67,18 +67,18 @@ const z = j.exports, L = /* @__PURE__ */ o({
     return { __sfc: !0, props: t, defaultTags: e, resolvedTag: s };
   }
 });
-var T = function() {
+var M = 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,
+}, I = [], O = /* @__PURE__ */ i(
   T,
   M,
+  I,
   !1,
   null,
   "a993d82e"
 );
-const I = O.exports, E = /* @__PURE__ */ o({
+const D = O.exports, E = /* @__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 W = 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) {
@@ -104,15 +104,15 @@ var D = function() {
       return [t._v(t._s(l.content))];
     })], 2)])]);
   }), 0);
-}, W = [], A = /* @__PURE__ */ i(
+}, A = [], q = /* @__PURE__ */ i(
   E,
-  D,
   W,
+  A,
   !1,
   null,
   "cdacee19"
 );
-const K = A.exports, G = /* @__PURE__ */ o({
+const K = q.exports, G = /* @__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 N = 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(
+}, U = [], X = /* @__PURE__ */ i(
   G,
+  N,
   U,
-  X,
   !1,
   null,
-  "914bb790"
+  "8c08ffa2"
 );
-const q = H.exports, N = /* @__PURE__ */ o({
+const H = X.exports, Y = /* @__PURE__ */ o({
   __name: "CreatorsInputSwitch",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -182,21 +182,21 @@ const q = H.exports, N = /* @__PURE__ */ o({
     return { __sfc: !0, emit: t, onChange: e };
   }
 });
-var Y = function() {
+var J = function() {
   var t = this, e = t._self._c, s = t._self._setupProxy;
   return e("label", { class: ["cl-switch", `cl-switch--${t.size}`, { "cl-switch--checked": t.modelValue, "cl-switch--disabled": t.disabled }] }, [e("input", { staticClass: "cl-switch__input", attrs: { type: "checkbox", disabled: t.disabled }, domProps: { checked: t.modelValue }, on: { change: s.onChange } }), t._m(0), t.label ? e("span", { staticClass: "cl-switch__label" }, [t._v(t._s(t.label))]) : t._e()]);
-}, J = [function() {
+}, Q = [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,
+}], Z = /* @__PURE__ */ i(
   Y,
   J,
+  Q,
   !1,
   null,
   "3fb5090c"
 );
-const Z = Q.exports, tt = /* @__PURE__ */ o({
+const tt = Z.exports, et = /* @__PURE__ */ o({
   __name: "CreatorsTextarea",
   props: {
     modelValue: null,
@@ -224,7 +224,7 @@ const Z = Q.exports, tt = /* @__PURE__ */ o({
     return { __sfc: !0, props: e, emit: t, onInput: s, onEnter: l, isOver: r };
   }
 });
-var et = function() {
+var st = function() {
   var t = this, e = t._self._c, s = t._self._setupProxy;
   return e("div", { class: ["cl-textarea", { "cl-textarea--error": t.error, "cl-textarea--disabled": t.disabled }] }, [t.label ? e("label", { staticClass: "cl-textarea__label", attrs: { for: t.id } }, [t._v(t._s(t.label))]) : t._e(), e("textarea", t._b({ staticClass: "cl-textarea__field", attrs: { id: t.id, placeholder: t.placeholder, disabled: t.disabled, rows: t.rows }, domProps: { value: t.modelValue }, on: { input: s.onInput, keydown: function(l) {
     return !l.type.indexOf("key") && t._k(l.keyCode, "enter", 13, l.key, "Enter") || !l.ctrlKey ? null : s.onEnter.apply(null, arguments);
@@ -233,15 +233,15 @@ var et = function() {
   }, blur: function(l) {
     return s.emit("blur", l);
   } } }, "textarea", t.$attrs, !1)), t._v(" "), e("div", { staticClass: "cl-textarea__footer" }, [t.hint || t.error ? e("span", { staticClass: "cl-textarea__hint", class: { "cl-textarea__hint--error": t.error } }, [t._v(" " + t._s(t.error || t.hint) + " ")]) : t._e(), t.maxlength ? e("span", { staticClass: "cl-textarea__count", class: { "cl-textarea__count--over": s.isOver } }, [t._v(" " + t._s((t.modelValue ?? "").length) + "/" + t._s(t.maxlength) + " ")]) : t._e()])]);
-}, st = [], lt = /* @__PURE__ */ i(
-  tt,
+}, lt = [], at = /* @__PURE__ */ i(
   et,
   st,
+  lt,
   !1,
   null,
-  "4d2b35a5"
+  "b23cc99a"
 );
-const at = lt.exports, rt = /* @__PURE__ */ o({
+const rt = at.exports, nt = /* @__PURE__ */ o({
   __name: "CreatorsSelect",
   props: {
     modelValue: null,
@@ -267,25 +267,29 @@ 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);
+    }), $(() => {
+      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() {
+var ot = function() {
   var t = this, e = t._self._c, s = t._self._setupProxy;
   return e("div", { ref: "rootRef", class: ["cl-select", `cl-select--${t.size}`, { "cl-select--open": s.isOpen, "cl-select--error": t.error, "cl-select--disabled": t.disabled }] }, [t.label ? e("label", { staticClass: "cl-select__label", on: { click: s.toggle } }, [t._v(t._s(t.label))]) : t._e(), e("button", { staticClass: "cl-select__trigger", attrs: { type: "button", disabled: t.disabled }, on: { click: s.toggle } }, [e("span", { class: ["cl-select__value", { "cl-select__value--placeholder": !s.selectedOption }] }, [t._v(" " + t._s(s.selectedOption ? s.selectedOption.label : t.placeholder) + " ")]), e("svg", { staticClass: "cl-select__chevron", 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("polyline", { attrs: { points: "6 9 12 15 18 9" } })])]), e("transition", { attrs: { name: "cl-select-dropdown" } }, [s.isOpen ? e("ul", { staticClass: "cl-select__dropdown" }, t._l(t.options, function(l) {
     return e("li", { key: l.value, class: ["cl-select__option", { "cl-select__option--selected": l.value === t.modelValue }], on: { click: function(r) {
       return s.select(l);
     } } }, [e("span", [t._v(t._s(l.label))]), l.value === t.modelValue ? 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("polyline", { attrs: { points: "20 6 9 17 4 12" } })]) : t._e()]);
   }), 0) : t._e()]), e("div", { staticClass: "cl-select__footer" }, [t.hint || t.error ? e("span", { staticClass: "cl-select__hint", class: { "cl-select__hint--error": t.error } }, [t._v(" " + t._s(t.error || t.hint) + " ")]) : t._e()])], 1);
-}, ot = [], it = /* @__PURE__ */ i(
-  rt,
+}, it = [], ct = /* @__PURE__ */ i(
   nt,
   ot,
+  it,
   !1,
   null,
-  "06f181b3"
+  "f07ac917"
 );
-const ct = it.exports, _t = /* @__PURE__ */ o({
+const _t = ct.exports, dt = /* @__PURE__ */ o({
   __name: "CreatorsCheckbox",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -300,18 +304,18 @@ const ct = it.exports, _t = /* @__PURE__ */ o({
     return { __sfc: !0, emit: t, onChange: e };
   }
 });
-var dt = function() {
+var ut = function() {
   var t = this, e = t._self._c, s = t._self._setupProxy;
   return e("label", { class: ["cl-checkbox", { "cl-checkbox--checked": t.modelValue, "cl-checkbox--disabled": t.disabled }] }, [e("input", { staticClass: "cl-checkbox__input", attrs: { type: "checkbox", disabled: t.disabled }, domProps: { checked: t.modelValue }, on: { change: s.onChange } }), e("span", { staticClass: "cl-checkbox__box" }, [t.modelValue ? e("svg", { staticClass: "cl-checkbox__check", attrs: { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [e("polyline", { attrs: { points: "20 6 9 17 4 12" } })]) : t._e()]), t.label ? e("span", { staticClass: "cl-checkbox__label" }, [t._v(t._s(t.label))]) : t._e()]);
-}, ut = [], pt = /* @__PURE__ */ i(
-  _t,
+}, pt = [], ft = /* @__PURE__ */ i(
   dt,
   ut,
+  pt,
   !1,
   null,
   "d1ad8f2e"
 );
-const ft = pt.exports, vt = /* @__PURE__ */ o({
+const vt = ft.exports, ht = /* @__PURE__ */ o({
   __name: "CreatorsRadio",
   props: {
     modelValue: null,
@@ -324,20 +328,20 @@ const ft = pt.exports, vt = /* @__PURE__ */ o({
     return { __sfc: !0, emit: t };
   }
 });
-var ht = function() {
+var mt = function() {
   var t = this, e = t._self._c, s = t._self._setupProxy;
   return e("label", { class: ["cl-radio", { "cl-radio--checked": t.modelValue === t.value, "cl-radio--disabled": t.disabled }] }, [e("input", { staticClass: "cl-radio__input", attrs: { type: "radio", disabled: t.disabled }, domProps: { checked: t.modelValue === t.value }, on: { change: function(l) {
     return s.emit("update:modelValue", t.value);
   } } }), e("span", { staticClass: "cl-radio__circle" }, [t.modelValue === t.value ? e("span", { staticClass: "cl-radio__dot" }) : t._e()]), t.label ? e("span", { staticClass: "cl-radio__label" }, [t._v(t._s(t.label))]) : t._e()]);
-}, mt = [], gt = /* @__PURE__ */ i(
-  vt,
+}, gt = [], wt = /* @__PURE__ */ i(
   ht,
   mt,
+  gt,
   !1,
   null,
   "242eedd7"
 );
-const wt = gt.exports, Ct = /* @__PURE__ */ o({
+const Ct = wt.exports, xt = /* @__PURE__ */ o({
   __name: "CreatorsRating",
   props: {
     modelValue: null,
@@ -356,7 +360,7 @@ const wt = gt.exports, Ct = /* @__PURE__ */ o({
     return { __sfc: !0, props: e, emit: t, hovered: s, starSize: l, select: r };
   }
 });
-var xt = function() {
+var bt = function() {
   var t = this, e = t._self._c, s = t._self._setupProxy;
   return e("div", { class: ["cl-rating", `cl-rating--${t.size}`, { "cl-rating--readonly": t.readonly, "cl-rating--disabled": t.disabled }] }, [e("svg", { staticStyle: { position: "absolute" }, attrs: { width: "0", height: "0" } }, [e("defs", [e("linearGradient", { attrs: { id: "cl-star-gradient", x1: "0%", y1: "0%", x2: "100%", y2: "0%" } }, [e("stop", { attrs: { offset: "0%", "stop-color": "#6C3AFF" } }), e("stop", { attrs: { offset: "77%", "stop-color": "#F564FF" } }), e("stop", { attrs: { offset: "100%", "stop-color": "#FF9864" } })], 1)], 1)]), t._l(t.count, function(l) {
     return e("button", { key: l, staticClass: "cl-rating__star", class: {
@@ -370,14 +374,14 @@ var xt = function() {
     } } }, [e("svg", { attrs: { width: s.starSize, height: s.starSize, viewBox: "0 0 24 24" } }, [e("path", { attrs: { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z", fill: l <= (s.hovered ?? t.modelValue ?? 0) ? "url(#cl-star-gradient)" : "currentColor", stroke: (l <= (s.hovered ?? t.modelValue ?? 0), "none") } })])]);
   }), t.showValue ? e("span", { staticClass: "cl-rating__value" }, [t._v(t._s(t.modelValue ?? 0) + "/" + t._s(t.count))]) : t._e()], 2);
 }, kt = [], yt = /* @__PURE__ */ i(
-  Ct,
   xt,
+  bt,
   kt,
   !1,
   null,
-  "e6a67dab"
+  "9b711643"
 );
-const bt = yt.exports, $t = /* @__PURE__ */ o({
+const $t = yt.exports, Bt = /* @__PURE__ */ o({
   __name: "CreatorsDataTable",
   props: {
     columns: null,
@@ -394,8 +398,8 @@ const bt = yt.exports, $t = /* @__PURE__ */ o({
     function n(p) {
       s.value === p ? l.value = l.value === "asc" ? "desc" : "asc" : (s.value = p, l.value = "asc"), t("sort", s.value, l.value);
     }
-    const u = d(() => s.value ? [...e.rows].sort((p, B) => {
-      const C = p[s.value], x = B[s.value];
+    const u = d(() => s.value ? [...e.rows].sort((p, S) => {
+      const C = p[s.value], x = S[s.value];
       if (C == null) return 1;
       if (x == null) return -1;
       const k = C < x ? -1 : C > x ? 1 : 0;
@@ -408,7 +412,7 @@ const bt = yt.exports, $t = /* @__PURE__ */ o({
     return { __sfc: !0, props: e, emit: t, sortKey: s, sortDir: l, page: r, toggleSort: n, sorted: u, totalPages: c, sortedRows: _, paginationStart: m, paginationEnd: w };
   }
 });
-var Bt = function() {
+var St = function() {
   var t = this, e = t._self._c, s = t._self._setupProxy;
   return e("div", { staticClass: "cl-table-wrapper" }, [e("table", { staticClass: "cl-table" }, [e("thead", { staticClass: "cl-table__head" }, [e("tr", t._l(t.columns, function(l) {
     return e("th", { key: l.key, staticClass: "cl-table__th", class: { "cl-table__th--sortable": l.sortable }, style: l.width ? { width: l.width } : {}, on: { click: function(r) {
@@ -427,18 +431,18 @@ var Bt = 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", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [e("polyline", { attrs: { points: "15 18 9 12 15 6" } })])]), e("span", { staticClass: "cl-table__page-current" }, [t._v(t._s(s.page) + " / " + t._s(s.totalPages))]), e("button", { staticClass: "cl-table__page-btn", attrs: { disabled: s.page === s.totalPages }, on: { click: function(l) {
     s.page++;
   } } }, [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", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [e("polyline", { attrs: { points: "9 18 15 12 9 6" } })])])])]) : t._e()]);
-}, St = [function() {
+}, Vt = [function() {
   var a = this, t = a._self._c;
   return a._self._setupProxy, t("div", { staticClass: "cl-table__loading" }, [t("span", { staticClass: "cl-table__spinner" }), t("span", [a._v("Carregando...")])]);
-}], Vt = /* @__PURE__ */ i(
-  $t,
+}], Rt = /* @__PURE__ */ i(
   Bt,
   St,
+  Vt,
   !1,
   null,
-  "7b8da436"
+  "917ea8fe"
 );
-const Pt = Vt.exports, Ft = /* @__PURE__ */ o({
+const Pt = Rt.exports, Ft = /* @__PURE__ */ o({
   __name: "CreatorsDivider",
   props: {
     label: null,
@@ -450,7 +454,7 @@ const Pt = Vt.exports, Ft = /* @__PURE__ */ o({
     return { __sfc: !0 };
   }
 });
-var Rt = function() {
+var Lt = function() {
   var t = this, e = t._self._c;
   return t._self._setupProxy, e("div", { class: [
     "cl-divider",
@@ -460,13 +464,13 @@ var Rt = function() {
   ], attrs: { role: "separator" } }, [t.label ? e("span", { staticClass: "cl-divider__label" }, [t._v(t._s(t.label))]) : t._e()]);
 }, jt = [], zt = /* @__PURE__ */ i(
   Ft,
-  Rt,
+  Lt,
   jt,
   !1,
   null,
   "31f5c2f9"
 );
-const Lt = zt.exports, Tt = /* @__PURE__ */ o({
+const Tt = zt.exports, Mt = /* @__PURE__ */ o({
   __name: "CreatorsTimeline",
   props: {
     items: null,
@@ -477,7 +481,7 @@ const Lt = zt.exports, Tt = /* @__PURE__ */ o({
     return { __sfc: !0 };
   }
 });
-var Mt = function() {
+var It = function() {
   var t = this, e = t._self._c;
   return t._self._setupProxy, e("div", { class: ["cl-timeline", `cl-timeline--${t.align}`, `cl-timeline--${t.orientation}`] }, t._l(t.items, function(s, l) {
     return e("div", { key: l, class: [
@@ -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(
-  Tt,
+}, Ot = [], Dt = /* @__PURE__ */ i(
   Mt,
+  It,
   Ot,
   !1,
   null,
   "f802dc88"
 );
-const Et = It.exports, Dt = /* @__PURE__ */ o({
+const Et = Dt.exports, Wt = /* @__PURE__ */ o({
   __name: "CreatorsBadge",
   props: {
     variant: { default: "default" },
@@ -514,18 +518,18 @@ const Et = It.exports, Dt = /* @__PURE__ */ o({
     return { __sfc: !0, props: t, statusIcon: e };
   }
 });
-var Wt = function() {
+var At = 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,
+}, qt = [], Kt = /* @__PURE__ */ i(
   Wt,
   At,
+  qt,
   !1,
   null,
   "36988d61"
 );
-const Gt = Kt.exports, Ut = /* @__PURE__ */ o({
+const Gt = Kt.exports, Nt = /* @__PURE__ */ o({
   __name: "CreatorsCard",
   props: {
     title: null,
@@ -533,33 +537,91 @@ const Gt = Kt.exports, Ut = /* @__PURE__ */ o({
     label: null,
     variant: { default: "default" },
     hoverable: { type: Boolean, default: !1 },
-    flush: { type: Boolean, default: !1 }
+    flush: { type: Boolean, default: !1 },
+    border: null,
+    to: null
   },
   setup(a) {
-    return { __sfc: !0 };
+    const t = a, e = d(() => t.to ? b("RouterLink") : "div");
+    return { __sfc: !0, props: t, tag: e };
   }
 });
-var Xt = function() {
-  var t = this, e = t._self._c;
-  return t._self._setupProxy, e("div", { class: [
+var Ut = function() {
+  var t = this, e = t._self._c, s = t._self._setupProxy;
+  return e(s.tag, { tag: "component", class: [
     "cl-card",
     `cl-card--${t.variant}`,
-    { "cl-card--hoverable": t.hoverable },
+    { "cl-card--hoverable": t.hoverable || !!t.to },
     { "cl-card--flush": t.flush }
-  ] }, [t.$slots.media ? e("div", { staticClass: "cl-card__media" }, [t._t("media")], 2) : t._e(), e("div", { staticClass: "cl-card__body" }, [t.label ? e("div", { staticClass: "cl-card__label" }, [t._v(t._s(t.label))]) : t._e(), t.title || t.$slots.title ? e("div", { staticClass: "cl-card__title" }, [t._t("title", function() {
+  ], style: t.border ? { border: t.border } : {}, attrs: { to: t.to ?? void 0 } }, [t.$slots.media ? e("div", { staticClass: "cl-card__media" }, [t._t("media")], 2) : t._e(), e("div", { staticClass: "cl-card__body" }, [t.label ? e("div", { staticClass: "cl-card__label" }, [t._v(t._s(t.label))]) : t._e(), t.title || t.$slots.title ? e("div", { staticClass: "cl-card__title" }, [t._t("title", function() {
     return [t._v(t._s(t.title))];
   })], 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(
+}, Xt = [], Ht = /* @__PURE__ */ i(
+  Nt,
   Ut,
   Xt,
-  Ht,
   !1,
   null,
-  "152c5819"
+  "3b0ac58d"
 );
-const Nt = qt.exports, Yt = /* @__PURE__ */ o({
+const Yt = Ht.exports, Jt = /* @__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 },
+    border: null,
+    to: null
+  },
+  setup(a) {
+    const t = a, e = d(() => t.to ? b("RouterLink") : "div"), s = d(() => (t.brandName ?? t.title).slice(0, 2).toUpperCase());
+    return { __sfc: !0, props: t, tag: e, brandInitials: s };
+  }
+});
+var Qt = function() {
+  var t = this, e = t._self._c, s = t._self._setupProxy;
+  return e(s.tag, { tag: "component", class: ["cl-card-campaign", { "cl-card-campaign--hoverable": t.hoverable || !!t.to }], style: t.border ? { border: t.border } : {}, attrs: { to: t.to ?? void 0 } }, [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()])]);
+}, Zt = [], te = /* @__PURE__ */ i(
+  Jt,
+  Qt,
+  Zt,
+  !1,
+  null,
+  "d401f2c4"
+);
+const ee = te.exports, se = /* @__PURE__ */ o({
+  __name: "CreatorsCardShell",
+  props: {
+    padding: null,
+    border: null,
+    hoverable: { type: Boolean, default: !1 },
+    to: null
+  },
+  setup(a) {
+    const t = a, e = d(() => t.to ? b("RouterLink") : "div");
+    return { __sfc: !0, props: t, tag: e };
+  }
+});
+var le = function() {
+  var t = this, e = t._self._c, s = t._self._setupProxy;
+  return e(s.tag, { tag: "component", class: ["cl-card-shell", { "cl-card-shell--hoverable": t.hoverable || !!t.to }], style: { ...t.padding ? { padding: t.padding } : {}, ...t.border ? { border: t.border } : {} }, attrs: { to: t.to ?? void 0 } }, [t._t("default")], 2);
+}, ae = [], re = /* @__PURE__ */ i(
+  se,
+  le,
+  ae,
+  !1,
+  null,
+  "ba502d63"
+);
+const ne = re.exports, oe = /* @__PURE__ */ o({
   __name: "CreatorsModal",
   props: {
     modelValue: { type: Boolean },
@@ -581,58 +643,58 @@ const Nt = qt.exports, Yt = /* @__PURE__ */ o({
     function r(n) {
       n.key === "Escape" && e.modelValue && !e.persistent && s();
     }
-    return S(() => e.modelValue, (n) => {
+    return V(() => e.modelValue, (n) => {
       document.body.style.overflow = n ? "hidden" : "";
-    }), y(() => window.addEventListener("keydown", r)), b(() => {
+    }), y(() => window.addEventListener("keydown", r)), $(() => {
       window.removeEventListener("keydown", r), document.body.style.overflow = "";
     }), { __sfc: !0, props: e, emit: t, close: s, onOverlayClick: l, onKeydown: r };
   }
 });
-var Jt = function() {
+var ie = 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,
+}, ce = [], _e = /* @__PURE__ */ i(
+  oe,
+  ie,
+  ce,
   !1,
   null,
   null
 );
-const te = Zt.exports;
-let ee = 0;
-const v = V({ items: [] });
+const de = _e.exports;
+let ue = 0;
+const v = R({ 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 };
-  return s.id = e, s.duration > 0 && (s._timer = setTimeout(() => $(e), s.duration)), v.items.push(s), e;
+  const e = ++ue, 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(() => B(e), s.duration)), v.items.push(s), e;
 }
-function $(a) {
+function B(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 pe() {
   v.items.forEach((a) => clearTimeout(a._timer)), v.items.splice(0);
 }
-function le() {
+function fe() {
   return {
     toasts: v.items,
     add: g,
-    remove: $,
-    clear: se,
+    remove: B,
+    clear: pe,
     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 ve = /* @__PURE__ */ o({
   __name: "CreatorsToaster",
   setup(a) {
-    const { toasts: t, remove: e } = le(), s = [
+    const { toasts: t, remove: e } = fe(), s = [
       "top-left",
       "top-center",
       "top-right",
@@ -659,7 +721,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 he = 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 +734,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,
+}, me = [], ge = /* @__PURE__ */ i(
+  ve,
+  he,
+  me,
   !1,
   null,
   null
 );
-const ie = oe.exports, ce = /* @__PURE__ */ o({
+const we = ge.exports, Ce = /* @__PURE__ */ o({
   __name: "CreatorsSkeleton",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -695,7 +757,7 @@ const ie = oe.exports, ce = /* @__PURE__ */ o({
     return { __sfc: !0 };
   }
 });
-var _e = function() {
+var xe = 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 +765,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,
+}, be = [], ke = /* @__PURE__ */ i(
+  Ce,
+  xe,
+  be,
   !1,
   null,
   "3b626f1f"
 );
-const h = ue.exports, pe = /* @__PURE__ */ o({
+const h = ke.exports, ye = /* @__PURE__ */ o({
   __name: "CreatorsSkeletonCard",
   setup(a) {
     return { __sfc: !0, CreatorsSkeleton: h };
   }
 });
-var fe = function() {
+var $e = 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,
+}, Be = [], Se = /* @__PURE__ */ i(
+  ye,
+  $e,
+  Be,
   !1,
   null,
   "00fa9654"
 );
-const me = he.exports, ge = /* @__PURE__ */ o({
+const Ve = Se.exports, Re = /* @__PURE__ */ o({
   __name: "CreatorsSkeletonList",
   props: {
     rows: { default: 5 },
@@ -740,20 +802,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 Pe = 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,
+}, Fe = [], Le = /* @__PURE__ */ i(
+  Re,
+  Pe,
+  Fe,
   !1,
   null,
   "295ec324"
 );
-const ke = xe.exports, ye = /* @__PURE__ */ o({
+const je = Le.exports, ze = /* @__PURE__ */ o({
   __name: "CreatorsSkeletonSimpleList",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -764,20 +826,20 @@ const ke = xe.exports, ye = /* @__PURE__ */ o({
     return { __sfc: !0, CreatorsSkeleton: h };
   }
 });
-var be = function() {
+var Te = 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,
+}, Me = [], Ie = /* @__PURE__ */ i(
+  ze,
+  Te,
+  Me,
   !1,
   null,
   "f47e1288"
 );
-const Se = Be.exports, Ve = /* @__PURE__ */ o({
+const Oe = Ie.exports, De = /* @__PURE__ */ o({
   __name: "CreatorsSkeletonProfile",
   props: {
     avatarSize: { default: "80px" }
@@ -786,20 +848,20 @@ const Se = Be.exports, Ve = /* @__PURE__ */ o({
     return { __sfc: !0, CreatorsSkeleton: h };
   }
 });
-var Pe = function() {
+var Ee = 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,
+}, We = [], Ae = /* @__PURE__ */ i(
+  De,
+  Ee,
+  We,
   !1,
   null,
   "a6635fb6"
 );
-const je = Re.exports, ze = /* @__PURE__ */ o({
+const qe = Ae.exports, Ke = /* @__PURE__ */ o({
   __name: "CreatorsSkeletonTable",
   props: {
     rows: { default: 5 },
@@ -809,7 +871,7 @@ const je = Re.exports, ze = /* @__PURE__ */ o({
     return { __sfc: !0, CreatorsSkeleton: h };
   }
 });
-var Le = function() {
+var Ge = 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 +880,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,
+}, Ne = [], Ue = /* @__PURE__ */ i(
+  Ke,
+  Ge,
+  Ne,
   !1,
   null,
   "175f116d"
 );
-const Oe = Me.exports, Ie = /* @__PURE__ */ o({
+const Xe = Ue.exports, He = /* @__PURE__ */ o({
   __name: "CreatorsRow",
   props: {
     align: null,
@@ -837,7 +899,7 @@ const Oe = Me.exports, Ie = /* @__PURE__ */ o({
     return { __sfc: !0 };
   }
 });
-var Ee = function() {
+var Ye = function() {
   var t = this, e = t._self._c;
   return t._self._setupProxy, e("div", { class: [
     "cl-row",
@@ -845,15 +907,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,
+}, Je = [], Qe = /* @__PURE__ */ i(
+  He,
+  Ye,
+  Je,
   !1,
   null,
   null
 );
-const Ae = We.exports, Ke = /* @__PURE__ */ o({
+const Ze = Qe.exports, ts = /* @__PURE__ */ o({
   __name: "CreatorsCol",
   props: {
     cols: null,
@@ -875,18 +937,18 @@ const Ae = We.exports, Ke = /* @__PURE__ */ o({
     return { __sfc: !0, props: t, classes: e };
   }
 });
-var Ge = function() {
+var es = 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,
+}, ss = [], ls = /* @__PURE__ */ i(
+  ts,
+  es,
+  ss,
   !1,
   null,
   null
 );
-const He = Xe.exports, qe = /* @__PURE__ */ o({
+const as = ls.exports, rs = /* @__PURE__ */ o({
   __name: "CreatorsProgress",
   props: {
     value: { default: 0 },
@@ -899,47 +961,49 @@ const He = Xe.exports, qe = /* @__PURE__ */ o({
     return { __sfc: !0, props: t, gradId: e, clamped: s, fillWidth: l };
   }
 });
-var Ne = function() {
+var ns = 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,
+}, os = [], is = /* @__PURE__ */ i(
+  rs,
+  ns,
+  os,
   !1,
   null,
   null
 );
-const Qe = Je.exports, Ze = {
+const cs = is.exports, _s = {
   CreatorsButton: z,
-  CreatorsText: I,
+  CreatorsText: D,
   CreatorsAccordion: K,
-  CreatorsInput: q,
-  CreatorsInputSwitch: Z,
-  CreatorsTextarea: at,
-  CreatorsSelect: ct,
-  CreatorsCheckbox: ft,
-  CreatorsRadio: wt,
-  CreatorsRating: bt,
+  CreatorsInput: H,
+  CreatorsInputSwitch: tt,
+  CreatorsTextarea: rt,
+  CreatorsSelect: _t,
+  CreatorsCheckbox: vt,
+  CreatorsRadio: Ct,
+  CreatorsRating: $t,
   CreatorsDataTable: Pt,
-  CreatorsDivider: Lt,
+  CreatorsDivider: Tt,
   CreatorsTimeline: Et,
   CreatorsBadge: Gt,
-  CreatorsCard: Nt,
-  CreatorsModal: te,
-  CreatorsToaster: ie,
+  CreatorsCard: Yt,
+  CreatorsCardCampaign: ee,
+  CreatorsCardShell: ne,
+  CreatorsModal: de,
+  CreatorsToaster: we,
   CreatorsSkeleton: h,
-  CreatorsSkeletonCard: me,
-  CreatorsSkeletonList: ke,
-  CreatorsSkeletonSimpleList: Se,
-  CreatorsSkeletonProfile: je,
-  CreatorsSkeletonTable: Oe,
-  CreatorsRow: Ae,
-  CreatorsCol: He,
-  CreatorsProgress: Qe
-}, es = {
+  CreatorsSkeletonCard: Ve,
+  CreatorsSkeletonList: je,
+  CreatorsSkeletonSimpleList: Oe,
+  CreatorsSkeletonProfile: qe,
+  CreatorsSkeletonTable: Xe,
+  CreatorsRow: Ze,
+  CreatorsCol: as,
+  CreatorsProgress: cs
+}, us = {
   install(a) {
-    for (const [t, e] of Object.entries(Ze))
+    for (const [t, e] of Object.entries(_s))
       a.component(t, e);
   }
 };
@@ -947,29 +1011,31 @@ export {
   K as CreatorsAccordion,
   Gt as CreatorsBadge,
   z as CreatorsButton,
-  Nt as CreatorsCard,
-  ft as CreatorsCheckbox,
-  He as CreatorsCol,
+  Yt as CreatorsCard,
+  ee as CreatorsCardCampaign,
+  ne as CreatorsCardShell,
+  vt as CreatorsCheckbox,
+  as as CreatorsCol,
   Pt as CreatorsDataTable,
-  Lt as CreatorsDivider,
-  q as CreatorsInput,
-  Z as CreatorsInputSwitch,
-  es as CreatorsLibPlugin,
-  te as CreatorsModal,
-  Qe as CreatorsProgress,
-  wt as CreatorsRadio,
-  bt as CreatorsRating,
-  Ae as CreatorsRow,
-  ct as CreatorsSelect,
+  Tt as CreatorsDivider,
+  H as CreatorsInput,
+  tt as CreatorsInputSwitch,
+  us as CreatorsLibPlugin,
+  de as CreatorsModal,
+  cs as CreatorsProgress,
+  Ct as CreatorsRadio,
+  $t as CreatorsRating,
+  Ze as CreatorsRow,
+  _t as CreatorsSelect,
   h as CreatorsSkeleton,
-  me as CreatorsSkeletonCard,
-  ke as CreatorsSkeletonList,
-  je as CreatorsSkeletonProfile,
-  Se as CreatorsSkeletonSimpleList,
-  Oe as CreatorsSkeletonTable,
-  I as CreatorsText,
-  at as CreatorsTextarea,
+  Ve as CreatorsSkeletonCard,
+  je as CreatorsSkeletonList,
+  qe as CreatorsSkeletonProfile,
+  Oe as CreatorsSkeletonSimpleList,
+  Xe as CreatorsSkeletonTable,
+  D as CreatorsText,
+  rt as CreatorsTextarea,
   Et as CreatorsTimeline,
-  ie as CreatorsToaster,
-  le as useToast
+  we as CreatorsToaster,
+  fe as useToast
 };