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

package/dist/index.js

@@ -3,7 +3,7 @@ import { clsx as Z } from "clsx";
 import { twMerge as J } from "tailwind-merge";
 import { jsx as e, jsxs as i, Fragment as P } from "react/jsx-runtime";
 import { forwardRef as x, useState as k, useEffect as M } from "react";
-import { Loader2 as V, User as ee, Star as te, CheckIcon as U, ChevronDownIcon as R, ChevronUpIcon as ae, CircleIcon as re, ShoppingCart as _, Heart as oe, Search as Q, X as ie, Minus as ne, Plus as se, ChevronRight as W, FileX as le, Package as de, AlertCircle as ce, RefreshCw as ue, Home as me, XIcon as K, Accessibility as fe, ZoomOut as ge, ZoomIn as ve, Moon as pe, Sun as be, ChevronLeft as he, Menu as xe, ChevronDown as O, Instagram as Ne, Facebook as we, Youtube as ye, Linkedin as ke, Mail as ze } from "lucide-react";
+import { Loader2 as V, User as ee, Star as te, CheckIcon as U, ChevronDownIcon as R, ChevronUpIcon as ae, CircleIcon as re, ShoppingCart as _, Heart as oe, Search as Q, X as ie, Minus as ne, Plus as se, ChevronRight as W, FileX as le, Package as de, AlertCircle as ce, RefreshCw as ue, Home as me, XIcon as K, Accessibility as fe, ZoomOut as ge, ZoomIn as pe, Moon as ve, Sun as be, ChevronLeft as he, Menu as xe, ChevronDown as O, Instagram as Ne, Facebook as we, Youtube as ye, Linkedin as ke, Mail as ze } from "lucide-react";
 import { cva as L } from "class-variance-authority";
 import * as z from "@radix-ui/react-select";
 import * as F from "@radix-ui/react-checkbox";
