@comercti/react-components-hmg 0.25.4 → 0.25.5

package/comerc-style-guide.es.js

@@ -2636,13 +2636,13 @@ const _a = /* @__PURE__ */ Y({
       ]))
     ], 64));
   }
-}), Su = G(Ko), $u = G(
+}), Vu = G(Ko), Eu = G(
   ul
-), Vu = G(
+), ju = G(
   yl
-), Eu = G(
+), Lu = G(
   Ll
-), ju = G(
+), Fu = G(
   Rl
 ), Il = (e) => {
   const t = L(""), a = L(!1), n = L(""), o = L([]), l = L([]);
@@ -5568,39 +5568,39 @@ const Gi = { class: "flex flex-row items-center gap-2 mb-1" }, Ji = ["for", "inn
       ])) : e.reserveSpaceFeedback ? (d(), f("span", Jd, "​")) : A("", !0)
     ], 2));
   }
-}), _d = /* @__PURE__ */ pt(Kd, [["__scopeId", "data-v-fc49e507"]]), Lu = G(
+}), _d = /* @__PURE__ */ pt(Kd, [["__scopeId", "data-v-fc49e507"]]), zu = G(
   Nd
-), Fu = G(
+), Tu = G(
   _d
-), zu = G(
+), Hu = G(
   Zt
-), Tu = G(
+), Pu = G(
   et
-), Hu = G(
+), Ou = G(
   Xl
-), Pu = G(
+), Ru = G(
   Kl
-), Ou = G(
+), Iu = G(
   as
-), Ru = G(
+), Nu = G(
   Ge
-), Iu = G(
+), qu = G(
   gs
-), Nu = G(
+), Uu = G(
   Ts
-), qu = G(
+), Zu = G(
   tn
-), Uu = G(
+), Wu = G(
   Fi
-), Zu = G(
+), Xu = G(
   bt
-), Wu = G(
+), Qu = G(
   Wi
-), Xu = G(
+), Yu = G(
   hd
-), Qu = G(
+), Gu = G(
   Ad
-), Yu = G(
+), Ju = G(
   $d
 );
 function e0(e) {
@@ -6867,9 +6867,9 @@ const s0 = /* @__PURE__ */ Y({
       _: 3
     }, 16, ["class"]));
   }
-}), Gu = G(s0), Ju = G(i0), Ku = G(
+}), Ku = G(s0), _u = G(i0), ec = G(
   d0
-), _u = G(
+), tc = G(
   Q
 ), u0 = { class: "flex w-full flex-wrap justify-between md:justify-normal" }, c0 = { class: "flex flex-col p-2" }, f0 = { class: "text-sm font-semibold text-[#45D32D]" }, m0 = { class: "ml-4 flex flex-col space-y-2" }, g0 = ["src"], v0 = ["href"], h0 = /* @__PURE__ */ Y({
   __name: "SolucoesParaVoce",
@@ -7448,16 +7448,16 @@ const s0 = /* @__PURE__ */ Y({
       }), 128))
     ], 34));
   }
