@grupo-elo-editorial/shared-ui-react 1.2.14 → 1.2.16

package/dist/index.js

@@ -51,33 +51,33 @@ const Se = L(
     variant: t,
     size: r,
     fullWidth: n,
-    isLoading: s,
+    isLoading: l,
     leftIcon: c,
-    rightIcon: l,
-    children: m,
-    disabled: f,
-    ...u
-  }, p) => /* @__PURE__ */ e(
+    rightIcon: s,
+    children: u,
+    disabled: m,
+    ...g
+  }, f) => /* @__PURE__ */ e(
     "button",
     {
       className: o(Se({ variant: t, size: r, fullWidth: n, className: a })),
-      ref: p,
-      disabled: f || s,
-      ...u,
-      children: s ? /* @__PURE__ */ i(P, { children: [
+      ref: f,
+      disabled: m || l,
+      ...g,
+      children: l ? /* @__PURE__ */ i(P, { children: [
         /* @__PURE__ */ e(V, { className: "h-4 w-4 animate-spin" }),
-        m && /* @__PURE__ */ e("span", { children: m })
+        u && /* @__PURE__ */ e("span", { children: u })
       ] }) : /* @__PURE__ */ i(P, { children: [
         c && /* @__PURE__ */ e("span", { className: "inline-flex", children: c }),
-        m,
-        l && /* @__PURE__ */ e("span", { className: "inline-flex", children: l })
+        u,
+        s && /* @__PURE__ */ e("span", { className: "inline-flex", children: s })
       ] })
     }
   )
 );
 C.displayName = "Button";
 const Ie = x(
-  ({ className: a, error: t, helperText: r, ...n }, s) => /* @__PURE__ */ i("div", { className: "w-full", children: [
+  ({ className: a, error: t, helperText: r, ...n }, l) => /* @__PURE__ */ i("div", { className: "w-full", children: [
     /* @__PURE__ */ e(
       "textarea",
       {
@@ -90,7 +90,7 @@ const Ie = x(
           t && "border-[var(--destructive)] focus-visible:ring-[var(--destructive)]",
           a
         ),
-        ref: s,
+        ref: l,
         ...n
       }
     ),
@@ -132,19 +132,19 @@ const je = L(
     }
   }
 ), A = x(
-  ({ className: a, variant: t, size: r, icon: n, onRemove: s, children: c, ...l }, m) => /* @__PURE__ */ i(
+  ({ className: a, variant: t, size: r, icon: n, onRemove: l, children: c, ...s }, u) => /* @__PURE__ */ i(
     "div",
     {
-      ref: m,
+      ref: u,
       className: o(je({ variant: t, size: r }), a),
-      ...l,
+      ...s,
       children: [
         n && /* @__PURE__ */ e("span", { className: "mr-1 inline-flex", children: n }),
         c,
-        s && /* @__PURE__ */ e(
+        l && /* @__PURE__ */ e(
           "button",
           {
-            onClick: s,
+            onClick: l,
             className: "ml-1 inline-flex hover:opacity-70 focus:outline-none focus:ring-1 focus:ring-[var(--ring)] rounded-full",
             "aria-label": "Remove",
             children: "×"
@@ -171,8 +171,8 @@ const Me = L(
     }
   }
 ), De = x(
-  ({ className: a, size: t, src: r, alt: n, name: s, showStatus: c, statusType: l = "online", ...m }, f) => {
-    const [u, p] = k(!1), g = (h) => h.split(" ").map((d) => d[0]).join("").toUpperCase().slice(0, 2), b = {
+  ({ className: a, size: t, src: r, alt: n, name: l, showStatus: c, statusType: s = "online", ...u }, m) => {
+    const [g, f] = k(!1), p = (h) => h.split(" ").map((d) => d[0]).join("").toUpperCase().slice(0, 2), b = {
       online: "bg-[var(--success)]",
       offline: "bg-[var(--muted-foreground)]",
       away: "bg-[var(--warning)]",
@@ -183,26 +183,26 @@ const Me = L(
       lg: "h-3 w-3 border-2",
       xl: "h-4 w-4 border-2"
     };
-    return /* @__PURE__ */ i("div", { ref: f, className: o(Me({ size: t }), "relative", a), children: [
-      r && !u ? /* @__PURE__ */ e(
+    return /* @__PURE__ */ i("div", { ref: m, className: o(Me({ size: t }), "relative", a), children: [
+      r && !g ? /* @__PURE__ */ e(
         "img",
         {
           src: r,
-          alt: n || s || "Avatar",
-          onError: () => p(!0),
+          alt: n || l || "Avatar",
+          onError: () => f(!0),
           className: "h-full w-full object-cover",
-          ...m
+          ...u
         }
-      ) : s ? /* @__PURE__ */ e("span", { className: "font-medium", children: g(s) }) : /* @__PURE__ */ e(ee, { className: "h-1/2 w-1/2" }),
+      ) : l ? /* @__PURE__ */ e("span", { className: "font-medium", children: p(l) }) : /* @__PURE__ */ e(ee, { className: "h-1/2 w-1/2" }),
       c && /* @__PURE__ */ e(
         "span",
         {
           className: o(
             "absolute bottom-0 right-0 rounded-full border-[var(--background)]",
-            b[l],
+            b[s],
             N[t || "md"]
           ),
-          "aria-label": `Status: ${l}`
+          "aria-label": `Status: ${s}`
         }
       )
     ] });
@@ -222,10 +222,10 @@ const Le = L("animate-spin text-[var(--brand-primary)]", {
     size: "md"
   }
 }), Pe = x(
-  ({ className: a, size: t, label: r, ...n }, s) => /* @__PURE__ */ i(
+  ({ className: a, size: t, label: r, ...n }, l) => /* @__PURE__ */ i(
     "div",
     {
-      ref: s,
+      ref: l,
       role: "status",
       "aria-label": r || "Loading",
       className: o("inline-flex items-center justify-center", a),
@@ -239,8 +239,8 @@ const Le = L("animate-spin text-[var(--brand-primary)]", {
 );
 Pe.displayName = "Spinner";
 const Ae = x(
-  ({ className: a, orientation: t = "horizontal", variant: r = "solid", text: n, ...s }, c) => {
-    const l = {
+  ({ className: a, orientation: t = "horizontal", variant: r = "solid", text: n, ...l }, c) => {
+    const s = {
       solid: "border-solid",
       dashed: "border-dashed",
       dotted: "border-dotted"
@@ -252,9 +252,9 @@ const Ae = x(
           ref: c,
           className: o(
             "flex-1 border-[var(--border)]",
-            l[r]
+            s[r]
           ),
-          ...s
+          ...l
         }
       ),
       /* @__PURE__ */ e("span", { className: "text-sm text-[var(--muted-foreground)]", children: n }),
@@ -263,7 +263,7 @@ const Ae = x(
         {
           className: o(
             "flex-1 border-[var(--border)]",
-            l[r]
+            s[r]
           )
         }
       )
@@ -275,11 +275,11 @@ const Ae = x(
         "aria-orientation": t,
         className: o(
           "border-[var(--border)]",
-          l[r],
+          s[r],
           t === "vertical" ? "h-full w-px border-l" : "w-full border-t my-4",
           a
         ),
-        ...s
+        ...l
       }
     );
   }
@@ -291,26 +291,26 @@ const T = x(
     value: t = 0,
     maxRating: r = 5,
     size: n = "md",
-    readonly: s = !1,
+    readonly: l = !1,
     onChange: c,
-    showValue: l = !1,
-    ...m
-  }, f) => {
-    const [u, p] = k(0), g = {
+    showValue: s = !1,
+    ...u
+  }, m) => {
+    const [g, f] = k(0), p = {
       sm: "h-4 w-4",
       md: "h-5 w-5",
       lg: "h-6 w-6"
     }, b = (h) => {
-      !s && c && c(h);
-    }, N = u || t;
+      !l && c && c(h);
+    }, N = g || t;
     return /* @__PURE__ */ i(
       "div",
       {
-        ref: f,
+        ref: m,
         className: o("inline-flex items-center gap-1", a),
         role: "group",
         "aria-label": `Rating: ${t} out of ${r}`,
-        ...m,
+        ...u,
         children: [
           /* @__PURE__ */ e("div", { className: "flex items-center gap-0.5", children: Array.from({ length: r }, (h, d) => d + 1).map((h) => {
             const d = h <= N;
@@ -318,20 +318,20 @@ const T = x(
               "button",
               {
                 type: "button",
-                disabled: s,
+                disabled: l,
                 onClick: () => b(h),
-                onMouseEnter: () => !s && p(h),
-                onMouseLeave: () => !s && p(0),
+                onMouseEnter: () => !l && f(h),
+                onMouseLeave: () => !l && f(0),
                 className: o(
                   "transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-1 rounded",
-                  s ? "cursor-default" : "cursor-pointer hover:scale-110"
+                  l ? "cursor-default" : "cursor-pointer hover:scale-110"
                 ),
                 "aria-label": `Rate ${h} out of ${r}`,
                 children: /* @__PURE__ */ e(
                   te,
                   {
                     className: o(
-                      g[n],
+                      p[n],
                       "transition-all",
                       d ? "fill-[var(--warning)] text-[var(--warning)]" : "fill-none text-[var(--muted-foreground)]"
                     )
@@ -341,7 +341,7 @@ const T = x(
               h
             );
           }) }),
-          l && /* @__PURE__ */ e("span", { className: "ml-1 text-sm font-medium text-[var(--foreground)]", children: t.toFixed(1) })
+          s && /* @__PURE__ */ e("span", { className: "ml-1 text-sm font-medium text-[var(--foreground)]", children: t.toFixed(1) })
         ]
       }
     );
@@ -585,21 +585,21 @@ const $ = x(
     image: t,
     title: r,
     author: n,
-    price: s,
+    price: l,
     originalPrice: c,
-    rating: l,
-    reviewCount: m,
-    badge: f,
-    badgeVariant: u = "default",
-    isSkeleton: p = !1,
-    isOutOfStock: g = !1,
+    rating: s,
+    reviewCount: u,
+    badge: m,
+    badgeVariant: g = "default",
+    isSkeleton: f = !1,
+    isOutOfStock: p = !1,
     onAddToCart: b,
     onToggleFavorite: N,
     isFavorite: h = !1,
     href: d,
     orientation: v = "vertical",
     ...y
-  }, j) => p ? /* @__PURE__ */ i(
+  }, j) => f ? /* @__PURE__ */ i(
     "div",
     {
       ref: j,
@@ -632,7 +632,7 @@ const $ = x(
       ref: j,
       className: o(
         "group relative flex flex-row gap-3 rounded-lg border-2 border-[var(--border)] bg-[var(--card)] p-3 transition-all hover:shadow-md",
-        g && "opacity-60",
+        p && "opacity-60",
         a
       ),
       ...y,
@@ -662,20 +662,20 @@ const $ = x(
             }
           ) : /* @__PURE__ */ e("h3", { className: "line-clamp-2 text-sm font-medium text-[var(--card-foreground)]", children: r }),
           n && /* @__PURE__ */ e("p", { className: "text-xs text-[var(--muted-foreground)]", children: n }),
-          l !== void 0 && /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ e(T, { value: l, size: "sm", readonly: !0 }),
-            m !== void 0 && /* @__PURE__ */ i("span", { className: "text-xs text-[var(--muted-foreground)]", children: [
+          s !== void 0 && /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ e(T, { value: s, size: "sm", readonly: !0 }),
+            u !== void 0 && /* @__PURE__ */ i("span", { className: "text-xs text-[var(--muted-foreground)]", children: [
               "(",
-              m,
+              u,
               ")"
             ] })
           ] }),
           /* @__PURE__ */ i("div", { className: "flex items-baseline gap-2", children: [
             /* @__PURE__ */ i("span", { className: "text-base font-bold text-[var(--foreground)]", children: [
               "R$ ",
-              s.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
+              l.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
             ] }),
-            c && c > s && /* @__PURE__ */ i("span", { className: "text-xs text-[var(--muted-foreground)] line-through", children: [
+            c && c > l && /* @__PURE__ */ i("span", { className: "text-xs text-[var(--muted-foreground)] line-through", children: [
               "R$ ",
               c.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
             ] })
@@ -684,13 +684,13 @@ const $ = x(
             C,
             {
               onClick: b,
-              disabled: g,
+              disabled: p,
               variant: "primary",
               size: "sm",
               fullWidth: !0,
               leftIcon: /* @__PURE__ */ e(_, { className: "h-3.5 w-3.5" }),
               className: "mt-auto",
-              children: g ? "Indisponível" : "Adicionar"
+              children: p ? "Indisponível" : "Adicionar"
             }
           )
         ] })
@@ -702,7 +702,7 @@ const $ = x(
       ref: j,
       className: o(
         "group relative flex flex-col rounded-lg border-2 border-border bg-card transition-all hover:shadow-lg",
-        g && "opacity-60",
+        p && "opacity-60",
         a
       ),
       ...y,
@@ -718,11 +718,11 @@ const $ = x(
                 {
                   src: t,
                   alt: r,
-                  className: "h-full w-full object-cover transition-transform group-hover:scale-105"
+                  className: "h-full w-full object-contain transition-transform group-hover:scale-105"
                 }
               ),
-              f && /* @__PURE__ */ e("div", { className: "absolute left-3 top-3", children: /* @__PURE__ */ e(A, { variant: u, children: f }) }),
-              g && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ e(A, { variant: "danger", size: "lg", children: "Esgotado" }) })
+              m && /* @__PURE__ */ e("div", { className: "absolute left-3 top-3", children: /* @__PURE__ */ e(A, { variant: g, children: m }) }),
+              p && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ e(A, { variant: "danger", size: "lg", children: "Esgotado" }) })
             ]
           }
         ),
@@ -753,20 +753,20 @@ const $ = x(
             }
           ) : /* @__PURE__ */ e("h3", { className: "wrap-break-word text-base font-medium text-card-foreground", children: r }),
           n && /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-[var(--muted-foreground)]", children: n }),
-          l !== void 0 && /* @__PURE__ */ i("div", { className: "mt-2 flex items-center gap-2", children: [
-            /* @__PURE__ */ e(T, { value: l, size: "sm", readonly: !0 }),
-            m !== void 0 && /* @__PURE__ */ i("span", { className: "text-sm text-[var(--muted-foreground)]", children: [
+          s !== void 0 && /* @__PURE__ */ i("div", { className: "mt-2 flex items-center gap-2", children: [
+            /* @__PURE__ */ e(T, { value: s, size: "sm", readonly: !0 }),
+            u !== void 0 && /* @__PURE__ */ i("span", { className: "text-sm text-[var(--muted-foreground)]", children: [
               "(",
-              m,
+              u,
               ")"
             ] })
           ] }),
           /* @__PURE__ */ i("div", { className: "mt-3 flex items-baseline gap-2", children: [
             /* @__PURE__ */ i("span", { className: "text-xl font-bold text-[var(--foreground)]", children: [
               "R$ ",
-              s.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
+              l.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
             ] }),
-            c && c > s && /* @__PURE__ */ i("span", { className: "text-sm text-[var(--muted-foreground)] line-through", children: [
+            c && c > l && /* @__PURE__ */ i("span", { className: "text-sm text-[var(--muted-foreground)] line-through", children: [
               "R$ ",
               c.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
             ] })
@@ -775,7 +775,7 @@ const $ = x(
             C,
             {
               onClick: b,
-              disabled: g,
+              disabled: p,
               variant: "primary",
               size: "md",
               fullWidth: !0,
@@ -786,7 +786,7 @@ const $ = x(
                 "group-hover:opacity-100 group-hover:translate-y-0",
                 "focus-visible:opacity-100 focus-visible:translate-y-0"
               ),
-              children: g ? "Indisponível" : "Adicionar"
+              children: p ? "Indisponível" : "Adicionar"
             }
           )
         ] })
@@ -801,21 +801,21 @@ const Ee = x(
     onSearch: t,
     onClear: r,
     isLoading: n = !1,
-    size: s = "md",
+    size: l = "md",
     placeholder: c = "Buscar...",
-    value: l,
-    onChange: m,
-    ...f
-  }, u) => {
-    const [p, g] = k(""), b = l !== void 0 ? l : p, N = {
+    value: s,
+    onChange: u,
+    ...m
+  }, g) => {
+    const [f, p] = k(""), b = s !== void 0 ? s : f, N = {
       sm: "h-9 text-sm",
       md: "h-11 text-base",
       lg: "h-14 text-lg"
     }, h = (y) => {
       const j = y.target.value;
-      l === void 0 && g(j), m == null || m(y);
+      s === void 0 && p(j), u == null || u(y);
     }, d = () => {
-      l === void 0 && g(""), r == null || r();
+      s === void 0 && p(""), r == null || r();
     }, v = (y) => {
       y.key === "Enter" && t && t(b);
     };
@@ -824,7 +824,7 @@ const Ee = x(
       /* @__PURE__ */ e(
         "input",
         {
-          ref: u,
+          ref: g,
           type: "search",
           value: b,
           onChange: h,
@@ -835,9 +835,9 @@ const Ee = x(
             "placeholder:text-[var(--muted-foreground)]",
             "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",
             "disabled:cursor-not-allowed disabled:opacity-50",
-            N[s]
+            N[l]
           ),
-          ...f
+          ...m
         }
       ),
       /* @__PURE__ */ i("div", { className: "absolute right-3 flex items-center gap-1", children: [
@@ -863,26 +863,26 @@ const Te = x(
     price: t,
     originalPrice: r,
     currency: n = "R$",
-    size: s = "md",
+    size: l = "md",
     showDiscount: c = !0,
-    installments: l,
-    ...m
-  }, f) => {
-    const u = r && r > t ? Math.round((r - t) / r * 100) : 0, p = {
+    installments: s,
+    ...u
+  }, m) => {
+    const g = r && r > t ? Math.round((r - t) / r * 100) : 0, f = {
       sm: "text-base",
       md: "text-xl",
       lg: "text-2xl",
       xl: "text-4xl"
-    }, g = {
+    }, p = {
       sm: "text-xs",
       md: "text-sm",
       lg: "text-base",
       xl: "text-xl"
     };
-    return /* @__PURE__ */ i("div", { ref: f, className: o("flex flex-col gap-1", a), ...m, children: [
+    return /* @__PURE__ */ i("div", { ref: m, className: o("flex flex-col gap-1", a), ...u, children: [
       /* @__PURE__ */ i("div", { className: "flex items-center gap-2 flex-wrap", children: [
         /* @__PURE__ */ i("div", { className: "flex items-baseline gap-2", children: [
-          /* @__PURE__ */ i("span", { className: o("font-bold text-[var(--foreground)]", p[s]), children: [
+          /* @__PURE__ */ i("span", { className: o("font-bold text-[var(--foreground)]", f[l]), children: [
             n,
             " ",
             t.toFixed(2)
@@ -892,7 +892,7 @@ const Te = x(
             {
               className: o(
                 "text-[var(--muted-foreground)] line-through",
-                g[s]
+                p[l]
               ),
               children: [
                 n,
@@ -902,19 +902,19 @@ const Te = x(
             }
           )
         ] }),
-        c && u > 0 && /* @__PURE__ */ i(A, { variant: "success", size: "sm", children: [
+        c && g > 0 && /* @__PURE__ */ i(A, { variant: "success", size: "sm", children: [
           "-",
-          u,
+          g,
           "%"
         ] })
       ] }),
-      l && /* @__PURE__ */ i("p", { className: "text-sm text-[var(--muted-foreground)]", children: [
+      s && /* @__PURE__ */ i("p", { className: "text-sm text-[var(--muted-foreground)]", children: [
         "ou ",
-        l.count,
+        s.count,
         "x de ",
         n,
         " ",
-        l.value.toFixed(2),
+        s.value.toFixed(2),
         " sem juros"
       ] })
     ] });
@@ -927,19 +927,19 @@ const $e = x(
     value: t,
     min: r = 1,
     max: n = 99,
-    onChange: s,
+    onChange: l,
     size: c = "md",
-    disabled: l = !1,
-    showLabel: m = !1,
-    ...f
-  }, u) => {
-    const p = () => {
-      t < n && s(t + 1);
-    }, g = () => {
-      t > r && s(t - 1);
+    disabled: s = !1,
+    showLabel: u = !1,
+    ...m
+  }, g) => {
+    const f = () => {
+      t < n && l(t + 1);
+    }, p = () => {
+      t > r && l(t - 1);
     }, b = (d) => {
       const v = parseInt(d.target.value);
-      !isNaN(v) && v >= r && v <= n && s(v);
+      !isNaN(v) && v >= r && v <= n && l(v);
     }, N = {
       sm: "h-8 w-8",
       md: "h-10 w-10",
@@ -949,8 +949,8 @@ const $e = x(
       md: "h-10 w-14 text-base",
       lg: "h-12 w-16 text-lg"
     };
-    return /* @__PURE__ */ i("div", { ref: u, className: o("inline-flex flex-col gap-1", a), ...f, children: [
-      m && /* @__PURE__ */ e("label", { className: "text-sm font-medium text-[var(--foreground)]", children: "Quantidade" }),
+    return /* @__PURE__ */ i("div", { ref: g, className: o("inline-flex flex-col gap-1", a), ...m, children: [
+      u && /* @__PURE__ */ e("label", { className: "text-sm font-medium text-[var(--foreground)]", children: "Quantidade" }),
       /* @__PURE__ */ i("div", { className: "inline-flex items-center gap-2", children: [
         /* @__PURE__ */ e(
           C,
@@ -958,8 +958,8 @@ const $e = x(
             type: "button",
             variant: "secondary",
             size: "sm",
-            onClick: g,
-            disabled: l || t <= r,
+            onClick: p,
+            disabled: s || t <= r,
             className: o(N[c], "p-0"),
             "aria-label": "Decrease quantity",
             children: /* @__PURE__ */ e(ne, { className: "h-4 w-4" })
@@ -973,7 +973,7 @@ const $e = x(
             onChange: b,
             min: r,
             max: n,
-            disabled: l,
+            disabled: s,
             className: o(
               "rounded-lg border-2 border-[var(--border)] bg-[var(--input-background)] text-center font-medium transition-colors",
               "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",
@@ -990,8 +990,8 @@ const $e = x(
             type: "button",
             variant: "secondary",
             size: "sm",
-            onClick: p,
-            disabled: l || t >= n,
+            onClick: f,
+            disabled: s || t >= n,
             className: o(N[c], "p-0"),
             "aria-label": "Increase quantity",
             children: /* @__PURE__ */ e(se, { className: "h-4 w-4" })
@@ -1003,7 +1003,7 @@ const $e = x(
 );
 $e.displayName = "QuantitySelector";
 const Be = x(
-  ({ className: a, label: t, htmlFor: r, required: n, error: s, helperText: c, children: l, ...m }, f) => /* @__PURE__ */ i("div", { ref: f, className: o("flex flex-col gap-1.5", a), ...m, children: [
+  ({ className: a, label: t, htmlFor: r, required: n, error: l, helperText: c, children: s, ...u }, m) => /* @__PURE__ */ i("div", { ref: m, className: o("flex flex-col gap-1.5", a), ...u, children: [
     t && /* @__PURE__ */ i(
       "label",
       {
@@ -1015,15 +1015,15 @@ const Be = x(
         ]
       }
     ),
-    l,
-    (s || c) && /* @__PURE__ */ e(
+    s,
+    (l || c) && /* @__PURE__ */ e(
       "p",
       {
         className: o(
           "text-sm",
-          s ? "text-[var(--destructive)]" : "text-[var(--muted-foreground)]"
+          l ? "text-[var(--destructive)]" : "text-[var(--muted-foreground)]"
         ),
-        children: s || c
+        children: l || c
       }
     )
   ] })
@@ -1205,17 +1205,17 @@ const Fe = x(
     variant: t = "default",
     title: r,
     subtitle: n,
-    description: s,
+    description: l,
     primaryCTA: c,
-    secondaryCTA: l,
-    backgroundImage: m,
-    overlay: f = !0,
-    children: u,
-    ...p
-  }, g) => /* @__PURE__ */ i(
+    secondaryCTA: s,
+    backgroundImage: u,
+    overlay: m = !0,
+    children: g,
+    ...f
+  }, p) => /* @__PURE__ */ i(
     "section",
     {
-      ref: g,
+      ref: p,
       className: o(
         "relative flex min-h-[400px] w-full flex-col justify-center px-6 py-16 lg:px-12 lg:py-24",
         {
@@ -1225,17 +1225,17 @@ const Fe = x(
         }[t],
         a
       ),
-      ...p,
+      ...f,
       children: [
-        m && /* @__PURE__ */ i(P, { children: [
+        u && /* @__PURE__ */ i(P, { children: [
           /* @__PURE__ */ e(
             "div",
             {
               className: "absolute inset-0 bg-cover bg-center bg-no-repeat",
-              style: { backgroundImage: `url(${m})` }
+              style: { backgroundImage: `url(${u})` }
             }
           ),
-          f && /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-r from-black/70 to-black/30" })
+          m && /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-r from-black/70 to-black/30" })
         ] }),
         /* @__PURE__ */ i(
           "div",
@@ -1251,7 +1251,7 @@ const Fe = x(
                   {
                     className: o(
                       "mb-4 text-sm font-semibold uppercase tracking-wider",
-                      m ? "text-[var(--warning)]" : "text-[var(--brand-primary)]"
+                      u ? "text-[var(--warning)]" : "text-[var(--brand-primary)]"
                     ),
                     children: n
                   }
@@ -1261,22 +1261,22 @@ const Fe = x(
                   {
                     className: o(
                       "text-4xl font-bold leading-tight lg:text-5xl xl:text-6xl",
-                      m ? "text-white" : "text-[var(--foreground)]"
+                      u ? "text-white" : "text-[var(--foreground)]"
                     ),
                     children: r
                   }
                 ),
-                s && /* @__PURE__ */ e(
+                l && /* @__PURE__ */ e(
                   "p",
                   {
                     className: o(
                       "mt-6 text-lg lg:text-xl",
-                      m ? "text-gray-200" : "text-[var(--muted-foreground)]"
+                      u ? "text-gray-200" : "text-[var(--muted-foreground)]"
                     ),
-                    children: s
+                    children: l
                   }
                 ),
-                (c || l) && /* @__PURE__ */ i("div", { className: "mt-8 flex flex-wrap gap-4", children: [
+                (c || s) && /* @__PURE__ */ i("div", { className: "mt-8 flex flex-wrap gap-4", children: [
                   c && /* @__PURE__ */ e(
                     C,
                     {
@@ -1286,22 +1286,22 @@ const Fe = x(
                       children: c.label
                     }
                   ),
-                  l && /* @__PURE__ */ e(
+                  s && /* @__PURE__ */ e(
                     C,
                     {
                       size: "lg",
-                      onClick: l.onClick,
+                      onClick: s.onClick,
                       variant: "secondary",
-                      children: l.label
+                      children: s.label
                     }
                   )
                 ] })
               ] }),
-              t === "split" && u && /* @__PURE__ */ e("div", { className: "mt-8 lg:mt-0", children: u })
+              t === "split" && g && /* @__PURE__ */ e("div", { className: "mt-8 lg:mt-0", children: g })
             ]
           }
         ),
-        t !== "split" && u && /* @__PURE__ */ e("div", { className: "relative z-10 mt-12 w-full max-w-7xl mx-auto", children: u })
+        t !== "split" && g && /* @__PURE__ */ e("div", { className: "relative z-10 mt-12 w-full max-w-7xl mx-auto", children: g })
       ]
     }
   )
@@ -1313,11 +1313,11 @@ const X = x(
     variant: t = "default",
     icon: r,
     title: n,
-    description: s,
+    description: l,
     action: c,
-    ...l
-  }, m) => {
-    const u = r || {
+    ...s
+  }, u) => {
+    const g = r || {
       default: /* @__PURE__ */ e(de, { className: "h-16 w-16" }),
       search: /* @__PURE__ */ e(Q, { className: "h-16 w-16" }),
       cart: /* @__PURE__ */ e(_, { className: "h-16 w-16" }),
@@ -1326,16 +1326,16 @@ const X = x(
     return /* @__PURE__ */ i(
       "div",
       {
-        ref: m,
+        ref: u,
         className: o(
           "flex flex-col items-center justify-center py-16 px-6 text-center",
           a
         ),
-        ...l,
+        ...s,
         children: [
-          /* @__PURE__ */ e("div", { className: "rounded-full bg-[var(--muted)] p-6 text-[var(--muted-foreground)]", children: u }),
+          /* @__PURE__ */ e("div", { className: "rounded-full bg-[var(--muted)] p-6 text-[var(--muted-foreground)]", children: g }),
           /* @__PURE__ */ e("h3", { className: "mt-6 text-xl font-semibold text-[var(--foreground)]", children: n }),
-          s && /* @__PURE__ */ e("p", { className: "mt-2 max-w-md text-[var(--muted-foreground)]", children: s }),
+          l && /* @__PURE__ */ e("p", { className: "mt-2 max-w-md text-[var(--muted-foreground)]", children: l }),
           c && /* @__PURE__ */ e(
             C,
             {
@@ -1358,13 +1358,13 @@ const qe = x(
     type: t = "generic",
     title: r,
     message: n,
-    onRetry: s,
+    onRetry: l,
     onGoHome: c,
-    showRetry: l = !0,
-    showHome: m = !0,
-    ...f
-  }, u) => {
-    const g = {
+    showRetry: s = !0,
+    showHome: u = !0,
+    ...m
+  }, g) => {
+    const p = {
       404: {
         title: "Página não encontrada",
         message: "A página que você está procurando não existe ou foi movida.",
@@ -1385,37 +1385,37 @@ const qe = x(
         message: "Ocorreu um erro inesperado. Por favor, tente novamente.",
         code: ""
       }
-    }[t], b = r || g.title, N = n || g.message;
+    }[t], b = r || p.title, N = n || p.message;
     return /* @__PURE__ */ i(
       "div",
       {
-        ref: u,
+        ref: g,
         className: o(
           "flex min-h-[500px] flex-col items-center justify-center py-16 px-6 text-center",
           a
         ),
         role: "alert",
         "aria-live": "assertive",
-        ...f,
+        ...m,
         children: [
           /* @__PURE__ */ i("div", { className: "flex flex-col items-center gap-4", children: [
-            g.code && /* @__PURE__ */ e("h1", { className: "text-9xl font-bold text-[var(--muted)] opacity-40", children: g.code }),
+            p.code && /* @__PURE__ */ e("h1", { className: "text-9xl font-bold text-[var(--muted)] opacity-40", children: p.code }),
             /* @__PURE__ */ e("div", { className: "rounded-full bg-[var(--destructive)]/10 p-6 text-[var(--destructive)]", children: /* @__PURE__ */ e(ce, { className: "h-16 w-16" }) })
           ] }),
           /* @__PURE__ */ e("h2", { className: "mt-6 text-2xl font-bold text-[var(--foreground)]", children: b }),
           /* @__PURE__ */ e("p", { className: "mt-2 max-w-md text-[var(--muted-foreground)]", children: N }),
           /* @__PURE__ */ i("div", { className: "mt-8 flex flex-wrap gap-4 justify-center", children: [
-            l && s && /* @__PURE__ */ e(
+            s && l && /* @__PURE__ */ e(
               C,
               {
-                onClick: s,
+                onClick: l,
                 variant: "primary",
                 size: "lg",
                 leftIcon: /* @__PURE__ */ e(ue, { className: "h-5 w-5" }),
                 children: "Tentar novamente"
               }
             ),
-            m && c && /* @__PURE__ */ e(
+            u && c && /* @__PURE__ */ e(
               C,
               {
                 onClick: c,
@@ -1438,28 +1438,28 @@ const He = x(
     products: t,
     columns: r = 4,
     gap: n = "md",
-    isLoading: s = !1,
+    isLoading: l = !1,
     skeletonCount: c = 8,
-    emptyStateMessage: l = "Nenhum produto encontrado",
-    onEmptyAction: m,
-    ...f
-  }, u) => {
-    const p = {
+    emptyStateMessage: s = "Nenhum produto encontrado",
+    onEmptyAction: u,
+    ...m
+  }, g) => {
+    const f = {
       sm: "gap-4",
       md: "gap-6",
       lg: "gap-8"
     };
-    return s ? /* @__PURE__ */ e(
+    return l ? /* @__PURE__ */ e(
       "div",
       {
-        ref: u,
+        ref: g,
         className: o(
           "grid grid-cols-2 lg:grid-cols-4",
-          p[n],
+          f[n],
           a
         ),
-        ...f,
-        children: Array.from({ length: c }).map((g, b) => /* @__PURE__ */ e(
+        ...m,
+        children: Array.from({ length: c }).map((p, b) => /* @__PURE__ */ e(
           $,
           {
             image: "",
@@ -1474,24 +1474,24 @@ const He = x(
       X,
       {
         variant: "search",
-        title: l,
+        title: s,
         description: "Tente ajustar seus filtros ou realizar uma nova busca",
-        action: m ? {
+        action: u ? {
           label: "Limpar filtros",
-          onClick: m
+          onClick: u
         } : void 0
       }
     ) : /* @__PURE__ */ e(
       "div",
       {
-        ref: u,
+        ref: g,
         className: o(
           "grid grid-cols-2 lg:grid-cols-4",
-          p[n],
+          f[n],
           a
         ),
-        ...f,
-        children: t.map((g, b) => /* @__PURE__ */ e($, { ...g }, b))
+        ...m,
+        children: t.map((p, b) => /* @__PURE__ */ e($, { ...p }, b))
       }
     );
   }
@@ -1728,30 +1728,30 @@ function et({ children: a, as: t = "div", className: r }) {
   );
 }
 const tt = x(
-  ({ className: a, onThemeChange: t, onFontSizeChange: r, showA11yLink: n = !1, ...s }, c) => {
-    const [l, m] = k("light"), [f, u] = k(16), [p, g] = k(!1);
+  ({ className: a, onThemeChange: t, onFontSizeChange: r, showA11yLink: n = !1, ...l }, c) => {
+    const [s, u] = k("light"), [m, g] = k(16), [f, p] = k(!1);
     M(() => {
       const v = localStorage.getItem("a11y-theme") ?? document.documentElement.getAttribute("data-theme") ?? "light";
-      m(v);
+      u(v);
       const y = Number(localStorage.getItem("a11y-font-size"));
-      Number.isFinite(y) && y > 0 && u(y);
+      Number.isFinite(y) && y > 0 && g(y);
     }, []), M(() => {
-      if (!p && typeof window < "u" && !document.querySelector('script[src*="vlibras"]')) {
+      if (!f && typeof window < "u" && !document.querySelector('script[src*="vlibras"]')) {
         const v = document.createElement("script");
         v.src = "https://vlibras.gov.br/app/vlibras-plugin.js", v.async = !0, v.onload = () => {
-          g(!0), window.VLibras && new window.VLibras.Widget("https://vlibras.gov.br/app");
+          p(!0), window.VLibras && new window.VLibras.Widget("https://vlibras.gov.br/app");
         }, document.body.appendChild(v);
       }
-    }, [p]);
+    }, [f]);
     const b = () => {
-      const d = l === "light" ? "dark" : "light";
-      m(d), document.documentElement.setAttribute("data-theme", d), localStorage.setItem("a11y-theme", d), t == null || t(d);
+      const d = s === "light" ? "dark" : "light";
+      u(d), document.documentElement.setAttribute("data-theme", d), localStorage.setItem("a11y-theme", d), t == null || t(d);
     }, N = () => {
-      const d = Math.min(f + 2, 24);
-      u(d), document.documentElement.style.setProperty("--font-size", `${d}px`), document.documentElement.style.fontSize = `${d}px`, localStorage.setItem("a11y-font-size", d.toString()), r == null || r(d);
+      const d = Math.min(m + 2, 24);
+      g(d), document.documentElement.style.setProperty("--font-size", `${d}px`), document.documentElement.style.fontSize = `${d}px`, localStorage.setItem("a11y-font-size", d.toString()), r == null || r(d);
     }, h = () => {
-      const d = Math.max(f - 2, 12);
-      u(d), document.documentElement.style.setProperty("--font-size", `${d}px`), document.documentElement.style.fontSize = `${d}px`, localStorage.setItem("a11y-font-size", d.toString()), r == null || r(d);
+      const d = Math.max(m - 2, 12);
+      g(d), document.documentElement.style.setProperty("--font-size", `${d}px`), document.documentElement.style.fontSize = `${d}px`, localStorage.setItem("a11y-font-size", d.toString()), r == null || r(d);
     };
     return /* @__PURE__ */ e(
       "div",
@@ -1763,7 +1763,7 @@ const tt = x(
         ),
         role: "toolbar",
         "aria-label": "Ferramentas de acessibilidade",
-        ...s,
+        ...l,
         children: /* @__PURE__ */ i(et, { className: "py-2 flex items-center justify-between", children: [
           /* @__PURE__ */ i("div", { className: "flex items-center gap-2 text-sm text-[var(--muted-foreground)]", children: [
             /* @__PURE__ */ e(fe, { className: "h-4 w-4 flex-shrink-0", "aria-hidden": "true" }),
@@ -1784,7 +1784,7 @@ const tt = x(
                 {
                   type: "button",
                   onClick: h,
-                  disabled: f <= 12,
+                  disabled: m <= 12,
                   "aria-label": "Diminuir tamanho da fonte",
                   className: o(
                     "p-2 rounded-md transition-colors text-[var(--muted-foreground)] hover:bg-[var(--muted)]",
@@ -1800,7 +1800,7 @@ const tt = x(
                 {
                   type: "button",
                   onClick: N,
-                  disabled: f >= 24,
+                  disabled: m >= 24,
                   "aria-label": "Aumentar tamanho da fonte",
                   className: o(
                     "p-2 rounded-md transition-colors text-[var(--muted-foreground)] hover:bg-[var(--muted)]",
@@ -1816,29 +1816,29 @@ const tt = x(
               {
                 type: "button",
                 onClick: b,
-                "aria-label": l === "light" ? "Ativar modo escuro" : "Ativar modo claro",
+                "aria-label": s === "light" ? "Ativar modo escuro" : "Ativar modo claro",
                 className: o(
                   "p-2 rounded-md transition-colors text-[var(--muted-foreground)] hover:bg-[var(--muted)]",
                   "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]"
                 ),
-                children: l === "light" ? /* @__PURE__ */ e(ve, { className: "h-4 w-4" }) : /* @__PURE__ */ e(be, { className: "h-4 w-4" })
+                children: s === "light" ? /* @__PURE__ */ e(ve, { className: "h-4 w-4" }) : /* @__PURE__ */ e(be, { className: "h-4 w-4" })
               }
             ),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: () => g((d) => !d),
+                onClick: () => p((d) => !d),
                 "aria-label": "Ativar VLibras",
-                "aria-pressed": p,
+                "aria-pressed": f,
                 className: o(
                   "px-3 py-1 text-xs font-medium rounded-md transition-colors",
                   "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]"
                 ),
                 style: {
-                  backgroundColor: p ? "var(--primary)" : "transparent",
-                  color: p ? "var(--primary-foreground)" : "var(--muted-foreground)",
-                  border: p ? "none" : "1px solid var(--border)"
+                  backgroundColor: f ? "var(--primary)" : "transparent",
+                  color: f ? "var(--primary-foreground)" : "var(--muted-foreground)",
+                  border: f ? "none" : "1px solid var(--border)"
                 },
                 children: "VLibras"
               }
@@ -1856,47 +1856,47 @@ const at = x(
     slides: t,
     autoplayDelay: r = 5e3,
     autoplay: n = !0,
-    ...s
+    ...l
   }, c) => {
-    const [l, m] = k(0), [f, u] = k(!1), [p, g] = k(!1);
+    const [s, u] = k(0), [m, g] = k(!1), [f, p] = k(!1);
     M(() => {
       const d = window.matchMedia("(prefers-reduced-motion: reduce)");
-      g(d.matches);
+      p(d.matches);
       const v = (y) => {
-        g(y.matches);
+        p(y.matches);
       };
       return d.addEventListener("change", v), () => d.removeEventListener("change", v);
     }, []), M(() => {
-      if (!n || f || p) return;
+      if (!n || m || f) return;
       const d = setInterval(() => {
-        m((v) => (v + 1) % t.length);
+        u((v) => (v + 1) % t.length);
       }, r);
       return () => clearInterval(d);
-    }, [n, r, t.length, f, p]);
+    }, [n, r, t.length, m, f]);
     const b = (d) => {
-      m(d), u(!0), setTimeout(() => u(!1), r);
+      u(d), g(!0), setTimeout(() => g(!1), r);
     }, N = () => {
-      b((l - 1 + t.length) % t.length);
+      b((s - 1 + t.length) % t.length);
     }, h = () => {
-      b((l + 1) % t.length);
+      b((s + 1) % t.length);
     };
-    return t.length === 0 ? null : (t[l], /* @__PURE__ */ i(
+    return t.length === 0 ? null : (t[s], /* @__PURE__ */ i(
       "div",
       {
         ref: c,
         className: o("relative w-full overflow-hidden", a),
-        onMouseEnter: () => u(!0),
-        onMouseLeave: () => u(!1),
-        ...s,
+        onMouseEnter: () => g(!0),
+        onMouseLeave: () => g(!1),
+        ...l,
         children: [
           /* @__PURE__ */ e("div", { className: "relative", children: t.map((d, v) => /* @__PURE__ */ i(
             "div",
             {
               className: o(
                 "w-full transition-opacity duration-700",
-                v === l ? "block" : "hidden"
+                v === s ? "block" : "hidden"
               ),
-              "aria-hidden": v !== l,
+              "aria-hidden": v !== s,
               children: [
                 /* @__PURE__ */ i("picture", { children: [
                   /* @__PURE__ */ e(
@@ -1966,10 +1966,10 @@ const at = x(
               onClick: () => b(v),
               className: o(
                 "h-2 rounded-full transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] min-w-[44px] min-h-[24px] flex items-center justify-center",
-                v === l ? "w-8 bg-white" : "w-2 bg-white/50 hover:bg-white/70"
+                v === s ? "w-8 bg-white" : "w-2 bg-white/50 hover:bg-white/70"
               ),
               "aria-label": `Ir para slide ${v + 1}`,
-              "aria-current": v === l
+              "aria-current": v === s
             },
             v
           )) })
@@ -2168,7 +2168,7 @@ function Y({ item: a, depth: t = 0 }) {
         type: "button",
         "aria-expanded": r,
         "aria-controls": `mobile-nav-${a.id}`,
-        onClick: () => n((l) => !l),
+        onClick: () => n((s) => !s),
         className: o(
           "flex min-h-[44px] w-full items-center justify-between rounded py-2 text-sm font-medium text-[var(--foreground)] hover:text-[var(--brand-primary)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
           t > 0 && "pl-4"
@@ -2193,21 +2193,21 @@ function Y({ item: a, depth: t = 0 }) {
       {
         id: `mobile-nav-${a.id}`,
         className: "mb-1 ml-2 border-l-2 border-[var(--border)] pl-3",
-        children: a.children.map((l) => /* @__PURE__ */ e(Y, { item: l, depth: t + 1 }, l.id))
+        children: a.children.map((s) => /* @__PURE__ */ e(Y, { item: s, depth: t + 1 }, s.id))
       }
     )
   ] });
 }
 const ct = x(
-  ({ items: a, logo: t, rightSlot: r, searchSlot: n, drawerFooter: s, className: c, ...l }, m) => /* @__PURE__ */ e(
+  ({ items: a, logo: t, rightSlot: r, searchSlot: n, drawerFooter: l, className: c, ...s }, u) => /* @__PURE__ */ e(
     "header",
     {
-      ref: m,
+      ref: u,
       className: o(
         "sticky top-0 z-40 border-b border-[var(--border)] bg-[var(--card)]",
         c
       ),
-      ...l,
+      ...s,
       children: /* @__PURE__ */ i("div", { className: "px-4", children: [
         /* @__PURE__ */ i("div", { className: "flex items-center py-3 gap-4", children: [
           t && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: t }),
@@ -2235,10 +2235,10 @@ const ct = x(
                 {
                   "aria-label": "Menu principal",
                   className: "flex-1 overflow-y-auto px-5 py-3",
-                  children: /* @__PURE__ */ e("div", { className: "divide-y divide-[var(--border)]", children: a.map((f) => /* @__PURE__ */ e("div", { className: "py-0.5", children: /* @__PURE__ */ e(Y, { item: f }) }, f.id)) })
+                  children: /* @__PURE__ */ e("div", { className: "divide-y divide-[var(--border)]", children: a.map((m) => /* @__PURE__ */ e("div", { className: "py-0.5", children: /* @__PURE__ */ e(Y, { item: m }) }, m.id)) })
                 }
               ),
-              s && /* @__PURE__ */ e("div", { className: "border-t border-[var(--border)] px-5 py-4", children: s })
+              l && /* @__PURE__ */ e("div", { className: "border-t border-[var(--border)] px-5 py-4", children: l })
             ] })
           ] })
         ] }),
@@ -2248,19 +2248,19 @@ const ct = x(
             "aria-label": "Menu principal",
             className: "hidden border-t border-[var(--border)] py-2 md:flex",
             children: /* @__PURE__ */ e(rt, { children: /* @__PURE__ */ e(ot, { children: a.map(
-              (f) => {
-                var u;
-                return (u = f.children) != null && u.length ? /* @__PURE__ */ i(G, { children: [
-                  /* @__PURE__ */ e(nt, { className: "h-9 bg-transparent text-sm text-[var(--foreground)] hover:bg-[var(--accent)]", children: f.label }),
-                  /* @__PURE__ */ e(st, { children: /* @__PURE__ */ e(dt, { items: f.children }) })
-                ] }, f.id) : /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(
+              (m) => {
+                var g;
+                return (g = m.children) != null && g.length ? /* @__PURE__ */ i(G, { children: [
+                  /* @__PURE__ */ e(nt, { className: "h-9 bg-transparent text-sm text-[var(--foreground)] hover:bg-[var(--accent)]", children: m.label }),
+                  /* @__PURE__ */ e(st, { children: /* @__PURE__ */ e(dt, { items: m.children }) })
+                ] }, m.id) : /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(
                   B,
                   {
-                    href: f.href ?? "#",
+                    href: m.href ?? "#",
                     className: "inline-flex h-9 items-center rounded-md px-4 text-sm font-medium text-[var(--foreground)] transition-colors hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
-                    children: f.label
+                    children: m.label
                   }
-                ) }, f.id);
+                ) }, m.id);
               }
             ) }) })
           }
@@ -2310,13 +2310,13 @@ const ut = [
   { label: "LinkedIn", href: "https://linkedin.com/company/eloeditora", Icon: ke }
 ];
 function ft({ onSubmit: a }) {
-  const [t, r] = k(""), [n, s] = k(!1);
-  return /* @__PURE__ */ e("div", { className: "bg-[var(--brand-primary)] py-10", children: /* @__PURE__ */ i("div", { className: "mx-auto max-w-lg px-4 text-center", children: [
+  const [t, r] = k(""), [n, l] = k(!1);
+  return /* @__PURE__ */ e("div", { className: "mx-auto w-full bg-[var(--brand-primary)] py-8 md:py-10 lg:py-12", style: { maxWidth: "var(--container-max)" }, children: /* @__PURE__ */ i("div", { className: "mx-auto max-w-lg px-[var(--container-px)] text-center", children: [
     /* @__PURE__ */ e(ze, { className: "mx-auto mb-4 h-10 w-10 text-white", "aria-hidden": "true" }),
     /* @__PURE__ */ e("h2", { className: "text-xl font-semibold text-white sm:text-2xl", children: "Receba novidades e ofertas exclusivas" }),
     /* @__PURE__ */ e("p", { className: "mt-2 text-sm", style: { color: "rgba(255,255,255,0.85)" }, children: "Cadastre-se e fique por dentro dos lançamentos. Sem spam." }),
-    n ? /* @__PURE__ */ e("p", { className: "mt-6 text-sm font-medium text-white", children: "Obrigado! Você está na lista. ✓" }) : /* @__PURE__ */ i("form", { onSubmit: (l) => {
-      l.preventDefault(), t && (a == null || a(t), s(!0), r(""));
+    n ? /* @__PURE__ */ e("p", { className: "mt-6 text-sm font-medium text-white", children: "Obrigado! Você está na lista. ✓" }) : /* @__PURE__ */ i("form", { onSubmit: (s) => {
+      s.preventDefault(), t && (a == null || a(t), l(!0), r(""));
     }, className: "mt-6 flex flex-col gap-2 sm:flex-row", children: [
       /* @__PURE__ */ e("label", { htmlFor: "footer-newsletter-email", className: "sr-only", children: "Seu e-mail" }),
       /* @__PURE__ */ e(
@@ -2326,7 +2326,7 @@ function ft({ onSubmit: a }) {
           type: "email",
           required: !0,
           value: t,
-          onChange: (l) => r(l.target.value),
+          onChange: (s) => r(s.target.value),
           placeholder: "Seu melhor e-mail",
           className: "min-h-[44px] flex-1 rounded-lg border border-white px-4 text-sm text-[#1a1e2e] placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-white"
         }
@@ -2351,7 +2351,7 @@ function gt({ title: a, links: t }) {
       {
         type: "button",
         "aria-expanded": r,
-        onClick: () => n((s) => !s),
+        onClick: () => n((l) => !l),
         className: "flex w-full items-center justify-between py-4 text-left text-sm font-semibold text-[var(--foreground)] md:hidden",
         children: [
           a,
@@ -2374,62 +2374,62 @@ function gt({ title: a, links: t }) {
           r ? "max-h-96 pb-4" : "max-h-0 md:max-h-none"
         ),
         role: "list",
-        children: t.map((s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+        children: t.map((l) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
           "a",
           {
-            href: s.href,
+            href: l.href,
             className: "text-sm text-[var(--muted-foreground)] transition-colors hover:text-[var(--brand-primary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded",
-            children: s.label
+            children: l.label
           }
-        ) }, s.label))
+        ) }, l.label))
       }
     )
   ] });
 }
-const pt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, className: r, ...n }) => {
-  const [s, c] = k("light");
+const pt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r, className: n, ...l }) => {
+  const [c, s] = k("light");
   M(() => {
-    const u = document.documentElement;
-    c(u.getAttribute("data-theme") ?? "light");
+    const f = document.documentElement;
+    s(f.getAttribute("data-theme") ?? "light");
     const p = new MutationObserver(() => {
-      c(u.getAttribute("data-theme") ?? "light");
+      s(f.getAttribute("data-theme") ?? "light");
     });
-    return p.observe(u, { attributes: !0, attributeFilter: ["data-theme"] }), () => p.disconnect();
+    return p.observe(f, { attributes: !0, attributeFilter: ["data-theme"] }), () => p.disconnect();
   }, []);
-  const l = a === "perabook" ? s === "dark" ? "/logos/logo_PeraBook_institucional_tarja_branca.png" : "/logos/PeraBook_instituicional.png" : s === "dark" ? "/logos/logo_elo_editora_texto_branco.png" : "/logos/logo_elo_institucional.png", m = a === "perabook" ? "PeraBook" : "Elo Editora", f = a === "perabook" ? "Educação socioemocional e diversidade cultural" : "Literatura infantojuvenil que transforma vidas";
+  const u = a === "perabook" ? c === "dark" ? "/logos/logo_PeraBook_institucional_tarja_branca.png" : "/logos/PeraBook_instituicional.png" : c === "dark" ? "/logos/logo_elo_editora_texto_branco.png" : "/logos/logo_elo_institucional.png", m = a === "perabook" ? "PeraBook" : "Elo Editora", g = a === "perabook" ? "Educação socioemocional e diversidade cultural" : "Literatura infantojuvenil que transforma vidas";
   return /* @__PURE__ */ i(
     "footer",
     {
-      className: o("border-t border-[var(--border)] bg-[var(--card)] text-[var(--foreground)]", r),
+      className: o("border-t border-[var(--border)] bg-[var(--card)] text-[var(--foreground)]", n),
       "aria-label": "Rodapé do site",
-      ...n,
+      ...l,
       children: [
-        /* @__PURE__ */ e(ft, { onSubmit: t }),
+        r !== void 0 ? r : /* @__PURE__ */ e(ft, { onSubmit: t }),
         /* @__PURE__ */ i("div", { className: "mx-auto max-w-screen-xl px-4", children: [
           /* @__PURE__ */ i("div", { className: "py-10 md:grid md:grid-cols-4 md:gap-8", children: [
             /* @__PURE__ */ i("div", { className: "mb-8 md:mb-0", children: [
               /* @__PURE__ */ e(
                 "img",
                 {
-                  src: l,
+                  src: u,
                   alt: m,
                   width: 120,
                   height: 40,
                   className: "h-10 w-auto object-contain"
                 }
               ),
-              /* @__PURE__ */ e("p", { className: "mt-3 max-w-xs text-sm text-[var(--muted-foreground)]", children: f }),
-              /* @__PURE__ */ e("div", { className: "mt-6 flex flex-wrap gap-2", "aria-label": "Redes sociais", children: mt.map(({ label: u, href: p, Icon: g }) => /* @__PURE__ */ e(
+              /* @__PURE__ */ e("p", { className: "mt-3 max-w-xs text-sm text-[var(--muted-foreground)]", children: g }),
+              /* @__PURE__ */ e("div", { className: "mt-6 flex flex-wrap gap-2", "aria-label": "Redes sociais", children: mt.map(({ label: f, href: p, Icon: b }) => /* @__PURE__ */ e(
                 "a",
                 {
                   href: p,
                   target: "_blank",
                   rel: "noopener noreferrer",
-                  "aria-label": u,
+                  "aria-label": f,
                   className: "flex h-9 w-9 items-center justify-center rounded-full border border-[var(--border)] text-[var(--muted-foreground)] transition-colors hover:border-[var(--brand-primary)] hover:bg-[var(--brand-primary)] hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
-                  children: /* @__PURE__ */ e(g, { className: "h-4 w-4", "aria-hidden": "true" })
+                  children: /* @__PURE__ */ e(b, { className: "h-4 w-4", "aria-hidden": "true" })
                 },
-                u
+                f
               )) }),
               /* @__PURE__ */ i("div", { className: "mt-6 space-y-1 text-sm", children: [
                 /* @__PURE__ */ e("p", { className: "text-[var(--muted-foreground)]", children: "Atendimento:" }),
@@ -2437,7 +2437,7 @@ const pt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, className: r, ...
                 /* @__PURE__ */ e("p", { className: "font-medium text-[var(--foreground)]", children: "(11) 3000-0000" })
               ] })
             ] }),
-            ut.map((u) => /* @__PURE__ */ e(gt, { title: u.title, links: u.links }, u.id))
+            ut.map((f) => /* @__PURE__ */ e(gt, { title: f.title, links: f.links }, f.id))
           ] }),
           /* @__PURE__ */ i("div", { className: "flex flex-col gap-2 border-t border-[var(--border)] py-6 text-xs text-[var(--muted-foreground)] sm:flex-row sm:items-center sm:justify-between", children: [
             /* @__PURE__ */ i("p", { children: [