@@ -57,11 +57,11 @@ const Se = L(
     children: m,
     disabled: f,
     ...u
-  }, v) => /* @__PURE__ */ e(
+  }, p) => /* @__PURE__ */ e(
     "button",
     {
       className: o(Se({ variant: t, size: r, fullWidth: n, className: a })),
-      ref: v,
+      ref: p,
       disabled: f || s,
       ...u,
       children: s ? /* @__PURE__ */ i(P, { children: [
@@ -172,7 +172,7 @@ const Me = L(
   }
 ), De = x(
   ({ className: a, size: t, src: r, alt: n, name: s, showStatus: c, statusType: l = "online", ...m }, f) => {
-    const [u, v] = k(!1), g = (h) => h.split(" ").map((d) => d[0]).join("").toUpperCase().slice(0, 2), b = {
+    const [u, p] = k(!1), g = (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)]",
@@ -189,7 +189,7 @@ const Me = L(
         {
           src: r,
           alt: n || s || "Avatar",
-          onError: () => v(!0),
+          onError: () => p(!0),
           className: "h-full w-full object-cover",
           ...m
         }
@@ -285,7 +285,7 @@ const Ae = x(
   }
 );
 Ae.displayName = "Divider";
-const $ = x(
+const T = x(
   ({
     className: a,
     value: t = 0,
@@ -296,7 +296,7 @@ const $ = x(
     showValue: l = !1,
     ...m
   }, f) => {
-    const [u, v] = k(0), g = {
+    const [u, p] = k(0), g = {
       sm: "h-4 w-4",
       md: "h-5 w-5",
       lg: "h-6 w-6"
@@ -320,8 +320,8 @@ const $ = x(
                 type: "button",
                 disabled: s,
                 onClick: () => b(h),
-                onMouseEnter: () => !s && v(h),
-                onMouseLeave: () => !s && v(0),
+                onMouseEnter: () => !s && p(h),
+                onMouseLeave: () => !s && p(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"
@@ -347,7 +347,7 @@ const $ = x(
     );
   }
 );
-$.displayName = "Rating";
+T.displayName = "Rating";
 function zt({ className: a, type: t, ...r }) {
   return /* @__PURE__ */ e(
     "input",
@@ -579,7 +579,7 @@ function H({
 }) {
   return a ? /* @__PURE__ */ e("a", { href: a, className: t, tabIndex: -1, "aria-hidden": "true", children: r }) : /* @__PURE__ */ e("div", { className: t, children: r });
 }
-const T = x(
+const $ = x(
   ({
     className: a,
     image: t,
@@ -591,21 +591,21 @@ const T = x(
     reviewCount: m,
     badge: f,
     badgeVariant: u = "default",
-    isSkeleton: v = !1,
+    isSkeleton: p = !1,
     isOutOfStock: g = !1,
     onAddToCart: b,
     onToggleFavorite: N,
     isFavorite: h = !1,
     href: d,
-    orientation: p = "vertical",
+    orientation: v = "vertical",
     ...y
-  }, j) => v ? /* @__PURE__ */ i(
+  }, j) => p ? /* @__PURE__ */ i(
     "div",
     {
       ref: j,
       className: o(
         "flex rounded-lg border-2 border-[var(--border)] bg-[var(--card)] p-4 animate-pulse",
-        p === "horizontal" ? "flex-row gap-3" : "flex-col",
+        v === "horizontal" ? "flex-row gap-3" : "flex-col",
         a
       ),
       ...y,
@@ -615,18 +615,18 @@ const T = x(
           {
             className: o(
               "rounded-lg bg-[var(--muted)]",
-              p === "horizontal" ? "h-24 w-20 shrink-0" : "h-55 lg:h-66.5 w-full"
+              v === "horizontal" ? "h-24 w-20 shrink-0" : "w-full aspect-square"
             )
           }
         ),
-        /* @__PURE__ */ i("div", { className: o("flex flex-col gap-2", p === "horizontal" ? "flex-1" : "mt-3"), children: [
+        /* @__PURE__ */ i("div", { className: o("flex flex-col gap-2", v === "horizontal" ? "flex-1" : "mt-3"), children: [
           /* @__PURE__ */ e("div", { className: "h-4 w-3/4 rounded bg-[var(--muted)]" }),
           /* @__PURE__ */ e("div", { className: "h-4 w-1/2 rounded bg-[var(--muted)]" }),
           /* @__PURE__ */ e("div", { className: "h-10 w-full rounded bg-[var(--muted)]" })
         ] })
       ]
     }
-  ) : p === "horizontal" ? /* @__PURE__ */ i(
+  ) : v === "horizontal" ? /* @__PURE__ */ i(
     "div",
     {
       ref: j,
@@ -663,7 +663,7 @@ const T = 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($, { value: l, size: "sm", readonly: !0 }),
+            /* @__PURE__ */ e(T, { value: l, size: "sm", readonly: !0 }),
             m !== void 0 && /* @__PURE__ */ i("span", { className: "text-xs text-[var(--muted-foreground)]", children: [
               "(",
               m,
@@ -711,30 +711,18 @@ const T = x(
           H,
           {
             href: d,
-            className: "relative block h-55 lg:h-66.5 w-full overflow-hidden rounded-t-lg",
+            className: "relative block w-full aspect-square overflow-hidden rounded-t-lg",
             children: [
-              /* @__PURE__ */ e(
-                "div",
-                {
-                  "aria-hidden": "true",
-                  className: "absolute inset-0 bg-cover bg-center",
-                  style: {
-                    backgroundImage: `url(${t})`,
-                    filter: "blur(14px) brightness(0.85)",
-                    transform: "scale(1.2)"
-                  }
-                }
-              ),
               /* @__PURE__ */ e(
                 "img",
                 {
                   src: t,
                   alt: r,
-                  className: "relative z-10 h-full w-full object-contain transition-transform group-hover:scale-105"
+                  className: "h-full w-full object-cover transition-transform group-hover:scale-105"
                 }
               ),
-              f && /* @__PURE__ */ e("div", { className: "absolute left-3 top-3 z-20", children: /* @__PURE__ */ e(A, { variant: u, children: f }) }),
-              g && /* @__PURE__ */ e("div", { className: "absolute inset-0 z-20 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ e(A, { variant: "danger", size: "lg", children: "Esgotado" }) })
+              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" }) })
             ]
           }
         ),
@@ -766,7 +754,7 @@ const T = 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($, { value: l, size: "sm", readonly: !0 }),
+            /* @__PURE__ */ e(T, { value: l, size: "sm", readonly: !0 }),
             m !== void 0 && /* @__PURE__ */ i("span", { className: "text-sm text-[var(--muted-foreground)]", children: [
               "(",
               m,
@@ -806,7 +794,7 @@ const T = x(
     }
   )
 );
-T.displayName = "ProductCard";
+$.displayName = "ProductCard";
 const Ee = x(
   ({
     className: a,
@@ -819,7 +807,7 @@ const Ee = x(
     onChange: m,
     ...f
   }, u) => {
-    const [v, g] = k(""), b = l !== void 0 ? l : v, N = {
+    const [p, g] = k(""), b = l !== void 0 ? l : p, N = {
       sm: "h-9 text-sm",
       md: "h-11 text-base",
       lg: "h-14 text-lg"
@@ -828,7 +816,7 @@ const Ee = x(
       l === void 0 && g(j), m == null || m(y);
     }, d = () => {
       l === void 0 && g(""), r == null || r();
-    }, p = (y) => {
+    }, v = (y) => {
       y.key === "Enter" && t && t(b);
     };
     return /* @__PURE__ */ e("div", { className: o("relative w-full", a), children: /* @__PURE__ */ i("div", { className: "relative flex items-center", children: [
@@ -840,7 +828,7 @@ const Ee = x(
           type: "search",
           value: b,
           onChange: h,
-          onKeyDown: p,
+          onKeyDown: v,
           placeholder: c,
           className: o(
             "w-full rounded-lg border-2 border-[var(--border)] bg-[var(--input-background)] pl-10 pr-10 font-normal transition-colors",
@@ -869,7 +857,7 @@ const Ee = x(
   }
 );
 Ee.displayName = "SearchBar";
-const $e = x(
+const Te = x(
   ({
     className: a,
     price: t,
@@ -880,7 +868,7 @@ const $e = x(
     installments: l,
     ...m
   }, f) => {
-    const u = r && r > t ? Math.round((r - t) / r * 100) : 0, v = {
+    const u = r && r > t ? Math.round((r - t) / r * 100) : 0, p = {
       sm: "text-base",
       md: "text-xl",
       lg: "text-2xl",
@@ -894,7 +882,7 @@ const $e = x(
     return /* @__PURE__ */ i("div", { ref: f, className: o("flex flex-col gap-1", a), ...m, 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)]", v[s]), children: [
+          /* @__PURE__ */ i("span", { className: o("font-bold text-[var(--foreground)]", p[s]), children: [
             n,
             " ",
             t.toFixed(2)
@@ -932,8 +920,8 @@ const $e = x(
     ] });
   }
 );
-$e.displayName = "PriceDisplay";
-const Te = x(
+Te.displayName = "PriceDisplay";
+const $e = x(
   ({
     className: a,
     value: t,
@@ -945,13 +933,13 @@ const Te = x(
     showLabel: m = !1,
     ...f
   }, u) => {
-    const v = () => {
+    const p = () => {
       t < n && s(t + 1);
     }, g = () => {
       t > r && s(t - 1);
     }, b = (d) => {
-      const p = parseInt(d.target.value);
-      !isNaN(p) && p >= r && p <= n && s(p);
+      const v = parseInt(d.target.value);
+      !isNaN(v) && v >= r && v <= n && s(v);
     }, N = {
       sm: "h-8 w-8",
       md: "h-10 w-10",
@@ -1002,7 +990,7 @@ const Te = x(
             type: "button",
             variant: "secondary",
             size: "sm",
-            onClick: v,
+            onClick: p,
             disabled: l || t >= n,
             className: o(N[c], "p-0"),
             "aria-label": "Increase quantity",
@@ -1013,7 +1001,7 @@ const Te = x(
     ] });
   }
 );
-Te.displayName = "QuantitySelector";
+$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: [
     t && /* @__PURE__ */ i(
@@ -1067,7 +1055,7 @@ function Et({ className: a, ...t }) {
     }
   );
 }
-function $t({
+function Tt({
   asChild: a,
   className: t,
   ...r
@@ -1081,7 +1069,7 @@ function $t({
     }
   );
 }
-function Tt({ className: a, ...t }) {
+function $t({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "span",
     {
@@ -1223,7 +1211,7 @@ const Fe = x(
     backgroundImage: m,
     overlay: f = !0,
     children: u,
-    ...v
+    ...p
   }, g) => /* @__PURE__ */ i(
     "section",
     {
@@ -1237,7 +1225,7 @@ const Fe = x(
         }[t],
         a
       ),
-      ...v,
+      ...p,
       children: [
         m && /* @__PURE__ */ i(P, { children: [
           /* @__PURE__ */ e(
@@ -1456,7 +1444,7 @@ const He = x(
     onEmptyAction: m,
     ...f
   }, u) => {
-    const v = {
+    const p = {
       sm: "gap-4",
       md: "gap-6",
       lg: "gap-8"
@@ -1467,12 +1455,12 @@ const He = x(
         ref: u,
         className: o(
           "grid grid-cols-2 lg:grid-cols-4",
-          v[n],
+          p[n],
           a
         ),
         ...f,
         children: Array.from({ length: c }).map((g, b) => /* @__PURE__ */ e(
-          T,
+          $,
           {
             image: "",
             title: "",
@@ -1499,11 +1487,11 @@ const He = x(
         ref: u,
         className: o(
           "grid grid-cols-2 lg:grid-cols-4",
-          v[n],
+          p[n],
           a
         ),
         ...f,
-        children: t.map((g, b) => /* @__PURE__ */ e(T, { ...g }, b))
+        children: t.map((g, b) => /* @__PURE__ */ e($, { ...g }, b))
       }
     );
   }
@@ -1741,20 +1729,20 @@ 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), [v, g] = k(!1);
+    const [l, m] = k("light"), [f, u] = k(16), [p, g] = k(!1);
     M(() => {
-      const p = localStorage.getItem("a11y-theme") ?? document.documentElement.getAttribute("data-theme") ?? "light";
-      m(p);
+      const v = localStorage.getItem("a11y-theme") ?? document.documentElement.getAttribute("data-theme") ?? "light";
+      m(v);
       const y = Number(localStorage.getItem("a11y-font-size"));
       Number.isFinite(y) && y > 0 && u(y);
     }, []), M(() => {
-      if (!v && typeof window < "u" && !document.querySelector('script[src*="vlibras"]')) {
-        const p = document.createElement("script");
-        p.src = "https://vlibras.gov.br/app/vlibras-plugin.js", p.async = !0, p.onload = () => {
+      if (!p && 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");
-        }, document.body.appendChild(p);
+        }, document.body.appendChild(v);
       }
-    }, [v]);
+    }, [p]);
     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);
@@ -1819,7 +1807,7 @@ const tt = x(
                     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
                     "disabled:opacity-40 disabled:cursor-not-allowed"
                   ),
-                  children: /* @__PURE__ */ e(ve, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ e(pe, { className: "h-4 w-4" })
                 }
               )
             ] }),
@@ -1833,7 +1821,7 @@ const tt = x(
                   "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(pe, { className: "h-4 w-4" }) : /* @__PURE__ */ e(be, { className: "h-4 w-4" })
+                children: l === "light" ? /* @__PURE__ */ e(ve, { className: "h-4 w-4" }) : /* @__PURE__ */ e(be, { className: "h-4 w-4" })
               }
             ),
             /* @__PURE__ */ e(
@@ -1842,15 +1830,15 @@ const tt = x(
                 type: "button",
                 onClick: () => g((d) => !d),
                 "aria-label": "Ativar VLibras",
-                "aria-pressed": v,
+                "aria-pressed": p,
                 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: v ? "var(--primary)" : "transparent",
-                  color: v ? "var(--primary-foreground)" : "var(--muted-foreground)",
-                  border: v ? "none" : "1px solid var(--border)"
+                  backgroundColor: p ? "var(--primary)" : "transparent",
+                  color: p ? "var(--primary-foreground)" : "var(--muted-foreground)",
+                  border: p ? "none" : "1px solid var(--border)"
                 },
                 children: "VLibras"
               }
@@ -1870,21 +1858,21 @@ const at = x(
     autoplay: n = !0,
     ...s
   }, c) => {
-    const [l, m] = k(0), [f, u] = k(!1), [v, g] = k(!1);
+    const [l, m] = k(0), [f, u] = k(!1), [p, g] = k(!1);
     M(() => {
       const d = window.matchMedia("(prefers-reduced-motion: reduce)");
       g(d.matches);
-      const p = (y) => {
+      const v = (y) => {
         g(y.matches);
       };
-      return d.addEventListener("change", p), () => d.removeEventListener("change", p);
+      return d.addEventListener("change", v), () => d.removeEventListener("change", v);
     }, []), M(() => {
-      if (!n || f || v) return;
+      if (!n || f || p) return;
       const d = setInterval(() => {
-        m((p) => (p + 1) % t.length);
+        m((v) => (v + 1) % t.length);
       }, r);
       return () => clearInterval(d);
-    }, [n, r, t.length, f, v]);
+    }, [n, r, t.length, f, p]);
     const b = (d) => {
       m(d), u(!0), setTimeout(() => u(!1), r);
     }, N = () => {
@@ -1901,14 +1889,14 @@ const at = x(
         onMouseLeave: () => u(!1),
         ...s,
         children: [
-          /* @__PURE__ */ e("div", { className: "relative", children: t.map((d, p) => /* @__PURE__ */ i(
+          /* @__PURE__ */ e("div", { className: "relative", children: t.map((d, v) => /* @__PURE__ */ i(
             "div",
             {
               className: o(
                 "w-full transition-opacity duration-700",
-                p === l ? "block" : "hidden"
+                v === l ? "block" : "hidden"
               ),
-              "aria-hidden": p !== l,
+              "aria-hidden": v !== l,
               children: [
                 /* @__PURE__ */ i("picture", { children: [
                   /* @__PURE__ */ e(
@@ -1932,7 +1920,7 @@ const at = x(
                       srcSet: `${d.imageMobile} 1x, ${d.imageMobile.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`,
                       alt: d.title,
                       className: "w-full object-cover aspect-3/2 md:aspect-video lg:aspect-1920/560",
-                      loading: p === 0 ? "eager" : "lazy"
+                      loading: v === 0 ? "eager" : "lazy"
                     }
                   )
                 ] }),
@@ -1972,18 +1960,18 @@ const at = x(
               }
             )
           ] }),
-          t.length > 1 && /* @__PURE__ */ e("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-2", children: t.map((d, p) => /* @__PURE__ */ e(
+          t.length > 1 && /* @__PURE__ */ e("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-2", children: t.map((d, v) => /* @__PURE__ */ e(
             "button",
             {
-              onClick: () => b(p),
+              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",
-                p === l ? "w-8 bg-white" : "w-2 bg-white/50 hover:bg-white/70"
+                v === l ? "w-8 bg-white" : "w-2 bg-white/50 hover:bg-white/70"
               ),
-              "aria-label": `Ir para slide ${p + 1}`,
-              "aria-current": p === l
+              "aria-label": `Ir para slide ${v + 1}`,
+              "aria-current": v === l
             },
-            p
+            v
           )) })
         ]
       }
@@ -2340,7 +2328,7 @@ function ft({ onSubmit: a }) {
           value: t,
           onChange: (l) => r(l.target.value),
           placeholder: "Seu melhor e-mail",
-          className: "min-h-[44px] flex-1 rounded-lg px-4 text-sm text-[#1a1e2e] placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-white"
+          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"
         }
       ),
       /* @__PURE__ */ e(
@@ -2398,15 +2386,15 @@ function gt({ title: a, links: t }) {
     )
   ] });
 }
-const vt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, className: r, ...n }) => {
+const pt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, className: r, ...n }) => {
   const [s, c] = k("light");
   M(() => {
     const u = document.documentElement;
     c(u.getAttribute("data-theme") ?? "light");
-    const v = new MutationObserver(() => {
+    const p = new MutationObserver(() => {
       c(u.getAttribute("data-theme") ?? "light");
     });
-    return v.observe(u, { attributes: !0, attributeFilter: ["data-theme"] }), () => v.disconnect();
+    return p.observe(u, { 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";
   return /* @__PURE__ */ i(
@@ -2431,10 +2419,10 @@ const vt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, className: r, ...
                 }
               ),
               /* @__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: v, Icon: g }) => /* @__PURE__ */ e(
+              /* @__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(
                 "a",
                 {
-                  href: v,
+                  href: p,
                   target: "_blank",
                   rel: "noopener noreferrer",
                   "aria-label": u,
@@ -2468,7 +2456,7 @@ const vt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, className: r, ...
     }
   );
 };
-vt.displayName = "Footer";
+pt.displayName = "Footer";
 function aa({ children: a, className: t }) {
   return /* @__PURE__ */ e(
     "div",
@@ -2482,7 +2470,7 @@ function aa({ children: a, className: t }) {
     }
   );
 }
-const pt = {
+const vt = {
   1: "col-span-1",
   2: "col-span-2",
   3: "col-span-3",
@@ -2491,7 +2479,7 @@ const pt = {
   6: "col-span-6"
 };
 function ra({ children: a, span: t, className: r }) {
-  return /* @__PURE__ */ e("div", { "data-slot": "col", className: o("min-w-0", t && pt[t], r), children: a });
+  return /* @__PURE__ */ e("div", { "data-slot": "col", className: o("min-w-0", t && vt[t], r), children: a });
 }
 export {
   Vt as Accordion,
@@ -2502,9 +2490,9 @@ export {
   A as Badge,
   Rt as Breadcrumb,
   Et as BreadcrumbItem,
-  $t as BreadcrumbLink,
+  Tt as BreadcrumbLink,
   _t as BreadcrumbList,
-  Tt as BreadcrumbPage,
+  $t as BreadcrumbPage,
   Bt as BreadcrumbSeparator,
   C as Button,
   Dt as Checkbox,
@@ -2520,7 +2508,7 @@ export {
   Qe as Drawer,
   X as EmptyState,
   qe as ErrorState,
-  vt as Footer,
+  pt as Footer,
   Be as FormGroup,
   aa as Grid,
   Fe as Hero,
@@ -2528,14 +2516,14 @@ export {
   zt as Input,
   ct as MegaMenu,
   Wt as Modal,
-  $e as PriceDisplay,
-  T as ProductCard,
+  Te as PriceDisplay,
+  $ as ProductCard,
   He as ProductGrid,
   la as ProgressBar,
-  Te as QuantitySelector,
+  $e as QuantitySelector,
   Lt as RadioGroup,
   Pt as RadioGroupItem,
-  $ as Rating,
+  T as Rating,
   Ee as SearchBar,
   Ct as Select,
   jt as SelectContent,