-}), I0 = { class: "flex w-full max-w-[30rem] items-center gap-4" }, N0 = { class: "text-ce_light_gray text-lg" }, q0 = { class: "flex flex-wrap items-center gap-4" }, U0 = { class: "text-ce_light_gray text-lg" }, Z0 = { class: "text-ce_light_gray text-lg" }, W0 = {
+}), I0 = { class: "flex w-full max-w-[30rem] items-center gap-4" }, N0 = { class: "text-ce_light_gray text-lg" }, q0 = { class: "flex flex-wrap items-center gap-4" }, U0 = { class: "text-sm" }, Z0 = { class: "text-ce_light_gray text-lg" }, W0 = { class: "text-ce_light_gray text-lg" }, X0 = { class: "text-sm" }, Q0 = {
   key: 1,
   class: "flex items-center gap-2"
-}, X0 = ["disabled", "onClick"], Q0 = {
+}, Y0 = ["onClick"], G0 = {
   key: 0,
   class: "text-ce_light_gray text-lg"
-}, Y0 = {
+}, J0 = {
   key: 0,
   class: "border border-ce_gray rounded-full"
-}, G0 = /* @__PURE__ */ Y({
+}, K0 = /* @__PURE__ */ Y({
   __name: "ce-breadcrumbs",
   props: {
     home: { default: "/home" },
@@ -7481,8 +7481,8 @@ const s0 = /* @__PURE__ */ Y({
     function c(s) {
       return {
         text: "text-ce_green font-semibold  px-2 py-1 rounded-xl",
-        primary: "flex items-center space-x-2 cursor-not-allowed text-ce_green font-semibold bg-[#C2DAB3] px-2 py-1 rounded",
-        secondary: "flex items-center space-x-2 cursor-not-allowed text-ce_medium_gray font-semibold bg-ce_white px-2 py-1 rounded"
+        primary: "flex items-center space-x-2 text-ce_green font-semibold bg-[#C2DAB3] px-2 py-1 rounded",
+        secondary: "flex items-center space-x-2 text-ce_medium_gray font-semibold bg-ce_white px-2 py-1 rounded"
       }[s];
     }
     return (s, u) => (d(), f("div", I0, [
@@ -7507,42 +7507,41 @@ const s0 = /* @__PURE__ */ Y({
             type: "button",
             onClick: u[1] || (u[1] = (m) => n(e.items[0].path))
           }, [
-            i("p", null, P(e.items[0].text), 1)
+            i("p", U0, P(e.items[0].text), 1)
           ], 2),
-          i("span", U0, P(e.divider), 1),
+          i("span", Z0, P(e.divider), 1),
           i("button", {
             type: "button",
             onClick: l,
             class: "text-ce_gray font-medium text-sm"
           }, " ... "),
-          i("span", Z0, P(e.divider), 1),
+          i("span", W0, P(e.divider), 1),
           i("button", {
             type: "button",
             class: x(c(e.variant))
           }, [
-            i("p", null, P(e.items[e.items.length - 1].text), 1)
+            i("p", X0, P(e.items[e.items.length - 1].text), 1)
           ], 2)
-        ], 64)) : (d(), f("div", W0, [
+        ], 64)) : (d(), f("div", Q0, [
           (d(!0), f(X, null, J(e.items, (m, g) => (d(), f("button", {
             key: g,
             class: "flex items-center space-x-4",
-            disabled: g === e.items.length - 1,
             type: "button",
             onClick: (h) => n(m.path)
           }, [
             i("p", {
-              class: x([
+              class: x(["text-sm active:scale-90", [
                 {
                   "hover:bg-[#C2DAB3] hover:text-ce_green": e.variant == "primary",
                   "hover:bg-ce_white hover:text-ce_medium_gray": e.variant == "secondary"
                 },
                 g === e.items.length - 1 && c(e.variant),
-                g !== e.items.length - 1 && "active:scale-90 text-ce_stone_gray font-medium  p-1 rounded-md"
-              ])
+                g !== e.items.length - 1 && " text-ce_stone_gray font-medium  p-1 rounded-md"
+              ]])
             }, P(m.text), 3),
-            g < e.items.length - 1 ? (d(), f("span", Q0, P(e.divider), 1)) : A("", !0)
-          ], 8, X0))), 128)),
-          !o.value && e.items.length > 2 ? (d(), f("button", Y0, [
+            g < e.items.length - 1 ? (d(), f("span", G0, P(e.divider), 1)) : A("", !0)
+          ], 8, Y0))), 128)),
+          !o.value && e.items.length > 2 ? (d(), f("button", J0, [
             o.value ? A("", !0) : (d(), _(Q, {
               key: 0,
               name: r(Wn),
@@ -7555,16 +7554,16 @@ const s0 = /* @__PURE__ */ Y({
       ])
     ]));
   }
-}), J0 = {
+}), _0 = {
   key: 0,
   class: "flex justify-start items-center p-3"
-}, K0 = ["disabled", "onClick"], _0 = {
+}, e2 = ["disabled", "onClick"], t2 = {
   key: 1,
   class: "flex justify-start items-center p-3"
-}, e2 = ["disabled", "onClick"], t2 = {
+}, a2 = ["disabled", "onClick"], n2 = {
   key: 2,
   class: "flex rounded-lg border-[1px] border-ce_soft_gray bg-ce_white p-2"
-}, a2 = ["disabled", "onClick"], n2 = /* @__PURE__ */ Y({
+}, r2 = ["disabled", "onClick"], o2 = /* @__PURE__ */ Y({
   __name: "ce-tab",
   props: {
     tabs: {},
@@ -7578,7 +7577,7 @@ const s0 = /* @__PURE__ */ Y({
       o.value = s, n("updateValue", s);
     }, c = (s) => a.variant === s;
     return (s, u) => (d(), f(X, null, [
-      c("primary") || c("secondary") ? (d(), f("div", J0, [
+      c("primary") || c("secondary") ? (d(), f("div", _0, [
         (d(!0), f(X, null, J(e.tabs, (m) => (d(), f("button", {
           key: m.id,
           disabled: e.inactivate || m.disabled,
@@ -7589,9 +7588,9 @@ const s0 = /* @__PURE__ */ Y({
             "bg-ce_white text-ce_medium_gray rounded-lg": o.value == m.id && c("secondary"),
             "cursor-not-allowed": e.inactivate || m.disabled
           }])
-        }, P(m.label), 11, K0))), 128))
+        }, P(m.label), 11, e2))), 128))
       ])) : A("", !0),
-      c("line-primary") || c("line-text") ? (d(), f("div", _0, [
+      c("line-primary") || c("line-text") ? (d(), f("div", t2, [
         (d(!0), f(X, null, J(e.tabs, (m) => (d(), f("button", {
           key: m.id,
           disabled: e.inactivate || m.disabled,
@@ -7602,9 +7601,9 @@ const s0 = /* @__PURE__ */ Y({
             " !text-ce_green !border-b-2 !border-ce_soft_green": o.value == m.id && c("line-text"),
             "cursor-not-allowed": e.inactivate || m.disabled
           }])
-        }, P(m.label), 11, e2))), 128))
+        }, P(m.label), 11, a2))), 128))
       ])) : A("", !0),
-      c("soft") ? (d(), f("div", t2, [
+      c("soft") ? (d(), f("div", n2, [
         (d(!0), f(X, null, J(e.tabs, (m) => (d(), f("button", {
           key: m.id,
           disabled: e.inactivate || m.disabled,
@@ -7614,39 +7613,39 @@ const s0 = /* @__PURE__ */ Y({
             "bg-white text-ce_medium_gray shadow-lg rounded-lg": o.value == m.id,
             "cursor-not-allowed": e.inactivate || m.disabled
           }])
-        }, P(m.label), 11, a2))), 128))
+        }, P(m.label), 11, r2))), 128))
       ])) : A("", !0),
       i("div", null, [
         I(s.$slots, "default")
       ])
     ], 64));
   }
