clds-ui 0.3.3

package/dist/creators-lib.es.js

@@ -0,0 +1,949 @@
+import { defineComponent as o, computed as u, ref as f, onMounted as y, onUnmounted as b, watch as S, reactive as V } from "vue";
+const P = /* @__PURE__ */ o({
+  __name: "CreatorsButton",
+  props: {
+    variant: { default: "primary" },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(a, { emit: t }) {
+    return { __sfc: !0, emit: t };
+  }
+});
+function i(a, t, e, s, l, n, r, d) {
+  var c = typeof a == "function" ? a.options : a;
+  return t && (c.render = t, c.staticRenderFns = e, c._compiled = !0), n && (c._scopeId = "data-v-" + n), {
+    exports: a,
+    options: c
+  };
+}
+var R = function() {
+  var t = this, e = t._self._c, s = t._self._setupProxy;
+  return e("button", t._b({ class: [
+    "cl-btn",
+    `cl-btn--${t.variant}`,
+    `cl-btn--${t.size}`,
+    { "cl-btn--loading": t.loading }
+  ], 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);
+}, j = [], F = /* @__PURE__ */ i(
+  P,
+  R,
+  j,
+  !1,
+  null,
+  "bf5586f5"
+);
+const z = F.exports, L = /* @__PURE__ */ o({
+  __name: "CreatorsText",
+  props: {
+    variant: { default: "body-md" },
+    as: null
+  },
+  setup(a) {
+    const t = a, e = {
+      "display-2xl": "p",
+      "display-xl": "p",
+      "display-l": "p",
+      "display-md": "p",
+      "display-sm": "p",
+      "accent-2xl": "p",
+      "accent-xl": "p",
+      "accent-l": "p",
+      "accent-md": "p",
+      "accent-sm": "p",
+      h1: "h1",
+      h2: "h2",
+      h3: "h3",
+      h4: "h4",
+      h5: "h5",
+      "body-lg": "p",
+      "body-md": "p",
+      "body-sm": "p"
+    }, s = u(() => t.as ?? e[t.variant]);
+    return { __sfc: !0, props: t, defaultTags: e, resolvedTag: s };
+  }
+});
+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,
+  T,
+  M,
+  !1,
+  null,
+  "a993d82e"
+);
+const I = O.exports, E = /* @__PURE__ */ o({
+  __name: "CreatorsAccordion",
+  props: {
+    items: null,
+    defaultOpen: { default: -1 }
+  },
+  emits: ["change"],
+  setup(a, { emit: t }) {
+    const e = a, s = f(
+      e.defaultOpen >= 0 ? e.defaultOpen : null
+    );
+    function l(n) {
+      s.value = s.value === n ? null : n, t("change", s.value);
+    }
+    return { __sfc: !0, props: e, emit: t, openIndex: s, toggle: l };
+  }
+});
+var D = function() {
+  var t = this, e = t._self._c, s = t._self._setupProxy;
+  return e("div", { staticClass: "cl-accordion" }, t._l(t.items, function(l, n) {
+    return e("div", { key: n, staticClass: "cl-accordion__item", class: { "cl-accordion__item--open": s.openIndex === n } }, [e("button", { staticClass: "cl-accordion__trigger", on: { click: function(r) {
+      return s.toggle(n);
+    } } }, [e("span", { staticClass: "cl-accordion__title" }, [t._v(t._s(l.title))]), e("svg", { staticClass: "cl-accordion__icon", 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("div", { staticClass: "cl-accordion__body" }, [e("div", { staticClass: "cl-accordion__content" }, [t._t(`item-${n}`, function() {
+      return [t._v(t._s(l.content))];
+    })], 2)])]);
+  }), 0);
+}, W = [], A = /* @__PURE__ */ i(
+  E,
+  D,
+  W,
+  !1,
+  null,
+  "cdacee19"
+);
+const K = A.exports, G = /* @__PURE__ */ o({
+  __name: "CreatorsInput",
+  props: {
+    modelValue: null,
+    label: null,
+    placeholder: null,
+    hint: null,
+    error: null,
+    type: { default: "text" },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 },
+    id: null,
+    icon: null,
+    loading: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    searchable: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "enter", "focus", "blur", "clear", "search"],
+  setup(a, { emit: t }) {
+    function e(r) {
+      t("update:modelValue", r.target.value);
+    }
+    function s(r) {
+      const d = r.target.value;
+      t("enter", d), t("search", d);
+    }
+    function l() {
+      t("update:modelValue", ""), t("clear");
+    }
+    function n() {
+      t("search", "");
+    }
+    return { __sfc: !0, emit: t, onInput: e, onEnter: s, onClear: l, onSearch: n };
+  }
+});
+var X = 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()];
+  })], 2) : t._e(), e("input", t._b({ staticClass: "cl-input__field", attrs: { id: t.id, placeholder: t.placeholder, disabled: t.disabled || t.loading, type: t.type }, 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") ? null : s.onEnter.apply(null, arguments);
+  }, focus: function(l) {
+    return s.emit("focus", l);
+  }, 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()]);
+}, H = [], q = /* @__PURE__ */ i(
+  G,
+  X,
+  H,
+  !1,
+  null,
+  "914bb790"
+);
+const N = q.exports, U = /* @__PURE__ */ o({
+  __name: "CreatorsInputSwitch",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    label: null,
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(a, { emit: t }) {
+    function e(s) {
+      t("update:modelValue", s.target.checked);
+    }
+    return { __sfc: !0, emit: t, onChange: e };
+  }
+});
+var Y = 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() {
+  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(
+  U,
+  Y,
+  J,
+  !1,
+  null,
+  "3fb5090c"
+);
+const Z = Q.exports, tt = /* @__PURE__ */ o({
+  __name: "CreatorsTextarea",
+  props: {
+    modelValue: null,
+    label: null,
+    placeholder: null,
+    hint: null,
+    error: null,
+    rows: { default: 4 },
+    maxlength: null,
+    disabled: { type: Boolean, default: !1 },
+    id: null
+  },
+  emits: ["update:modelValue", "enter", "focus", "blur"],
+  setup(a, { emit: t }) {
+    const e = a;
+    function s(r) {
+      t("update:modelValue", r.target.value);
+    }
+    function l(r) {
+      t("enter", r.target.value);
+    }
+    const n = u(
+      () => e.maxlength !== void 0 && (e.modelValue ?? "").length > e.maxlength
+    );
+    return { __sfc: !0, props: e, emit: t, onInput: s, onEnter: l, isOver: n };
+  }
+});
+var et = 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);
+  }, focus: function(l) {
+    return s.emit("focus", l);
+  }, 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,
+  et,
+  st,
+  !1,
+  null,
+  "4d2b35a5"
+);
+const at = lt.exports, nt = /* @__PURE__ */ o({
+  __name: "CreatorsSelect",
+  props: {
+    modelValue: null,
+    options: null,
+    label: null,
+    placeholder: { default: "Selecionar..." },
+    hint: null,
+    error: null,
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(a, { emit: t }) {
+    const e = a, s = f(!1), l = f(null), n = u(
+      () => e.options.find((_) => _.value === e.modelValue) ?? null
+    );
+    function r() {
+      e.disabled || (s.value = !s.value);
+    }
+    function d(_) {
+      t("update:modelValue", _.value), t("change", _.value), s.value = !1;
+    }
+    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: n, toggle: r, select: d, onClickOutside: c };
+  }
+});
+var rt = 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(n) {
+      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(
+  nt,
+  rt,
+  ot,
+  !1,
+  null,
+  "06f181b3"
+);
+const ct = it.exports, _t = /* @__PURE__ */ o({
+  __name: "CreatorsCheckbox",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    label: null,
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(a, { emit: t }) {
+    function e(s) {
+      t("update:modelValue", s.target.checked);
+    }
+    return { __sfc: !0, emit: t, onChange: e };
+  }
+});
+var dt = 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,
+  dt,
+  ut,
+  !1,
+  null,
+  "d1ad8f2e"
+);
+const ft = pt.exports, vt = /* @__PURE__ */ o({
+  __name: "CreatorsRadio",
+  props: {
+    modelValue: null,
+    value: null,
+    label: null,
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(a, { emit: t }) {
+    return { __sfc: !0, emit: t };
+  }
+});
+var ht = 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,
+  ht,
+  mt,
+  !1,
+  null,
+  "242eedd7"
+);
+const wt = gt.exports, Ct = /* @__PURE__ */ o({
+  __name: "CreatorsRating",
+  props: {
+    modelValue: null,
+    count: { default: 5 },
+    size: { default: "md" },
+    readonly: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    showValue: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(a, { emit: t }) {
+    const e = a, s = f(null), l = u(() => ({ sm: 16, md: 24, lg: 32 })[e.size]);
+    function n(r) {
+      t("update:modelValue", r), t("change", r);
+    }
+    return { __sfc: !0, props: e, emit: t, hovered: s, starSize: l, select: n };
+  }
+});
+var xt = 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: {
+      "cl-rating__star--filled": l <= (s.hovered ?? t.modelValue ?? 0)
+    }, attrs: { type: "button", disabled: t.disabled || t.readonly }, on: { click: function(n) {
+      return s.select(l);
+    }, mouseenter: function(n) {
+      s.hovered = l;
+    }, mouseleave: function(n) {
+      s.hovered = null;
+    } } }, [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,
+  kt,
+  !1,
+  null,
+  "e6a67dab"
+);
+const bt = yt.exports, $t = /* @__PURE__ */ o({
+  __name: "CreatorsDataTable",
+  props: {
+    columns: null,
+    rows: null,
+    loading: { type: Boolean, default: !1 },
+    emptyText: { default: "Nenhum resultado encontrado." },
+    pagination: { type: Boolean, default: !1 },
+    pageSize: { default: 10 },
+    onRowClick: { type: Boolean, default: !1 }
+  },
+  emits: ["row-click", "sort"],
+  setup(a, { emit: t }) {
+    const e = a, s = f(null), l = f("asc"), n = f(1);
+    function r(p) {
+      s.value === p ? l.value = l.value === "asc" ? "desc" : "asc" : (s.value = p, l.value = "asc"), t("sort", s.value, l.value);
+    }
+    const d = u(() => s.value ? [...e.rows].sort((p, B) => {
+      const C = p[s.value], x = B[s.value];
+      if (C == null) return 1;
+      if (x == null) return -1;
+      const k = C < x ? -1 : C > x ? 1 : 0;
+      return l.value === "asc" ? k : -k;
+    }) : [...e.rows]), c = u(() => Math.max(1, Math.ceil(e.rows.length / e.pageSize))), _ = u(() => {
+      if (!e.pagination) return d.value;
+      const p = (n.value - 1) * e.pageSize;
+      return d.value.slice(p, p + e.pageSize);
+    }), m = u(() => Math.min((n.value - 1) * e.pageSize + 1, e.rows.length)), w = u(() => Math.min(n.value * e.pageSize, e.rows.length));
+    return { __sfc: !0, props: e, emit: t, sortKey: s, sortDir: l, page: n, toggleSort: r, sorted: d, totalPages: c, sortedRows: _, paginationStart: m, paginationEnd: w };
+  }
+});
+var Bt = 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(n) {
+      l.sortable && s.toggleSort(l.key);
+    } } }, [e("span", { staticClass: "cl-table__th-inner" }, [t._v(" " + t._s(l.label) + " "), l.sortable ? e("span", { staticClass: "cl-table__sort-icon" }, [e("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [s.sortKey === l.key && s.sortDir === "asc" ? e("polyline", { attrs: { points: "18 15 12 9 6 15" } }) : s.sortKey === l.key && s.sortDir === "desc" ? e("polyline", { attrs: { points: "6 9 12 15 18 9" } }) : e("g", [e("polyline", { attrs: { points: "18 15 12 9 6 15", opacity: "0.4" } }), e("polyline", { staticStyle: { transform: "translateY(-8px)" }, attrs: { points: "6 21 12 27 18 21", opacity: "0.4" } })])])]) : t._e()])]);
+  }), 0)]), e("tbody", { staticClass: "cl-table__body" }, [t.loading ? e("tr", [e("td", { staticClass: "cl-table__td cl-table__td--center", attrs: { colspan: t.columns.length } }, [t._m(0)])]) : s.sortedRows.length ? t._l(s.sortedRows, function(l, n) {
+    return e("tr", { key: n, staticClass: "cl-table__row", class: { "cl-table__row--clickable": !!t.onRowClick }, on: { click: function(r) {
+      t.onRowClick && s.emit("row-click", l);
+    } } }, t._l(t.columns, function(r) {
+      return e("td", { key: r.key, staticClass: "cl-table__td" }, [t._t(`cell-${r.key}`, function() {
+        return [t._v(" " + t._s(l[r.key]) + " ")];
+      }, { row: l, value: l[r.key] })], 2);
+    }), 0);
+  }) : e("tr", [e("td", { staticClass: "cl-table__td cl-table__td--center cl-table__td--empty", attrs: { colspan: t.columns.length } }, [t._v(" " + t._s(t.emptyText) + " ")])])], 2)]), t.pagination ? e("div", { staticClass: "cl-table__pagination" }, [e("span", { staticClass: "cl-table__pagination-info" }, [t._v(" " + t._s(s.paginationStart) + "–" + t._s(s.paginationEnd) + " de " + t._s(t.rows.length) + " ")]), e("div", { staticClass: "cl-table__pagination-controls" }, [e("button", { staticClass: "cl-table__page-btn", attrs: { disabled: s.page === 1 }, 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: "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() {
+  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,
+  Bt,
+  St,
+  !1,
+  null,
+  "7b8da436"
+);
+const Pt = Vt.exports, Rt = /* @__PURE__ */ o({
+  __name: "CreatorsDivider",
+  props: {
+    label: null,
+    align: { default: "center" },
+    orientation: { default: "horizontal" },
+    dashed: { type: Boolean, default: !1 }
+  },
+  setup(a) {
+    return { __sfc: !0 };
+  }
+});
+var jt = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e("div", { class: [
+    "cl-divider",
+    `cl-divider--${t.orientation}`,
+    { "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()]);
+}, Ft = [], zt = /* @__PURE__ */ i(
+  Rt,
+  jt,
+  Ft,
+  !1,
+  null,
+  "31f5c2f9"
+);
+const Lt = zt.exports, Tt = /* @__PURE__ */ o({
+  __name: "CreatorsTimeline",
+  props: {
+    items: null,
+    align: { default: "left" },
+    orientation: { default: "vertical" }
+  },
+  setup(a) {
+    return { __sfc: !0 };
+  }
+});
+var Mt = 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: [
+      "cl-timeline__item",
+      t.align === "alternate" ? l % 2 === 0 ? "cl-timeline__item--left" : "cl-timeline__item--right" : ""
+    ] }, [t.align === "alternate" ? [l % 2 === 0 ? e("div", { staticClass: "cl-timeline__content cl-timeline__content--left" }, [t._t(`item-${l}`, function() {
+      return [e("div", { staticClass: "cl-timeline__card" }, [e("div", { staticClass: "cl-timeline__card-header cl-timeline__card-header--reverse" }, [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 cl-timeline__tag--right" }, [t._v(t._s(s.tag))]) : t._e()])];
+    })], 2) : e("div", { staticClass: "cl-timeline__spacer" }), e("div", { staticClass: "cl-timeline__dot-wrapper" }, [e("div", { staticClass: "cl-timeline__line cl-timeline__line--before" }), e("div", { class: ["cl-timeline__dot", `cl-timeline__dot--${s.color ?? "primary"}`] }, [t._t(`dot-${l}`, function() {
+      return [s.icon === "check" ? e("svg", { 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" } })]) : s.icon === "star" ? e("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 24 24", fill: "currentColor" } }, [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" } })]) : s.icon === "warning" ? e("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [e("path", { attrs: { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" } }), e("line", { attrs: { x1: "12", y1: "9", x2: "12", y2: "13" } }), e("line", { attrs: { x1: "12", y1: "17", x2: "12.01", y2: "17" } })]) : t._e()];
+    })], 2), e("div", { staticClass: "cl-timeline__line cl-timeline__line--after" })]), l % 2 !== 0 ? e("div", { staticClass: "cl-timeline__content cl-timeline__content--right" }, [t._t(`item-${l}`, 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) : e("div", { staticClass: "cl-timeline__spacer" })] : [e("div", { staticClass: "cl-timeline__dot-wrapper" }, [e("div", { staticClass: "cl-timeline__line cl-timeline__line--before" }), e("div", { class: ["cl-timeline__dot", `cl-timeline__dot--${s.color ?? "primary"}`] }, [t._t(`dot-${l}`, function() {
+      return [s.icon === "check" ? e("svg", { 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" } })]) : s.icon === "star" ? e("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 24 24", fill: "currentColor" } }, [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" } })]) : s.icon === "warning" ? e("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [e("path", { attrs: { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" } }), e("line", { attrs: { x1: "12", y1: "9", x2: "12", y2: "13" } }), e("line", { attrs: { x1: "12", y1: "17", x2: "12.01", y2: "17" } })]) : t._e()];
+    })], 2), e("div", { staticClass: "cl-timeline__line cl-timeline__line--after" })]), e("div", { staticClass: "cl-timeline__content" }, [t._t(`item-${l}`, 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,
+  Mt,
+  Ot,
+  !1,
+  null,
+  "f802dc88"
+);
+const Et = It.exports, Dt = /* @__PURE__ */ o({
+  __name: "CreatorsBadge",
+  props: {
+    variant: { default: "default" },
+    icon: null
+  },
+  setup(a) {
+    const t = a, e = ["success", "warning", "error", "info"].includes(t.variant) && !t.icon;
+    return { __sfc: !0, props: t, statusIcon: e };
+  }
+});
+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,
+  Wt,
+  At,
+  !1,
+  null,
+  "36988d61"
+);
+const Gt = Kt.exports, Xt = /* @__PURE__ */ o({
+  __name: "CreatorsCard",
+  props: {
+    title: null,
+    description: null,
+    label: null,
+    variant: { default: "default" },
+    hoverable: { type: Boolean, default: !1 },
+    flush: { type: Boolean, default: !1 }
+  },
+  setup(a) {
+    return { __sfc: !0 };
+  }
+});
+var Ht = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e("div", { class: [
+    "cl-card",
+    `cl-card--${t.variant}`,
+    { "cl-card--hoverable": t.hoverable },
+    { "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() {
+    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()]);
+}, qt = [], Nt = /* @__PURE__ */ i(
+  Xt,
+  Ht,
+  qt,
+  !1,
+  null,
+  "152c5819"
+);
+const Ut = Nt.exports, Yt = /* @__PURE__ */ o({
+  __name: "CreatorsModal",
+  props: {
+    modelValue: { type: Boolean },
+    title: null,
+    size: { default: "md" },
+    hideClose: { type: Boolean, default: !1 },
+    persistent: { type: Boolean, default: !1 },
+    blur: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "close"],
+  setup(a, { emit: t }) {
+    const e = a;
+    function s() {
+      t("update:modelValue", !1), t("close");
+    }
+    function l() {
+      e.persistent || s();
+    }
+    function n(r) {
+      r.key === "Escape" && e.modelValue && !e.persistent && s();
+    }
+    return S(() => e.modelValue, (r) => {
+      document.body.style.overflow = r ? "hidden" : "";
+    }), y(() => window.addEventListener("keydown", n)), b(() => {
+      window.removeEventListener("keydown", n), document.body.style.overflow = "";
+    }), { __sfc: !0, props: e, emit: t, close: s, onOverlayClick: l, onKeydown: n };
+  }
+});
+var Jt = 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,
+  !1,
+  null,
+  null
+);
+const te = Zt.exports;
+let ee = 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 };
+  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() {
+  v.items.forEach((a) => clearTimeout(a._timer)), v.items.splice(0);
+}
+function le() {
+  return {
+    toasts: v.items,
+    add: g,
+    remove: $,
+    clear: se,
+    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({
+  __name: "CreatorsToaster",
+  setup(a) {
+    const { toasts: t, remove: e } = le(), s = [
+      "top-left",
+      "top-center",
+      "top-right",
+      "bottom-left",
+      "bottom-center",
+      "bottom-right"
+    ];
+    function l(c) {
+      return t.filter((_) => _.position === c);
+    }
+    const n = /* @__PURE__ */ new Map();
+    function r(c) {
+      if (c.duration <= 0) return;
+      clearTimeout(c._timer);
+      const _ = n.get(c.id), m = _ ? _.remaining : c.duration;
+      n.set(c.id, { remaining: m, startedAt: Date.now() });
+    }
+    function d(c) {
+      const _ = n.get(c.id);
+      if (!_) return;
+      const m = Date.now() - _.startedAt, w = Math.max(_.remaining - m, 0);
+      n.delete(c.id), c._timer = setTimeout(() => e(c.id), w);
+    }
+    return { __sfc: !0, toasts: t, remove: e, positions: s, byPosition: l, paused: n, pauseTimer: r, resumeTimer: d };
+  }
+});
+var ne = 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(n) {
+      return e("div", { key: n.id, class: ["cl-toast", `cl-toast--${n.type}`], attrs: { role: "alert" }, on: { mouseenter: function(r) {
+        return s.pauseTimer(n);
+      }, mouseleave: function(r) {
+        return s.resumeTimer(n);
+      } } }, [e("div", { staticClass: "cl-toast__icon" }, [n.type === "success" ? 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("path", { attrs: { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" } }), e("polyline", { attrs: { points: "22 4 12 14.01 9 11.01" } })]) : n.type === "error" ? 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("circle", { attrs: { cx: "12", cy: "12", r: "10" } }), e("line", { attrs: { x1: "15", y1: "9", x2: "9", y2: "15" } }), e("line", { attrs: { x1: "9", y1: "9", x2: "15", y2: "15" } })]) : n.type === "warning" ? 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("path", { attrs: { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" } }), e("line", { attrs: { x1: "12", y1: "9", x2: "12", y2: "13" } }), e("line", { attrs: { x1: "12", y1: "17", x2: "12.01", y2: "17" } })]) : 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("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" } })])]), e("div", { staticClass: "cl-toast__body" }, [e("span", { staticClass: "cl-toast__title" }, [t._v(t._s(n.title))]), n.description ? e("span", { staticClass: "cl-toast__desc" }, [t._v(t._s(n.description))]) : t._e()]), e("button", { staticClass: "cl-toast__close", attrs: { "aria-label": "Fechar" }, on: { click: function(r) {
+        return s.remove(n.id);
+      } } }, [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" } })])]), n.duration > 0 ? e("div", { staticClass: "cl-toast__progress" }, [e("div", { staticClass: "cl-toast__progress-bar", style: { animationDuration: `${n.duration}ms` } })]) : t._e()]);
+    }), 0);
+  }), 1);
+}, re = [], oe = /* @__PURE__ */ i(
+  ae,
+  ne,
+  re,
+  !1,
+  null,
+  null
+);
+const ie = oe.exports, ce = /* @__PURE__ */ o({
+  __name: "CreatorsSkeleton",
+  props: {
+    loading: { type: Boolean, default: !0 },
+    variant: { default: "rect" },
+    width: null,
+    height: null,
+    radius: null,
+    lines: { default: 3 },
+    animated: { type: Boolean, default: !0 }
+  },
+  setup(a) {
+    return { __sfc: !0 };
+  }
+});
+var _e = 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: {
+      height: "14px",
+      width: s === t.lines && t.lines > 1 ? "65%" : t.width ?? "100%"
+    } });
+  }), 0)] : t._t("default");
+}, de = [], ue = /* @__PURE__ */ i(
+  ce,
+  _e,
+  de,
+  !1,
+  null,
+  "3b626f1f"
+);
+const h = ue.exports, pe = /* @__PURE__ */ o({
+  __name: "CreatorsSkeletonCard",
+  setup(a) {
+    return { __sfc: !0, CreatorsSkeleton: h };
+  }
+});
+var fe = 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,
+  !1,
+  null,
+  "00fa9654"
+);
+const me = he.exports, ge = /* @__PURE__ */ o({
+  __name: "CreatorsSkeletonList",
+  props: {
+    rows: { default: 5 },
+    avatar: { type: Boolean, default: !0 },
+    subtitle: { type: Boolean, default: !0 },
+    action: { type: Boolean, default: !1 }
+  },
+  setup(a) {
+    return { __sfc: !0, titleWidths: ["60%", "75%", "50%", "80%", "65%"], subtitleWidths: ["40%", "55%", "35%", "50%", "45%"], CreatorsSkeleton: h };
+  }
+});
+var we = 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,
+  !1,
+  null,
+  "295ec324"
+);
+const ke = xe.exports, ye = /* @__PURE__ */ o({
+  __name: "CreatorsSkeletonSimpleList",
+  props: {
+    loading: { type: Boolean, default: !0 },
+    rows: { default: 6 },
+    height: { default: "44px" }
+  },
+  setup(a) {
+    return { __sfc: !0, CreatorsSkeleton: h };
+  }
+});
+var be = 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,
+  !1,
+  null,
+  "f47e1288"
+);
+const Se = Be.exports, Ve = /* @__PURE__ */ o({
+  __name: "CreatorsSkeletonProfile",
+  props: {
+    avatarSize: { default: "80px" }
+  },
+  setup(a) {
+    return { __sfc: !0, CreatorsSkeleton: h };
+  }
+});
+var Pe = 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);
+}, Re = [], je = /* @__PURE__ */ i(
+  Ve,
+  Pe,
+  Re,
+  !1,
+  null,
+  "a6635fb6"
+);
+const Fe = je.exports, ze = /* @__PURE__ */ o({
+  __name: "CreatorsSkeletonTable",
+  props: {
+    rows: { default: 5 },
+    cols: { default: 4 }
+  },
+  setup(a) {
+    return { __sfc: !0, CreatorsSkeleton: h };
+  }
+});
+var Le = 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);
+  }), 0), t._l(t.rows, function(l) {
+    return e("div", { key: l, staticClass: "cl-skeleton-table__row" }, t._l(t.cols, function(n) {
+      return e("div", { key: n, staticClass: "cl-skeleton-table__cell" }, [e(s.CreatorsSkeleton, { attrs: { variant: "rect", width: n === 1 ? "140px" : n === t.cols ? "60px" : `${70 + (l + n) % 3 * 20}px`, height: "13px" } })], 1);
+    }), 0);
+  })], 2);
+}, Te = [], Me = /* @__PURE__ */ i(
+  ze,
+  Le,
+  Te,
+  !1,
+  null,
+  "175f116d"
+);
+const Oe = Me.exports, Ie = /* @__PURE__ */ o({
+  __name: "CreatorsRow",
+  props: {
+    align: null,
+    justify: null,
+    noGutter: { type: Boolean, default: !1 }
+  },
+  setup(a) {
+    return { __sfc: !0 };
+  }
+});
+var Ee = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e("div", { class: [
+    "cl-row",
+    t.align ? `cl-row--align-${t.align}` : "",
+    t.justify ? `cl-row--justify-${t.justify}` : "",
+    t.noGutter ? "cl-row--no-gutter" : ""
+  ] }, [t._t("default")], 2);
+}, De = [], We = /* @__PURE__ */ i(
+  Ie,
+  Ee,
+  De,
+  !1,
+  null,
+  null
+);
+const Ae = We.exports, Ke = /* @__PURE__ */ o({
+  __name: "CreatorsCol",
+  props: {
+    cols: null,
+    sm: null,
+    md: null,
+    lg: null,
+    xl: null,
+    offset: null,
+    offsetSm: null,
+    offsetMd: null,
+    offsetLg: null,
+    offsetXl: null
+  },
+  setup(a) {
+    const t = a, e = u(() => {
+      const s = ["cl-col"];
+      return t.cols && s.push(`c-${t.cols}`), t.sm && s.push(`c-sm-${t.sm}`), t.md && s.push(`c-md-${t.md}`), t.lg && s.push(`c-lg-${t.lg}`), t.xl && s.push(`c-xl-${t.xl}`), t.offset && s.push(`c-offset-${t.offset}`), t.offsetSm && s.push(`c-sm-offset-${t.offsetSm}`), t.offsetMd && s.push(`c-md-offset-${t.offsetMd}`), t.offsetLg && s.push(`c-lg-offset-${t.offsetLg}`), t.offsetXl && s.push(`c-xl-offset-${t.offsetXl}`), s;
+    });
+    return { __sfc: !0, props: t, classes: e };
+  }
+});
+var Ge = function() {
+  var t = this, e = t._self._c, s = t._self._setupProxy;
+  return e("div", { class: s.classes }, [t._t("default")], 2);
+}, Xe = [], He = /* @__PURE__ */ i(
+  Ke,
+  Ge,
+  Xe,
+  !1,
+  null,
+  null
+);
+const qe = He.exports, Ne = {
+  CreatorsButton: z,
+  CreatorsText: I,
+  CreatorsAccordion: K,
+  CreatorsInput: N,
+  CreatorsInputSwitch: Z,
+  CreatorsTextarea: at,
+  CreatorsSelect: ct,
+  CreatorsCheckbox: ft,
+  CreatorsRadio: wt,
+  CreatorsRating: bt,
+  CreatorsDataTable: Pt,
+  CreatorsDivider: Lt,
+  CreatorsTimeline: Et,
+  CreatorsBadge: Gt,
+  CreatorsCard: Ut,
+  CreatorsModal: te,
+  CreatorsToaster: ie,
+  CreatorsSkeleton: h,
+  CreatorsSkeletonCard: me,
+  CreatorsSkeletonList: ke,
+  CreatorsSkeletonSimpleList: Se,
+  CreatorsSkeletonProfile: Fe,
+  CreatorsSkeletonTable: Oe,
+  CreatorsRow: Ae,
+  CreatorsCol: qe
+}, Ye = {
+  install(a) {
+    for (const [t, e] of Object.entries(Ne))
+      a.component(t, e);
+  }
+};
+export {
+  K as CreatorsAccordion,
+  Gt as CreatorsBadge,
+  z as CreatorsButton,
+  Ut as CreatorsCard,
+  ft as CreatorsCheckbox,
+  qe as CreatorsCol,
+  Pt as CreatorsDataTable,
+  Lt as CreatorsDivider,
+  N as CreatorsInput,
+  Z as CreatorsInputSwitch,
+  Ye as CreatorsLibPlugin,
+  te as CreatorsModal,
+  wt as CreatorsRadio,
+  bt as CreatorsRating,
+  Ae as CreatorsRow,
+  ct as CreatorsSelect,
+  h as CreatorsSkeleton,
+  me as CreatorsSkeletonCard,
+  ke as CreatorsSkeletonList,
+  Fe as CreatorsSkeletonProfile,
+  Se as CreatorsSkeletonSimpleList,
+  Oe as CreatorsSkeletonTable,
+  I as CreatorsText,
+  at as CreatorsTextarea,
+  Et as CreatorsTimeline,
+  ie as CreatorsToaster,
+  le as useToast
+};