-}), r2 = { key: 0 }, o2 = /* @__PURE__ */ Y({
+}), l2 = { key: 0 }, s2 = /* @__PURE__ */ Y({
   __name: "ce-tab-item",
   props: {
     modelValue: {},
     value: {}
   },
   setup(e) {
-    return (t, a) => e.value == e.modelValue ? (d(), f("div", r2, [
+    return (t, a) => e.value == e.modelValue ? (d(), f("div", l2, [
       I(t.$slots, "default")
     ])) : A("", !0);
   }
-}), ec = G(
+}), ac = G(
   F0
-), tc = G(
+), nc = G(
   R0
-), ac = G(
-  G0
-), nc = G(n2), rc = G(
-  o2
-), l2 = { class: "w-full" }, s2 = ["src", "alt"], i2 = {
+), rc = G(
+  K0
+), oc = G(o2), lc = G(
+  s2
+), i2 = { class: "w-full" }, d2 = ["src", "alt"], u2 = {
   key: 1,
   class: "rounded-full border border-gray-500 border-opacity-25 shadow-sm group-active:ring-4 group-active:ring-gray-400 group-active:ring-opacity-25 transition bg-neutral-100 p-2",
   viewBox: "0 0 32 32",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, d2 = /* @__PURE__ */ Y({
+}, c2 = /* @__PURE__ */ Y({
   name: "CeAvatar",
   inheritAttrs: !1,
   __name: "ce-avatar",
@@ -7691,14 +7690,14 @@ const s0 = /* @__PURE__ */ Y({
       ],
       style: { width: m.value + "px", height: m.value + "px" }
     }, v.$attrs, { onClick: b }), [
-      i("div", l2, [
+      i("div", i2, [
         r(s) ? A("", !0) : (d(), f(X, { key: 0 }, [
           e.src ? (d(), f("img", {
             key: 0,
             src: e.src,
             alt: e.alt,
             class: "rounded-full border border-gray-500 border-opacity-25 shadow-sm group-active:ring-4 group-active:ring-gray-400 group-active:ring-opacity-25 transition object-cover"
-          }, null, 8, s2)) : (d(), f("svg", i2, [...k[0] || (k[0] = [
+          }, null, 8, d2)) : (d(), f("svg", u2, [...k[0] || (k[0] = [
             i("path", {
               d: "M26.6666 28C26.6666 26.1392 26.6666 25.2089 26.4369 24.4518C25.9199 22.7473 24.586 21.4134 22.8814 20.8963C22.1244 20.6667 21.194 20.6667 19.3332 20.6667H12.6666C10.8058 20.6667 9.87546 20.6667 9.1184 20.8963C7.41386 21.4134 6.07997 22.7473 5.5629 24.4518C5.33325 25.2089 5.33325 26.1392 5.33325 28M21.9999 10C21.9999 13.3137 19.3136 16 15.9999 16C12.6862 16 9.99992 13.3137 9.99992 10C9.99992 6.68629 12.6862 4 15.9999 4C19.3136 4 21.9999 6.68629 21.9999 10Z",
               stroke: "#737373",
@@ -7729,7 +7728,7 @@ const s0 = /* @__PURE__ */ Y({
       ], 4)
     ], 16));
   }
-}), u2 = { class: "flex items-center gap-5" }, c2 = { class: "font-semibold mb-2 dark:text-ce_light_gray" }, f2 = /* @__PURE__ */ Y({
+}), f2 = { class: "flex items-center gap-5" }, m2 = { class: "font-semibold mb-2 dark:text-ce_light_gray" }, g2 = /* @__PURE__ */ Y({
   __name: "ce-filter-group",
   props: {
     variant: { default: "dropdown" },
@@ -7769,7 +7768,7 @@ const s0 = /* @__PURE__ */ Y({
       ref_key: "menuRef",
       ref: o
     }, [
-      i("div", u2, [
+      i("div", f2, [
         i("button", {
           type: "button",
           onClick: g,
@@ -7800,7 +7799,7 @@ const s0 = /* @__PURE__ */ Y({
               "w-full": e.variant === "collapse"
             }, "mt-2 rounded-lg border-[1px] border-solid border-slate-200 bg-white dark:bg-ce_black px-4 py-4 shadow-md flex flex-col gap-2"])
           }, [
-            i("p", c2, P(e.title), 1),
+            i("p", m2, P(e.title), 1),
             I(b.$slots, "content"),
             i("div", {
               class: x(["flex w-full gap-2 mt-5", e.variant === "collapse" ? "flex-row-reverse sm:flex-col" : "flex-col"])
@@ -7842,13 +7841,13 @@ const s0 = /* @__PURE__ */ Y({
       })
     ], 512));
   }
-}), oc = G(
-  d2
-), lc = G(
-  f2
-), sc = G(
+}), sc = G(
+  c2
+), ic = G(
+  g2
+), dc = G(
   an
-), m2 = { class: "flex justify-center items-center sm:absolute sm:top-2 sm:right-2" }, g2 = /* @__PURE__ */ Y({
+), v2 = { class: "flex justify-center items-center sm:absolute sm:top-2 sm:right-2" }, h2 = /* @__PURE__ */ Y({
   __name: "ce-banners",
   props: {
     position: { default: "top" },
@@ -7877,7 +7876,7 @@ const s0 = /* @__PURE__ */ Y({
           I(t.$slots, "icon")
         ], 2)) : A("", !0),
         I(t.$slots, "content"),
-        i("div", m2, [
+        i("div", v2, [
           i("button", {
             type: "button",
             onClick: a[0] || (a[0] = (n) => t.$emit("close", !1))
@@ -7892,7 +7891,7 @@ const s0 = /* @__PURE__ */ Y({
       ], 2)
     ], 2)) : A("", !0);
   }
-}), v2 = /* @__PURE__ */ Y({
+}), p2 = /* @__PURE__ */ Y({
   __name: "ce-modal",
   props: {
     isOpen: { type: Boolean, default: !1 },
@@ -7935,10 +7934,10 @@ const ze = /* @__PURE__ */ new Map();
 function Qt(e) {
   vt.value = vt.value.filter((t) => t.id !== e), ze.delete(e);
 }
-function h2(e) {
+function b2(e) {
   Xt.value = e;
 }
-function p2(e) {
+function k2(e) {
   return {
     success: Js,
     error: Ys,
@@ -7946,17 +7945,17 @@ function p2(e) {
     info: Ks
   }[e];
 }
-function b2(e, t, a, n = 3e3, o = null) {
+function y2(e, t, a, n = 3e3, o = null) {
   const l = nn++;
   if (vt.value.push({ title: e, message: t, type: a, duration: n, id: l, data: o }), !Xt.value) {
     const c = setTimeout(() => Qt(l), n);
     ze.set(l, c);
   }
 }
-function k2(e, t) {
+function x2(e, t) {
   ze.has(e) && t && clearTimeout(ze.get(e));
 }
-function y2(e, t) {
+function w2(e, t) {
   if (ze.has(e)) {
     const a = setTimeout(() => Qt(e), t);
     ze.set(e, a);
@@ -7969,18 +7968,18 @@ function rn() {
     pausarToast: Xt,
     timeouts: ze,
     removeCeToast: Qt,
-    defineIcones: p2,
-    pausarTimeout: k2,
-    restaurarTimout: y2,
-    addCeToast: b2,
-    setarPausaToast: h2
+    defineIcones: k2,
+    pausarTimeout: x2,
+    restaurarTimout: w2,
+    addCeToast: y2,
+    setarPausaToast: b2
   };
 }
-const x2 = {
+const C2 = {
   name: "toast",
   tag: "div",
   class: "flex flex-col gap-2"
-}, w2 = ["onMouseenter", "onMouseleave"], C2 = { class: "flex items-start justify-center" }, M2 = ["src"], A2 = { class: "flex flex-col justify-start items-start" }, B2 = { class: "text-ce_black dark:text-ce_light_gray font-semibold text-sm md:text-base" }, D2 = ["innerHTML"], S2 = ["onClick"], $2 = { class: "flex justify-center items-start" }, V2 = ["onClick"], E2 = /* @__PURE__ */ Y({
+}, M2 = ["onMouseenter", "onMouseleave"], A2 = { class: "flex items-start justify-center" }, B2 = ["src"], D2 = { class: "flex flex-col justify-start items-start" }, S2 = { class: "text-ce_black dark:text-ce_light_gray font-semibold text-sm md:text-base" }, $2 = ["innerHTML"], V2 = ["onClick"], E2 = { class: "flex justify-center items-start" }, j2 = ["onClick"], L2 = /* @__PURE__ */ Y({
   __name: "ce-toast",
   props: {
     position: { default: "right-top" },
@@ -8010,36 +8009,36 @@ const x2 = {
       key: 0,
       class: x(["fixed z-50 flex flex-col px-4 w-full max-w-[30rem] h-auto", u.value])
     }, [
-      i("transition-group", x2, [
+      i("transition-group", C2, [
         (d(!0), f(X, null, J(r(a), (b) => (d(), f("div", {
           key: b.id,
           class: x(["grid grid-cols-[10%_1fr_6%] gap-4 p-4 rounded-lg shadow-lg text-white cursor-pointer sm:w-full w-[25rem] bg-white dark:bg-ce_black border", m.value]),
           onMouseenter: (v) => r(o)(b.id, t.pauseOnHover),
           onMouseleave: (v) => r(l)(b.id, b.duration)
         }, [
-          i("div", C2, [
+          i("div", A2, [
             i("img", {
               src: r(c)(b.type),
               alt: "icone",
               width: "36",
               height: "36",
               class: "w-9 h-9"
-            }, null, 8, M2)
+            }, null, 8, B2)
           ]),
-          i("div", A2, [
-            i("h1", B2, P(b.title), 1),
+          i("div", D2, [
+            i("h1", S2, P(b.title), 1),
             i("div", {
               class: "text-ce_medium_gray dark:text-ce_light_gray font-normal mt-1 text-xs md:text-sm",
               innerHTML: b.message
-            }, null, 8, D2),
+            }, null, 8, $2),
             e.showActionButton ? (d(), f("button", {
               key: 0,
               class: "mt-4 text-[#538F4B] font-semibold text-xs md:text-sm",
               type: "button",
               onClick: (v) => g.$emit("sendData", b.data)
-            }, P(e.textButton), 9, S2)) : A("", !0)
+            }, P(e.textButton), 9, V2)) : A("", !0)
           ]),
-          i("div", $2, [
+          i("div", E2, [
             i("button", {
               type: "button",
               onClick: (v) => r(n)(b.id),
@@ -8050,27 +8049,27 @@ const x2 = {
                 size: "20",
                 color: " #737373"
               }, null, 8, ["name"])
-            ], 8, V2)
+            ], 8, j2)
           ])
-        ], 42, w2))), 128))
+        ], 42, M2))), 128))
       ])
     ], 2)) : A("", !0);
   }
 }), Yt = L(!1);
-function j2() {
+function F2() {
   Yt.value = !0;
 }
-function L2() {
+function z2() {
   Yt.value = !1;
 }
 function on() {
   return {
     exibirLoading: Yt,
-    activateCeLoading: j2,
-    disableCeLoading: L2
+    activateCeLoading: F2,
+    disableCeLoading: z2
   };
 }
-const F2 = /* @__PURE__ */ Y({
+const T2 = /* @__PURE__ */ Y({
   __name: "ce-loading",
   props: {
     type: { default: "spinner" },
@@ -8087,17 +8086,17 @@ const F2 = /* @__PURE__ */ Y({
       blur: e.blur
     }, null, 8, ["type", "show-loading", "background", "blur"]));
   }
-}), { addCeToast: ic, removeCeToast: dc, toasts: uc } = rn(), { activateCeLoading: cc, disableCeLoading: fc } = on(), mc = G(
-  g2
-), gc = G(
-  v2
-), vc = G(
-  E2
+}), { addCeToast: uc, removeCeToast: cc, toasts: fc } = rn(), { activateCeLoading: mc, disableCeLoading: gc } = on(), vc = G(
+  h2
 ), hc = G(
-  _a
+  p2
 ), pc = G(
-  F2
-), z2 = { class: "p-4 flex-1" }, T2 = /* @__PURE__ */ Y({
+  L2
+), bc = G(
+  _a
+), kc = G(
+  T2
+), H2 = { class: "p-4 flex-1" }, P2 = /* @__PURE__ */ Y({
   name: "CeCard",
   inheritAttrs: !1,
   __name: "ce-card",
@@ -8177,7 +8176,7 @@ const F2 = /* @__PURE__ */ Y({
             }, [
               I(m.$slots, "header", { isMobile: r(n) })
             ], 2),
-            i("div", z2, [
+            i("div", H2, [
               I(m.$slots, "default", { isMobile: r(n) })
             ]),
             i("div", {
@@ -8191,7 +8190,7 @@ const F2 = /* @__PURE__ */ Y({
       _: 3
     }, 16, ["class"]));
   }
-}), H2 = /* @__PURE__ */ Y({
+}), O2 = /* @__PURE__ */ Y({
   name: "CeCardHeader",
   inheritAttrs: !1,
   __name: "ce-card-header",
@@ -8206,7 +8205,7 @@ const F2 = /* @__PURE__ */ Y({
       _: 3
     }, 16));
   }
-}), P2 = /* @__PURE__ */ Y({
+}), R2 = /* @__PURE__ */ Y({
   name: "CeCardText",
   inheritAttrs: !1,
   __name: "ce-card-text",
@@ -8221,13 +8220,13 @@ const F2 = /* @__PURE__ */ Y({
       _: 3
     }, 16));
   }
-}), O2 = {
+}), I2 = {
   key: 0,
   class: "h-[1px] w-full bg-ce_soft_gray"
-}, R2 = {
+}, N2 = {
   key: 1,
   class: "h-[1px] w-full bg-ce_soft_gray"
-}, I2 = /* @__PURE__ */ Y({
+}, q2 = /* @__PURE__ */ Y({
   __name: "ce-content-divider",
   props: {
     type: { default: "inline" }
@@ -8240,12 +8239,12 @@ const F2 = /* @__PURE__ */ Y({
         "bg-ce_white gap-8 h-14": e.type === "highlighted"
       }])
     }, [
-      e.type != "highlighted" ? (d(), f("hr", O2)) : A("", !0),
+      e.type != "highlighted" ? (d(), f("hr", I2)) : A("", !0),
       I(t.$slots, "default"),
-      e.type != "highlighted" ? (d(), f("hr", R2)) : A("", !0)
+      e.type != "highlighted" ? (d(), f("hr", N2)) : A("", !0)
     ], 2));
   }
-}), jt = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALOSURBVHgB7VXNblJBFD5nRDTRWHwC6BPYat2ZtHHrohcR7EpuXZsUfYBy2bgtdW0CddXwI+0T1K5t0/oG8ASyaVq43Dl+cy9QIG1pkMTE8CUwM+fOzPfNmXPOEM0wwwz/GDxqKJxYkUedezazXsXnBSKZQ4t5cipEp6Q8J/H0e4OmhCEBlaOEpehOAd0IKEUk+D7YNxDWTuJZJUdTgOp19o9TWZDXDDkZPjAOkpu2N2bhbPUoWaApwD9V9ThpY9P+hgEZc0/EVWhrovM25ddflD7S3wionazFxNMH6MdGXF2HqG1iqZsBpFj4f+cLQ+fMJT7rQISrrU8vK/s0IUJaeytgjBpnXJKrnddLu/bI3L3qz1Qd9Jstj7nl+V6Qi47KZ2rWYT6+16QJoJRQmlmxueQu6leQ+0g8Lzkg/dL2yUVaHeILkWj4fniDJoQiVk+Ggo44f9OC87uuEdHse6HDfNGWjF2wIjSJABA/Hkoxkhtdub6414QHMt0r8H8QE1EPwxmaRACYhwghZn7cog/LpZ3AC4acyIVqhMPGJF4ImQoHx68EGeAnfBp2Z9zClisOTp438aC18SBH6EHYpHL8ujV2+e0WWCx/EGRcXWlRfgoF12BikWPV49TWOAGfX5W325rrHT1gZLLs8pvsleTVFOySQRWLIvKimBtDADRCKtQqkhfOSrf8mihABVqgW8B1vXUhdTAgAOtVNl1OrjKpbyz6BIZ52NOiZdmck6lXUzE9dCen4ggqLTrX80LXE8XbCPiarPxAc/kmiC8BDLyIwZYoPkCKF2BZNmnuk/ehcsX4br1vQJFxlKJNbNCIL5XGBuIg7PKag0jI+vTmEBTk9DDhINROMRnUmv5jZIoMhu/lFgE4CmzmQIB5Exo94mvIf5t5PfJg7hRh19Zi5HorKG5p+GEBYT6HK2jCK79wJYcUaueLE5bsGWaY4f/FHz7QUcuUyTQmAAAAAElFTkSuQmCC", N2 = { class: "content-center" }, q2 = ["src"], U2 = { class: "flex flex-wrap justify-center gap-4 font-semibold sm:justify-start" }, Z2 = ["onClick"], W2 = ["src"], X2 = ["src"], Q2 = ["src"], Y2 = { class: "flex flex-wrap gap-4" }, G2 = ["href"], J2 = ["src"], K2 = { class: "flex justify-between items-center w-full sm:flex-col sm:gap-8 sm:items-start" }, _2 = ["src"], eu = { class: "flex gap-4 sm:flex-col sm:w-full" }, tu = { class: "w-full h-full content-center" }, au = ["src"], nu = ["src"], ru = /* @__PURE__ */ Y({
+}), jt = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALOSURBVHgB7VXNblJBFD5nRDTRWHwC6BPYat2ZtHHrohcR7EpuXZsUfYBy2bgtdW0CddXwI+0T1K5t0/oG8ASyaVq43Dl+cy9QIG1pkMTE8CUwM+fOzPfNmXPOEM0wwwz/GDxqKJxYkUedezazXsXnBSKZQ4t5cipEp6Q8J/H0e4OmhCEBlaOEpehOAd0IKEUk+D7YNxDWTuJZJUdTgOp19o9TWZDXDDkZPjAOkpu2N2bhbPUoWaApwD9V9ThpY9P+hgEZc0/EVWhrovM25ddflD7S3wionazFxNMH6MdGXF2HqG1iqZsBpFj4f+cLQ+fMJT7rQISrrU8vK/s0IUJaeytgjBpnXJKrnddLu/bI3L3qz1Qd9Jstj7nl+V6Qi47KZ2rWYT6+16QJoJRQmlmxueQu6leQ+0g8Lzkg/dL2yUVaHeILkWj4fniDJoQiVk+Ggo44f9OC87uuEdHse6HDfNGWjF2wIjSJABA/Hkoxkhtdub6414QHMt0r8H8QE1EPwxmaRACYhwghZn7cog/LpZ3AC4acyIVqhMPGJF4ImQoHx68EGeAnfBp2Z9zClisOTp438aC18SBH6EHYpHL8ujV2+e0WWCx/EGRcXWlRfgoF12BikWPV49TWOAGfX5W325rrHT1gZLLs8pvsleTVFOySQRWLIvKimBtDADRCKtQqkhfOSrf8mihABVqgW8B1vXUhdTAgAOtVNl1OrjKpbyz6BIZ52NOiZdmck6lXUzE9dCen4ggqLTrX80LXE8XbCPiarPxAc/kmiC8BDLyIwZYoPkCKF2BZNmnuk/ehcsX4br1vQJFxlKJNbNCIL5XGBuIg7PKag0jI+vTmEBTk9DDhINROMRnUmv5jZIoMhu/lFgE4CmzmQIB5Exo94mvIf5t5PfJg7hRh19Zi5HorKG5p+GEBYT6HK2jCK79wJYcUaueLE5bsGWaY4f/FHz7QUcuUyTQmAAAAAElFTkSuQmCC", U2 = { class: "content-center" }, Z2 = ["src"], W2 = { class: "flex flex-wrap justify-center gap-4 font-semibold sm:justify-start" }, X2 = ["onClick"], Q2 = ["src"], Y2 = ["src"], G2 = ["src"], J2 = { class: "flex flex-wrap gap-4" }, K2 = ["href"], _2 = ["src"], eu = { class: "flex justify-between items-center w-full sm:flex-col sm:gap-8 sm:items-start" }, tu = ["src"], au = { class: "flex gap-4 sm:flex-col sm:w-full" }, nu = { class: "w-full h-full content-center" }, ru = ["src"], ou = ["src"], lu = /* @__PURE__ */ Y({
   __name: "ce-footer",
   props: {
     variant: { default: "1" },
@@ -8263,20 +8262,20 @@ const F2 = /* @__PURE__ */ Y({
       key: 0,
       class: x(["w-full h-full px-4 flex justify-between items-center sm:flex-col sm:items-start sm:py-8 sm:gap-4", l.value])
     }, [
-      i("div", N2, [
+      i("div", U2, [
         i("img", {
           src: e.background == "green" || r(a) || e.background == "black" ? r(nt) : r($e),
           alt: "Comerc Energia",
           class: "h-6"
-        }, null, 8, q2)
+        }, null, 8, Z2)
       ]),
-      i("nav", U2, [
+      i("nav", W2, [
         (d(!0), f(X, null, J(e.items, (b, v) => (d(), f("button", {
           key: v,
           type: "button",
           onClick: (k) => m(b.path),
           class: x(c.value)
-        }, P(b.text), 11, Z2))), 128))
+        }, P(b.text), 11, X2))), 128))
       ]),
       i("div", {
         class: x(["flex flex-col sm:flex-row sm:space-x-2", s.value])
@@ -8295,7 +8294,7 @@ const F2 = /* @__PURE__ */ Y({
         src: r($e),
         alt: "Comerc Energia",
         class: "h-8 hidden sm:block"
-      }, null, 8, W2),
+      }, null, 8, Q2),
       i("p", {
         class: x(s.value)
       }, [
@@ -8306,7 +8305,7 @@ const F2 = /* @__PURE__ */ Y({
         src: r(jt),
         alt: "Comerc Energia",
         class: "h-8 sm:hidden"
-      }, null, 8, X2)
+      }, null, 8, Y2)
     ], 2)) : e.variant == "3" ? (d(), f("footer", {
       key: 2,
       class: x(["w-full h-full px-4 flex justify-between items-center sm:flex-col sm:items-center sm:py-8 sm:gap-10", l.value])
@@ -8315,8 +8314,8 @@ const F2 = /* @__PURE__ */ Y({
         src: r($e),
         alt: "Comerc Energia",
         class: "h-8 hidden sm:block"
-      }, null, 8, Q2),
-      i("div", Y2, [
+      }, null, 8, G2),
+      i("div", J2, [
         (d(!0), f(X, null, J(e.socialMedia, (b, v) => (d(), f("a", {
           key: v,
           href: b.link,
@@ -8327,13 +8326,13 @@ const F2 = /* @__PURE__ */ Y({
             size: "20",
             color: e.background == "green" ? "#fff" : "#737373"
           }, null, 8, ["name", "color"])
-        ], 8, G2))), 128))
+        ], 8, K2))), 128))
       ]),
       i("img", {
         src: r(jt),
         alt: "Comerc Energia",
         class: "h-8 sm:hidden"
-      }, null, 8, J2),
+      }, null, 8, _2),
       i("p", {
         class: x(s.value)
       }, [
@@ -8344,13 +8343,13 @@ const F2 = /* @__PURE__ */ Y({
       key: 3,
       class: x([l.value, "w-full h-full p-4 flex items-center flex-col sm:gap-8 sm:py-8"])
     }, [
-      i("div", K2, [
+      i("div", eu, [
         i("img", {
           src: e.background == "green" ? r(nt) : r($e),
           alt: "Comerc Energia",
           class: "h-8"
-        }, null, 8, _2),
-        i("div", eu, [
+        }, null, 8, tu),
+        i("div", au, [
           N(bt, {
             placeholder: "Digite seu email",
             modelValue: n.value,
@@ -8368,7 +8367,7 @@ const F2 = /* @__PURE__ */ Y({
           })
         ])
       ]),
-      i("div", tu, [
+      i("div", nu, [
         i("p", {
           class: x(["float-right sm:float-start", s.value])
         }, [
@@ -8384,12 +8383,12 @@ const F2 = /* @__PURE__ */ Y({
         src: r($e),
         alt: "Comerc Energia",
         class: "h-8 hidden sm:block"
-      }, null, 8, au),
+      }, null, 8, ru),
       i("img", {
         src: r(jt),
         alt: "Comerc Energia",
         class: "h-8 sm:hidden"
-      }, null, 8, nu),
+      }, null, 8, ou),
       i("p", {
         class: x(["float-right sm:float-start", s.value])
       }, [
@@ -8398,13 +8397,13 @@ const F2 = /* @__PURE__ */ Y({
       ], 2)
     ], 2)) : A("", !0);
   }
-}), ou = { class: "row-span-1 col-span-2 rounded-lg" }, lu = { class: "row-span-1 sm:hidden" }, su = { class: "row-span-1 sm:col-span-2 min-w-0" }, iu = { class: "row-span-1 col-span-2" }, du = {
+}), su = { class: "row-span-1 col-span-2 rounded-lg" }, iu = { class: "row-span-1 sm:hidden" }, du = { class: "row-span-1 sm:col-span-2 min-w-0" }, uu = { class: "row-span-1 col-span-2" }, cu = {
   key: 1,
   class: "grid grid-rows-[auto_1fr] transition-all duration-300"
-}, uu = { class: "h-[93px]" }, cu = {
+}, fu = { class: "h-[93px]" }, mu = {
   key: 2,
   class: "flex flex-col"
-}, fu = { class: "px-4" }, mu = { class: "px-4 mb-3" }, gu = /* @__PURE__ */ Y({
+}, gu = { class: "px-4" }, vu = { class: "px-4 mb-3" }, hu = /* @__PURE__ */ Y({
   __name: "ce-layout",
   props: {
     openMenu: { type: Boolean, default: !1 },
@@ -8417,46 +8416,46 @@ const F2 = /* @__PURE__ */ Y({
         class: x(["relative grid grid-rows-[4rem,1fr,auto] bg-[#fff] dark:bg-ce_black h-screen", e.openMenu ? "grid-cols-[auto_1fr]" : "grid-cols-[6%_1fr]"]),
         style: { transition: "grid-template-columns 0.4s ease-out" }
       }, [
-        i("div", ou, [
+        i("div", su, [
           I(t.$slots, "header")
         ]),
-        i("div", lu, [
+        i("div", iu, [
           I(t.$slots, "sidebar")
         ]),
-        i("div", su, [
+        i("div", du, [
           I(t.$slots, "content")
         ]),
-        i("div", iu, [
+        i("div", uu, [
           I(t.$slots, "footer")
         ])
       ], 2)) : A("", !0),
-      e.layout == "minimal" ? (d(), f("div", du, [
-        i("div", uu, [
+      e.layout == "minimal" ? (d(), f("div", cu, [
+        i("div", fu, [
           I(t.$slots, "header")
         ]),
         I(t.$slots, "content")
       ])) : A("", !0),
-      e.layout == "base" ? (d(), f("div", cu, [
+      e.layout == "base" ? (d(), f("div", mu, [
         i("div", null, [
           I(t.$slots, "nav")
         ]),
-        i("div", fu, [
+        i("div", gu, [
           I(t.$slots, "dividers")
         ]),
-        i("div", mu, [
+        i("div", vu, [
           I(t.$slots, "table")
         ])
       ])) : A("", !0)
     ], 64));
   }
-}), vu = { class: "section-footer-container w-full h-[6rem] sm:h-[8rem] rounded-xl flex items-center justify-between px-8 sm:gap-8 sm:items-center sm:justify-center sm:flex-col-reverse" }, hu = { class: "flex flex-wrap gap-4" }, pu = ["href"], bu = ["src"], ku = /* @__PURE__ */ Y({
+}), pu = { class: "section-footer-container w-full h-[6rem] sm:h-[8rem] rounded-xl flex items-center justify-between px-8 sm:gap-8 sm:items-center sm:justify-center sm:flex-col-reverse" }, bu = { class: "flex flex-wrap gap-4" }, ku = ["href"], yu = ["src"], xu = /* @__PURE__ */ Y({
   __name: "ce-section-footer",
   props: {
     socialMedia: {}
   },
   setup(e) {
-    return (t, a) => (d(), f("div", vu, [
-      i("div", hu, [
+    return (t, a) => (d(), f("div", pu, [
+      i("div", bu, [
         (d(!0), f(X, null, J(e.socialMedia, (n, o) => (d(), f("a", {
           key: o,
           href: n.link,
@@ -8468,16 +8467,16 @@ const F2 = /* @__PURE__ */ Y({
             color: "#fff",
             fill: "#fff"
           }, null, 8, ["name"])
-        ], 8, pu))), 128))
+        ], 8, ku))), 128))
       ]),
       i("img", {
         src: r(nt),
         alt: "Comerc Energia",
         class: "h-8"
-      }, null, 8, bu)
+      }, null, 8, yu)
     ]));
   }
-}), yu = (e, t) => {
+}), wu = (e, t) => {
   const a = L([]);
   Tt(() => {
     e.allOpen ? a.value = e.items.map(() => !0) : e.openTheFirst ? a.value = e.items.map((u, m) => m === 0) : a.value = e.items.map(() => !1), e.closeCollapse >= 0 && (a.value[e.closeCollapse] = !1), e.openCollapse && e.openCollapse.length > 0 && e.openCollapse.forEach((u) => {
@@ -8526,10 +8525,10 @@ const F2 = /* @__PURE__ */ Y({
     },
     containerClasses: l
   };
-}, xu = { class: "flex gap-2 items-center p-4 text-left focus:outline-none justify-between" }, wu = ["onClick", "disabled"], Cu = {
+}, Cu = { class: "flex gap-2 items-center p-4 text-left focus:outline-none justify-between" }, Mu = ["onClick", "disabled"], Au = {
   key: 0,
   class: "py-1"
-}, Mu = /* @__PURE__ */ Y({
+}, Bu = /* @__PURE__ */ Y({
   __name: "ce-collapse",
   props: {
     items: { default: () => [] },
@@ -8546,7 +8545,7 @@ const F2 = /* @__PURE__ */ Y({
   setup(e, { emit: t }) {
     const { modoDarkAplicado: a } = ke(), n = e;
     be();
-    const o = t, { abrirCollapse: l, estaAberto: c, variacoes: s, aplicarWidthPelaDirecao: u, containerClasses: m } = yu(n, o);
+    const o = t, { abrirCollapse: l, estaAberto: c, variacoes: s, aplicarWidthPelaDirecao: u, containerClasses: m } = wu(n, o);
     return (g, h) => (d(), f("div", {
       class: x(r(m))
     }, [
@@ -8559,7 +8558,7 @@ const F2 = /* @__PURE__ */ Y({
           r(u)()
         ])
       }, [
-        i("div", xu, [
+        i("div", Cu, [
           I(g.$slots, "header", {
             item: b,
             index: v
@@ -8575,14 +8574,14 @@ const F2 = /* @__PURE__ */ Y({
               class: x(["w-5 h-5 transition-transform duration-300", { "rotate-180": r(c)(v) }]),
               color: r(a) ? "#d6d6d6" : "#141414"
             }, null, 8, ["name", "class", "color"])
-          ], 8, wu)
+          ], 8, Mu)
         ]),
         N(Ie, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "leave-active-class": "transition-all duration-200 ease-in"
         }, {
           default: ee(() => [
-            r(c)(v) ? (d(), f("div", Cu, [
+            r(c)(v) ? (d(), f("div", Au, [
               I(g.$slots, "content", {
                 item: b,
                 index: v
@@ -8594,75 +8593,75 @@ const F2 = /* @__PURE__ */ Y({
       ], 2))), 128))
     ], 2));
   }
-}), { isMobile: bc } = yt(), kc = G(
-  Mu
-), yc = G(
-  T2
-), xc = G(
-  H2
+}), { isMobile: yc } = yt(), xc = G(
+  Bu
 ), wc = G(
   P2
 ), Cc = G(
-  I2
+  O2
 ), Mc = G(
-  ru
+  R2
 ), Ac = G(
-  gu
+  q2
 ), Bc = G(
-  ku
+  lu
+), Dc = G(
+  hu
+), Sc = G(
+  xu
 );
 export {
-  zu as CeAutocomplete,
-  oc as CeAvatar,
-  sc as CeBadge,
-  mc as CeBanners,
-  ac as CeBreadcrumbs,
-  Tu as CeButton,
-  Hu as CeButtonGroup,
-  Pu as CeButtonPagination,
-  Ou as CeButtonWrapper,
-  yc as CeCard,
-  xc as CeCardHeader,
-  wc as CeCardText,
-  Ru as CeCheckbox,
-  Iu as CeCheckboxGroup,
-  Fu as CeCodeInput,
-  Gu as CeCol,
-  kc as CeCollapse,
-  Ku as CeContainer,
-  Cc as CeContentDivider,
-  Su as CeDataTable,
-  Nu as CeDatePicker,
-  qu as CeDropdown,
-  Uu as CeFileUpload,
-  lc as CeFilterGroup,
-  Mc as CeFooter,
-  Zu as CeInput,
-  ju as CeItemsPerPage,
-  Ac as CeLayout,
-  pc as CeLoading,
-  ec as CeMenuHeader,
-  tc as CeMenuSidebar,
-  gc as CeModal,
-  $u as CePagination,
-  Vu as CeProgressIndicator,
-  Eu as CeProgressSteps,
-  Wu as CeRadioGroup,
-  Ju as CeRow,
-  Bc as CeSectionFooter,
-  Xu as CeSelect,
-  Qu as CeSlider,
-  _u as CeSvgIcon,
-  nc as CeTab,
-  rc as CeTabItem,
-  Lu as CeTextarea,
-  vc as CeToast,
-  Yu as CeToggle,
-  hc as CeTooltip,
-  cc as activateCeLoading,
-  ic as addCeToast,
-  fc as disableCeLoading,
-  bc as isMobile,
-  dc as removeCeToast,
-  uc as toasts
+  Hu as CeAutocomplete,
+  sc as CeAvatar,
+  dc as CeBadge,
+  vc as CeBanners,
+  rc as CeBreadcrumbs,
+  Pu as CeButton,
+  Ou as CeButtonGroup,
+  Ru as CeButtonPagination,
+  Iu as CeButtonWrapper,
+  wc as CeCard,
+  Cc as CeCardHeader,
+  Mc as CeCardText,
+  Nu as CeCheckbox,
+  qu as CeCheckboxGroup,
+  Tu as CeCodeInput,
+  Ku as CeCol,
+  xc as CeCollapse,
+  ec as CeContainer,
+  Ac as CeContentDivider,
+  Vu as CeDataTable,
+  Uu as CeDatePicker,
+  Zu as CeDropdown,
+  Wu as CeFileUpload,
+  ic as CeFilterGroup,
+  Bc as CeFooter,
+  Xu as CeInput,
+  Fu as CeItemsPerPage,
+  Dc as CeLayout,
+  kc as CeLoading,
+  ac as CeMenuHeader,
+  nc as CeMenuSidebar,
+  hc as CeModal,
+  Eu as CePagination,
+  ju as CeProgressIndicator,
+  Lu as CeProgressSteps,
+  Qu as CeRadioGroup,
+  _u as CeRow,
+  Sc as CeSectionFooter,
+  Yu as CeSelect,
+  Gu as CeSlider,
+  tc as CeSvgIcon,
+  oc as CeTab,
+  lc as CeTabItem,
+  zu as CeTextarea,
+  pc as CeToast,
+  Ju as CeToggle,
+  bc as CeTooltip,
+  mc as activateCeLoading,
+  uc as addCeToast,
+  gc as disableCeLoading,
+  yc as isMobile,
+  cc as removeCeToast,
+  fc as toasts
 };