@grupo-elo-editorial/shared-ui-react 1.4.6 → 1.4.9

package/dist/index.js

@@ -4,13 +4,13 @@ import { twMerge as re } from "tailwind-merge";
 import { jsx as e, jsxs as o, Fragment as P } from "react/jsx-runtime";
 import { forwardRef as w, useState as C, useRef as ie, useEffect as L } from "react";
 import { Loader2 as U, User as oe, Star as ne, CheckIcon as X, ChevronDownIcon as T, ChevronUpIcon as se, CircleIcon as le, ShoppingCart as $, Heart as de, Search as Y, X as ce, Minus as ue, Plus as me, ChevronRight as K, FileX as fe, Package as ge, AlertCircle as pe, RefreshCw as ve, Home as be, XIcon as O, Accessibility as he, ZoomOut as xe, ZoomIn as Ne, Moon as ye, Sun as we, ChevronLeft as ke, Menu as ze, ChevronDown as Z, Instagram as Ce, Facebook as Se, Youtube as je, Linkedin as De, Mail as Me } from "lucide-react";
-import { cva as B } from "class-variance-authority";
-import * as S from "@radix-ui/react-select";
+import { cva as _ } from "class-variance-authority";
+import * as j from "@radix-ui/react-select";
 import * as G from "@radix-ui/react-checkbox";
 import * as V from "@radix-ui/react-radio-group";
 import * as H from "@radix-ui/react-switch";
 import { Slot as Ae } from "@radix-ui/react-slot";
-import * as _ from "@radix-ui/react-accordion";
+import * as E from "@radix-ui/react-accordion";
 import * as A from "@radix-ui/react-tooltip";
 import { toast as ma } from "sonner";
 import { Progress as ga } from "@radix-ui/react-progress";
@@ -19,7 +19,7 @@ import * as M from "@radix-ui/react-navigation-menu";
 function i(...a) {
   return re(ae(a));
 }
-const Pe = B(
+const Pe = _(
   "inline-flex items-center justify-center gap-2 rounded-lg font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 whitespace-nowrap",
   {
     variants: {
@@ -45,7 +45,7 @@ const Pe = B(
       size: "md"
     }
   }
-), j = w(
+), D = w(
   ({
     className: a,
     variant: t,
@@ -54,29 +54,29 @@ const Pe = B(
     isLoading: l,
     leftIcon: n,
     rightIcon: d,
-    children: c,
-    disabled: m,
-    ...f
+    children: u,
+    disabled: f,
+    ...g
   }, v) => /* @__PURE__ */ e(
     "button",
     {
       className: i(Pe({ variant: t, size: r, fullWidth: s, className: a })),
       ref: v,
-      disabled: m || l,
-      ...f,
+      disabled: f || l,
+      ...g,
       children: l ? /* @__PURE__ */ o(P, { children: [
         /* @__PURE__ */ e(U, { className: "h-4 w-4 animate-spin" }),
-        c && /* @__PURE__ */ e("span", { children: c })
+        u && /* @__PURE__ */ e("span", { children: u })
       ] }) : /* @__PURE__ */ o(P, { children: [
         n && /* @__PURE__ */ e("span", { className: "inline-flex", children: n }),
-        c,
+        u,
         d && /* @__PURE__ */ e("span", { className: "inline-flex", children: d })
       ] })
     }
   )
 );
-j.displayName = "Button";
-const _e = w(
+D.displayName = "Button";
+const Ee = w(
   ({ className: a, error: t, helperText: r, ...s }, l) => /* @__PURE__ */ o("div", { className: "w-full", children: [
     /* @__PURE__ */ e(
       "textarea",
@@ -106,8 +106,8 @@ const _e = w(
     )
   ] })
 );
-_e.displayName = "Textarea";
-const Be = B(
+Ee.displayName = "Textarea";
+const _e = _(
   "inline-flex items-center rounded-full font-medium transition-colors whitespace-nowrap",
   {
     variants: {
@@ -132,11 +132,11 @@ const Be = B(
     }
   }
 ), R = w(
-  ({ className: a, variant: t, size: r, icon: s, onRemove: l, children: n, ...d }, c) => /* @__PURE__ */ o(
+  ({ className: a, variant: t, size: r, icon: s, onRemove: l, children: n, ...d }, u) => /* @__PURE__ */ o(
     "div",
     {
-      ref: c,
-      className: i(Be({ variant: t, size: r }), a),
+      ref: u,
+      className: i(_e({ variant: t, size: r }), a),
       ...d,
       children: [
         s && /* @__PURE__ */ e("span", { className: "mr-1 inline-flex", children: s }),
@@ -155,7 +155,7 @@ const Be = B(
   )
 );
 R.displayName = "Badge";
-const Ee = B(
+const Be = _(
   "relative inline-flex items-center justify-center overflow-hidden rounded-full bg-[var(--muted)] text-[var(--muted-foreground)] flex-shrink-0",
   {
     variants: {
@@ -171,27 +171,27 @@ const Ee = B(
     }
   }
 ), Le = w(
-  ({ className: a, size: t, src: r, alt: s, name: l, showStatus: n, statusType: d = "online", ...c }, m) => {
-    const [f, v] = C(!1), p = (N) => N.split(" ").map((u) => u[0]).join("").toUpperCase().slice(0, 2), h = {
+  ({ className: a, size: t, src: r, alt: s, name: l, showStatus: n, statusType: d = "online", ...u }, f) => {
+    const [g, v] = C(!1), p = (y) => y.split(" ").map((c) => c[0]).join("").toUpperCase().slice(0, 2), h = {
       online: "bg-[var(--success)]",
       offline: "bg-[var(--muted-foreground)]",
       away: "bg-[var(--warning)]",
       busy: "bg-[var(--destructive)]"
-    }, x = {
+    }, N = {
       sm: "h-2 w-2 border",
       md: "h-2.5 w-2.5 border-2",
       lg: "h-3 w-3 border-2",
       xl: "h-4 w-4 border-2"
     };
-    return /* @__PURE__ */ o("div", { ref: m, className: i(Ee({ size: t }), "relative", a), children: [
-      r && !f ? /* @__PURE__ */ e(
+    return /* @__PURE__ */ o("div", { ref: f, className: i(Be({ size: t }), "relative", a), children: [
+      r && !g ? /* @__PURE__ */ e(
         "img",
         {
           src: r,
           alt: s || l || "Avatar",
           onError: () => v(!0),
           className: "h-full w-full object-cover",
-          ...c
+          ...u
         }
       ) : l ? /* @__PURE__ */ e("span", { className: "font-medium", children: p(l) }) : /* @__PURE__ */ e(oe, { className: "h-1/2 w-1/2" }),
       n && /* @__PURE__ */ e(
@@ -200,7 +200,7 @@ const Ee = B(
           className: i(
             "absolute bottom-0 right-0 rounded-full border-[var(--background)]",
             h[d],
-            x[t || "md"]
+            N[t || "md"]
           ),
           "aria-label": `Status: ${d}`
         }
@@ -209,7 +209,7 @@ const Ee = B(
   }
 );
 Le.displayName = "Avatar";
-const Re = B("animate-spin text-[var(--brand-primary)]", {
+const Re = _("animate-spin text-[var(--brand-primary)]", {
   variants: {
     size: {
       sm: "h-4 w-4",
@@ -294,51 +294,51 @@ const F = w(
     readonly: l = !1,
     onChange: n,
     showValue: d = !1,
-    ...c
-  }, m) => {
-    const [f, v] = C(0), p = {
+    ...u
+  }, f) => {
+    const [g, v] = C(0), p = {
       sm: "h-4 w-4",
       md: "h-5 w-5",
       lg: "h-6 w-6"
-    }, h = (N) => {
-      !l && n && n(N);
-    }, x = f || t;
+    }, h = (y) => {
+      !l && n && n(y);
+    }, N = g || t;
     return /* @__PURE__ */ o(
       "div",
       {
-        ref: m,
+        ref: f,
         className: i("inline-flex items-center gap-1", a),
         role: "group",
         "aria-label": `Rating: ${t} out of ${r}`,
-        ...c,
+        ...u,
         children: [
-          /* @__PURE__ */ e("div", { className: "flex items-center gap-0.5", children: Array.from({ length: r }, (N, u) => u + 1).map((N) => {
-            const u = N <= x;
+          /* @__PURE__ */ e("div", { className: "flex items-center gap-0.5", children: Array.from({ length: r }, (y, c) => c + 1).map((y) => {
+            const c = y <= N;
             return /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 disabled: l,
-                onClick: () => h(N),
-                onMouseEnter: () => !l && v(N),
+                onClick: () => h(y),
+                onMouseEnter: () => !l && v(y),
                 onMouseLeave: () => !l && v(0),
                 className: i(
                   "transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-1 rounded",
                   l ? "cursor-default" : "cursor-pointer hover:scale-110"
                 ),
-                "aria-label": `Rate ${N} out of ${r}`,
+                "aria-label": `Rate ${y} out of ${r}`,
                 children: /* @__PURE__ */ e(
                   ne,
                   {
                     className: i(
                       p[s],
                       "transition-all",
-                      u ? "fill-[var(--warning)] text-[var(--warning)]" : "fill-none text-[var(--muted-foreground)]"
+                      c ? "fill-[var(--warning)] text-[var(--warning)]" : "fill-none text-[var(--muted-foreground)]"
                     )
                   }
                 )
               },
-              N
+              y
             );
           }) }),
           d && /* @__PURE__ */ e("span", { className: "ml-1 text-sm font-medium text-[var(--foreground)]", children: t.toFixed(1) })
@@ -367,21 +367,21 @@ function At({ className: a, type: t, ...r }) {
 function Pt({
   ...a
 }) {
-  return /* @__PURE__ */ e(S.Root, { "data-slot": "select", ...a });
+  return /* @__PURE__ */ e(j.Root, { "data-slot": "select", ...a });
 }
-function _t({
+function Et({
   ...a
 }) {
-  return /* @__PURE__ */ e(S.Value, { "data-slot": "select-value", ...a });
+  return /* @__PURE__ */ e(j.Value, { "data-slot": "select-value", ...a });
 }
-function Bt({
+function _t({
   className: a,
   size: t = "default",
   children: r,
   ...s
 }) {
   return /* @__PURE__ */ o(
-    S.Trigger,
+    j.Trigger,
     {
       "data-slot": "select-trigger",
       "data-size": t,
@@ -392,19 +392,19 @@ function Bt({
       ...s,
       children: [
         r,
-        /* @__PURE__ */ e(S.Icon, { asChild: !0, children: /* @__PURE__ */ e(T, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ e(j.Icon, { asChild: !0, children: /* @__PURE__ */ e(T, { className: "size-4 opacity-50" }) })
       ]
     }
   );
 }
-function Et({
+function Bt({
   className: a,
   children: t,
   position: r = "popper",
   ...s
 }) {
-  return /* @__PURE__ */ e(S.Portal, { children: /* @__PURE__ */ o(
-    S.Content,
+  return /* @__PURE__ */ e(j.Portal, { children: /* @__PURE__ */ o(
+    j.Content,
     {
       "data-slot": "select-content",
       className: i(
@@ -417,7 +417,7 @@ function Et({
       children: [
         /* @__PURE__ */ e(Ve, {}),
         /* @__PURE__ */ e(
-          S.Viewport,
+          j.Viewport,
           {
             className: i(
               "p-1",
@@ -437,7 +437,7 @@ function Lt({
   ...r
 }) {
   return /* @__PURE__ */ o(
-    S.Item,
+    j.Item,
     {
       "data-slot": "select-item",
       className: i(
@@ -446,8 +446,8 @@ function Lt({
       ),
       ...r,
       children: [
-        /* @__PURE__ */ e("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(S.ItemIndicator, { children: /* @__PURE__ */ e(X, { className: "size-4" }) }) }),
-        /* @__PURE__ */ e(S.ItemText, { children: t })
+        /* @__PURE__ */ e("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(j.ItemIndicator, { children: /* @__PURE__ */ e(X, { className: "size-4" }) }) }),
+        /* @__PURE__ */ e(j.ItemText, { children: t })
       ]
     }
   );
@@ -457,7 +457,7 @@ function Ve({
   ...t
 }) {
   return /* @__PURE__ */ e(
-    S.ScrollUpButton,
+    j.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
       className: i(
@@ -474,7 +474,7 @@ function Fe({
   ...t
 }) {
   return /* @__PURE__ */ e(
-    S.ScrollDownButton,
+    j.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
       className: i(
@@ -592,28 +592,28 @@ const I = w(
     price: l,
     originalPrice: n,
     rating: d,
-    reviewCount: c,
-    badge: m,
-    badgeVariant: f = "default",
+    reviewCount: u,
+    badge: f,
+    badgeVariant: g = "default",
     isSkeleton: v = !1,
     isOutOfStock: p = !1,
     onAddToCart: h,
-    onToggleFavorite: x,
-    isFavorite: N = !1,
-    href: u,
+    onToggleFavorite: N,
+    isFavorite: y = !1,
+    href: c,
     orientation: b = "vertical",
-    renderImage: g = Ie,
-    ...y
-  }, D) => v ? /* @__PURE__ */ o(
+    renderImage: m = Ie,
+    ...x
+  }, S) => v ? /* @__PURE__ */ o(
     "div",
     {
-      ref: D,
+      ref: S,
       className: i(
         "flex rounded-lg border-2 border-[var(--border)] bg-[var(--card)] p-4 animate-pulse",
         b === "horizontal" ? "flex-row gap-3" : "flex-col",
         a
       ),
-      ...y,
+      ...x,
       children: [
         /* @__PURE__ */ e(
           "div",
@@ -634,20 +634,20 @@ const I = w(
   ) : b === "horizontal" ? /* @__PURE__ */ o(
     "div",
     {
-      ref: D,
+      ref: S,
       className: i(
         "group relative flex flex-row gap-3 rounded-lg border-2 border-[var(--border)] bg-[var(--card)] p-3 transition-all hover:shadow-md",
         p && "opacity-60",
         a
       ),
-      ...y,
+      ...x,
       children: [
         /* @__PURE__ */ e(
           Q,
           {
-            href: u,
+            href: c,
             className: "relative block h-24 w-20 shrink-0 overflow-hidden rounded-lg",
-            children: g({
+            children: m({
               src: t,
               alt: r,
               className: "h-full w-full object-contain transition-transform duration-300 group-hover:scale-105"
@@ -655,10 +655,10 @@ const I = w(
           }
         ),
         /* @__PURE__ */ o("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-          u ? /* @__PURE__ */ e(
+          c ? /* @__PURE__ */ e(
             "a",
             {
-              href: u,
+              href: c,
               className: "line-clamp-2 text-sm font-medium text-[var(--card-foreground)] hover:text-[var(--brand-primary)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded",
               children: r
             }
@@ -666,9 +666,9 @@ const I = w(
           s && /* @__PURE__ */ e("p", { className: "text-xs text-[var(--muted-foreground)]", children: s }),
           d !== void 0 && /* @__PURE__ */ o("div", { className: "flex items-center gap-1", children: [
             /* @__PURE__ */ e(F, { value: d, size: "sm", readonly: !0 }),
-            c !== void 0 && /* @__PURE__ */ o("span", { className: "text-xs text-[var(--muted-foreground)]", children: [
+            u !== void 0 && /* @__PURE__ */ o("span", { className: "text-xs text-[var(--muted-foreground)]", children: [
               "(",
-              c,
+              u,
               ")"
             ] })
           ] }),
@@ -683,7 +683,7 @@ const I = w(
             ] })
           ] }),
           h && /* @__PURE__ */ e(
-            j,
+            D,
             {
               onClick: h,
               disabled: p,
@@ -701,52 +701,52 @@ const I = w(
   ) : /* @__PURE__ */ o(
     "div",
     {
-      ref: D,
+      ref: S,
       className: i(
         "group relative flex flex-col rounded-lg border-2 border-border bg-card transition-all hover:shadow-lg",
         p && "opacity-60",
         a
       ),
-      ...y,
+      ...x,
       children: [
         /* @__PURE__ */ o(
           Q,
           {
-            href: u,
+            href: c,
             className: "relative block w-full aspect-square overflow-hidden rounded-t-lg",
             children: [
-              g({
+              m({
                 src: t,
                 alt: r,
                 className: "h-full w-full object-contain transition-transform group-hover:scale-105"
               }),
-              m && /* @__PURE__ */ e("div", { className: "absolute left-3 top-3", children: /* @__PURE__ */ e(R, { variant: f, children: m }) }),
+              f && /* @__PURE__ */ e("div", { className: "absolute left-3 top-3", children: /* @__PURE__ */ e(R, { variant: g, children: f }) }),
               p && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ e(R, { variant: "danger", size: "lg", children: "Esgotado" }) })
             ]
           }
         ),
-        x && /* @__PURE__ */ e(
+        N && /* @__PURE__ */ e(
           "button",
           {
-            onClick: x,
+            onClick: N,
             className: "absolute right-3 top-3 rounded-full bg-white/90 p-2 transition-all hover:bg-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
-            "aria-label": N ? "Remover dos favoritos" : "Adicionar aos favoritos",
+            "aria-label": y ? "Remover dos favoritos" : "Adicionar aos favoritos",
             children: /* @__PURE__ */ e(
               de,
               {
                 className: i(
                   "h-5 w-5",
-                  N ? "fill-[var(--destructive)] text-[var(--destructive)]" : "text-[var(--foreground)]"
+                  y ? "fill-[var(--destructive)] text-[var(--destructive)]" : "text-[var(--foreground)]"
                 )
               }
             )
           }
         ),
         /* @__PURE__ */ o("div", { className: "flex flex-1 flex-col p-4", children: [
-          u ? /* @__PURE__ */ e(
+          c ? /* @__PURE__ */ e(
             "a",
             {
-              href: u,
+              href: c,
               className: "wrap-break-word text-base font-medium text-card-foreground hover:text-brand-primary transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded",
               children: r
             }
@@ -754,9 +754,9 @@ const I = w(
           s && /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-[var(--muted-foreground)]", children: s }),
           d !== void 0 && /* @__PURE__ */ o("div", { className: "mt-2 flex items-center gap-2", children: [
             /* @__PURE__ */ e(F, { value: d, size: "sm", readonly: !0 }),
-            c !== void 0 && /* @__PURE__ */ o("span", { className: "text-sm text-[var(--muted-foreground)]", children: [
+            u !== void 0 && /* @__PURE__ */ o("span", { className: "text-sm text-[var(--muted-foreground)]", children: [
               "(",
-              c,
+              u,
               ")"
             ] })
           ] }),
@@ -771,7 +771,7 @@ const I = w(
             ] })
           ] }),
           h && /* @__PURE__ */ e(
-            j,
+            D,
             {
               onClick: h,
               disabled: p,
@@ -803,30 +803,30 @@ const qe = w(
     size: l = "md",
     placeholder: n = "Buscar...",
     value: d,
-    onChange: c,
-    ...m
-  }, f) => {
-    const [v, p] = C(""), h = d !== void 0 ? d : v, x = {
+    onChange: u,
+    ...f
+  }, g) => {
+    const [v, p] = C(""), h = d !== void 0 ? d : v, N = {
       sm: "h-9 text-sm",
       md: "h-11 text-base",
       lg: "h-14 text-lg"
-    }, N = (g) => {
-      const y = g.target.value;
-      d === void 0 && p(y), c == null || c(g);
-    }, u = () => {
+    }, y = (m) => {
+      const x = m.target.value;
+      d === void 0 && p(x), u == null || u(m);
+    }, c = () => {
       d === void 0 && p(""), r == null || r();
-    }, b = (g) => {
-      g.key === "Enter" && t && t(h);
+    }, b = (m) => {
+      m.key === "Enter" && t && t(h);
     };
     return /* @__PURE__ */ e("div", { className: i("relative w-full", a), children: /* @__PURE__ */ o("div", { className: "relative flex items-center", children: [
       /* @__PURE__ */ e(Y, { className: "absolute left-3 h-5 w-5 text-[var(--muted-foreground)] pointer-events-none" }),
       /* @__PURE__ */ e(
         "input",
         {
-          ref: f,
+          ref: g,
           type: "search",
           value: h,
-          onChange: N,
+          onChange: y,
           onKeyDown: b,
           placeholder: n,
           className: i(
@@ -834,9 +834,9 @@ const qe = w(
             "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",
-            x[l]
+            N[l]
           ),
-          ...m
+          ...f
         }
       ),
       /* @__PURE__ */ o("div", { className: "absolute right-3 flex items-center gap-1", children: [
@@ -845,7 +845,7 @@ const qe = w(
           "button",
           {
             type: "button",
-            onClick: u,
+            onClick: c,
             className: "rounded-full p-1 hover:bg-[var(--muted)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
             "aria-label": "Clear search",
             children: /* @__PURE__ */ e(ce, { className: "h-4 w-4 text-[var(--muted-foreground)]" })
@@ -865,9 +865,9 @@ const Ue = w(
     size: l = "md",
     showDiscount: n = !0,
     installments: d,
-    ...c
-  }, m) => {
-    const f = r && r > t ? Math.round((r - t) / r * 100) : 0, v = {
+    ...u
+  }, f) => {
+    const g = r && r > t ? Math.round((r - t) / r * 100) : 0, v = {
       sm: "text-base",
       md: "text-xl",
       lg: "text-2xl",
@@ -878,7 +878,7 @@ const Ue = w(
       lg: "text-base",
       xl: "text-xl"
     };
-    return /* @__PURE__ */ o("div", { ref: m, className: i("flex flex-col gap-1", a), ...c, children: [
+    return /* @__PURE__ */ o("div", { ref: f, className: i("flex flex-col gap-1", a), ...u, children: [
       /* @__PURE__ */ o("div", { className: "flex items-center gap-2 flex-wrap", children: [
         /* @__PURE__ */ o("div", { className: "flex items-baseline gap-2", children: [
           /* @__PURE__ */ o("span", { className: i("font-bold text-[var(--foreground)]", v[l]), children: [
@@ -901,9 +901,9 @@ const Ue = w(
             }
           )
         ] }),
-        n && f > 0 && /* @__PURE__ */ o(R, { variant: "success", size: "sm", children: [
+        n && g > 0 && /* @__PURE__ */ o(R, { variant: "success", size: "sm", children: [
           "-",
-          f,
+          g,
           "%"
         ] })
       ] }),
@@ -929,37 +929,37 @@ const Ge = w(
     onChange: l,
     size: n = "md",
     disabled: d = !1,
-    showLabel: c = !1,
-    ...m
-  }, f) => {
+    showLabel: u = !1,
+    ...f
+  }, g) => {
     const v = () => {
       t < s && l(t + 1);
     }, p = () => {
       t > r && l(t - 1);
-    }, h = (u) => {
-      const b = parseInt(u.target.value);
+    }, h = (c) => {
+      const b = parseInt(c.target.value);
       !isNaN(b) && b >= r && b <= s && l(b);
-    }, x = {
+    }, N = {
       sm: "h-8 w-8",
       md: "h-10 w-10",
       lg: "h-12 w-12"
-    }, N = {
+    }, y = {
       sm: "h-8 w-12 text-sm",
       md: "h-10 w-14 text-base",
       lg: "h-12 w-16 text-lg"
     };
-    return /* @__PURE__ */ o("div", { ref: f, className: i("inline-flex flex-col gap-1", a), ...m, children: [
-      c && /* @__PURE__ */ e("label", { className: "text-sm font-medium text-[var(--foreground)]", children: "Quantidade" }),
+    return /* @__PURE__ */ o("div", { ref: g, className: i("inline-flex flex-col gap-1", a), ...f, children: [
+      u && /* @__PURE__ */ e("label", { className: "text-sm font-medium text-[var(--foreground)]", children: "Quantidade" }),
       /* @__PURE__ */ o("div", { className: "inline-flex items-center gap-2", children: [
         /* @__PURE__ */ e(
-          j,
+          D,
           {
             type: "button",
             variant: "secondary",
             size: "sm",
             onClick: p,
             disabled: d || t <= r,
-            className: i(x[n], "p-0"),
+            className: i(N[n], "p-0"),
             "aria-label": "Decrease quantity",
             children: /* @__PURE__ */ e(ue, { className: "h-4 w-4" })
           }
@@ -978,20 +978,20 @@ const Ge = w(
               "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",
               "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",
-              N[n]
+              y[n]
             ),
             "aria-label": "Quantity"
           }
         ),
         /* @__PURE__ */ e(
-          j,
+          D,
           {
             type: "button",
             variant: "secondary",
             size: "sm",
             onClick: v,
             disabled: d || t >= s,
-            className: i(x[n], "p-0"),
+            className: i(N[n], "p-0"),
             "aria-label": "Increase quantity",
             children: /* @__PURE__ */ e(me, { className: "h-4 w-4" })
           }
@@ -1002,7 +1002,7 @@ const Ge = w(
 );
 Ge.displayName = "QuantitySelector";
 const He = w(
-  ({ className: a, label: t, htmlFor: r, required: s, error: l, helperText: n, children: d, ...c }, m) => /* @__PURE__ */ o("div", { ref: m, className: i("flex flex-col gap-1.5", a), ...c, children: [
+  ({ className: a, label: t, htmlFor: r, required: s, error: l, helperText: n, children: d, ...u }, f) => /* @__PURE__ */ o("div", { ref: f, className: i("flex flex-col gap-1.5", a), ...u, children: [
     t && /* @__PURE__ */ o(
       "label",
       {
@@ -1101,14 +1101,14 @@ function Ht({
 function Qt({
   ...a
 }) {
-  return /* @__PURE__ */ e(_.Root, { "data-slot": "accordion", ...a });
+  return /* @__PURE__ */ e(E.Root, { "data-slot": "accordion", ...a });
 }
 function Wt({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    _.Item,
+    E.Item,
     {
       "data-slot": "accordion-item",
       className: i("border-b last:border-b-0", a),
@@ -1121,8 +1121,8 @@ function Xt({
   children: t,
   ...r
 }) {
-  return /* @__PURE__ */ e(_.Header, { className: "flex", children: /* @__PURE__ */ o(
-    _.Trigger,
+  return /* @__PURE__ */ e(E.Header, { className: "flex", children: /* @__PURE__ */ o(
+    E.Trigger,
     {
       "data-slot": "accordion-trigger",
       className: i(
@@ -1143,7 +1143,7 @@ function Yt({
   ...r
 }) {
   return /* @__PURE__ */ e(
-    _.Content,
+    E.Content,
     {
       "data-slot": "accordion-content",
       className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
@@ -1207,9 +1207,9 @@ const We = w(
     description: l,
     primaryCTA: n,
     secondaryCTA: d,
-    backgroundImage: c,
-    overlay: m = !0,
-    children: f,
+    backgroundImage: u,
+    overlay: f = !0,
+    children: g,
     ...v
   }, p) => /* @__PURE__ */ o(
     "section",
@@ -1226,15 +1226,15 @@ const We = w(
       ),
       ...v,
       children: [
-        c && /* @__PURE__ */ o(P, { children: [
+        u && /* @__PURE__ */ o(P, { children: [
           /* @__PURE__ */ e(
             "div",
             {
               className: "absolute inset-0 bg-cover bg-center bg-no-repeat",
-              style: { backgroundImage: `url(${c})` }
+              style: { backgroundImage: `url(${u})` }
             }
           ),
-          m && /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-r from-black/70 to-black/30" })
+          f && /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-r from-black/70 to-black/30" })
         ] }),
         /* @__PURE__ */ o(
           "div",
@@ -1250,7 +1250,7 @@ const We = w(
                   {
                     className: i(
                       "mb-4 text-sm font-semibold uppercase tracking-wider",
-                      c ? "text-[var(--warning)]" : "text-[var(--brand-primary)]"
+                      u ? "text-[var(--warning)]" : "text-[var(--brand-primary)]"
                     ),
                     children: s
                   }
@@ -1260,7 +1260,7 @@ const We = w(
                   {
                     className: i(
                       "text-4xl font-bold leading-tight lg:text-5xl xl:text-6xl",
-                      c ? "text-white" : "text-[var(--foreground)]"
+                      u ? "text-white" : "text-[var(--foreground)]"
                     ),
                     children: r
                   }
@@ -1270,14 +1270,14 @@ const We = w(
                   {
                     className: i(
                       "mt-6 text-lg lg:text-xl",
-                      c ? "text-gray-200" : "text-[var(--muted-foreground)]"
+                      u ? "text-gray-200" : "text-[var(--muted-foreground)]"
                     ),
                     children: l
                   }
                 ),
                 (n || d) && /* @__PURE__ */ o("div", { className: "mt-8 flex flex-wrap gap-4", children: [
                   n && /* @__PURE__ */ e(
-                    j,
+                    D,
                     {
                       size: "lg",
                       onClick: n.onClick,
@@ -1286,7 +1286,7 @@ const We = w(
                     }
                   ),
                   d && /* @__PURE__ */ e(
-                    j,
+                    D,
                     {
                       size: "lg",
                       onClick: d.onClick,
@@ -1296,11 +1296,11 @@ const We = w(
                   )
                 ] })
               ] }),
-              t === "split" && f && /* @__PURE__ */ e("div", { className: "mt-8 lg:mt-0", children: f })
+              t === "split" && g && /* @__PURE__ */ e("div", { className: "mt-8 lg:mt-0", children: g })
             ]
           }
         ),
-        t !== "split" && f && /* @__PURE__ */ e("div", { className: "relative z-10 mt-12 w-full max-w-7xl mx-auto", children: f })
+        t !== "split" && g && /* @__PURE__ */ e("div", { className: "relative z-10 mt-12 w-full max-w-7xl mx-auto", children: g })
       ]
     }
   )
@@ -1315,8 +1315,8 @@ const J = w(
     description: l,
     action: n,
     ...d
-  }, c) => {
-    const f = r || {
+  }, u) => {
+    const g = r || {
       default: /* @__PURE__ */ e(ge, { className: "h-16 w-16" }),
       search: /* @__PURE__ */ e(Y, { className: "h-16 w-16" }),
       cart: /* @__PURE__ */ e($, { className: "h-16 w-16" }),
@@ -1325,18 +1325,18 @@ const J = w(
     return /* @__PURE__ */ o(
       "div",
       {
-        ref: c,
+        ref: u,
         className: i(
           "flex flex-col items-center justify-center py-16 px-6 text-center",
           a
         ),
         ...d,
         children: [
-          /* @__PURE__ */ e("div", { className: "rounded-full bg-[var(--muted)] p-6 text-[var(--muted-foreground)]", children: f }),
+          /* @__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: s }),
           l && /* @__PURE__ */ e("p", { className: "mt-2 max-w-md text-[var(--muted-foreground)]", children: l }),
           n && /* @__PURE__ */ e(
-            j,
+            D,
             {
               onClick: n.onClick,
               variant: "primary",
@@ -1360,9 +1360,9 @@ const Xe = w(
     onRetry: l,
     onGoHome: n,
     showRetry: d = !0,
-    showHome: c = !0,
-    ...m
-  }, f) => {
+    showHome: u = !0,
+    ...f
+  }, g) => {
     const p = {
       404: {
         title: "Página não encontrada",
@@ -1384,28 +1384,28 @@ const Xe = w(
         message: "Ocorreu um erro inesperado. Por favor, tente novamente.",
         code: ""
       }
-    }[t], h = r || p.title, x = s || p.message;
+    }[t], h = r || p.title, N = s || p.message;
     return /* @__PURE__ */ o(
       "div",
       {
-        ref: f,
+        ref: g,
         className: i(
           "flex min-h-[500px] flex-col items-center justify-center py-16 px-6 text-center",
           a
         ),
         role: "alert",
         "aria-live": "assertive",
-        ...m,
+        ...f,
         children: [
           /* @__PURE__ */ o("div", { className: "flex flex-col items-center gap-4", children: [
             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(pe, { className: "h-16 w-16" }) })
           ] }),
           /* @__PURE__ */ e("h2", { className: "mt-6 text-2xl font-bold text-[var(--foreground)]", children: h }),
-          /* @__PURE__ */ e("p", { className: "mt-2 max-w-md text-[var(--muted-foreground)]", children: x }),
+          /* @__PURE__ */ e("p", { className: "mt-2 max-w-md text-[var(--muted-foreground)]", children: N }),
           /* @__PURE__ */ o("div", { className: "mt-8 flex flex-wrap gap-4 justify-center", children: [
             d && l && /* @__PURE__ */ e(
-              j,
+              D,
               {
                 onClick: l,
                 variant: "primary",
@@ -1414,8 +1414,8 @@ const Xe = w(
                 children: "Tentar novamente"
               }
             ),
-            c && n && /* @__PURE__ */ e(
-              j,
+            u && n && /* @__PURE__ */ e(
+              D,
               {
                 onClick: n,
                 variant: "secondary",
@@ -1440,9 +1440,9 @@ const Ye = w(
     isLoading: l = !1,
     skeletonCount: n = 8,
     emptyStateMessage: d = "Nenhum produto encontrado",
-    onEmptyAction: c,
-    renderImage: m,
-    ...f
+    onEmptyAction: u,
+    renderImage: f,
+    ...g
   }, v) => {
     const p = {
       sm: "gap-4",
@@ -1458,8 +1458,8 @@ const Ye = w(
           p[s],
           a
         ),
-        ...f,
-        children: Array.from({ length: n }).map((h, x) => /* @__PURE__ */ e(
+        ...g,
+        children: Array.from({ length: n }).map((h, N) => /* @__PURE__ */ e(
           I,
           {
             image: "",
@@ -1467,7 +1467,7 @@ const Ye = w(
             price: 0,
             isSkeleton: !0
           },
-          x
+          N
         ))
       }
     ) : t.length === 0 ? /* @__PURE__ */ e(
@@ -1476,9 +1476,9 @@ const Ye = w(
         variant: "search",
         title: d,
         description: "Tente ajustar seus filtros ou realizar uma nova busca",
-        action: c ? {
+        action: u ? {
           label: "Limpar filtros",
-          onClick: c
+          onClick: u
         } : void 0
       }
     ) : /* @__PURE__ */ e(
@@ -1490,8 +1490,8 @@ const Ye = w(
           p[s],
           a
         ),
-        ...f,
-        children: t.map((h, x) => /* @__PURE__ */ e(I, { ...h, renderImage: h.renderImage ?? m }, x))
+        ...g,
+        children: t.map((h, N) => /* @__PURE__ */ e(I, { ...h, renderImage: h.renderImage ?? f }, N))
       }
     );
   }
@@ -1729,34 +1729,34 @@ function nt({ children: a, as: t = "div", className: r }) {
 }
 const st = w(
   ({ className: a, onThemeChange: t, onFontSizeChange: r, showA11yLink: s = !1, ...l }, n) => {
-    const [d, c] = C("light"), [m, f] = C(16), [v, p] = C(!1), h = ie(!1);
+    const [d, u] = C("light"), [f, g] = C(16), [v, p] = C(!1), h = ie(!1);
     L(() => {
-      const y = localStorage.getItem("a11y-theme") ?? document.documentElement.getAttribute("data-theme") ?? "light";
-      c(y);
-      const D = Number(localStorage.getItem("a11y-font-size"));
-      Number.isFinite(D) && D > 0 && f(D);
+      const x = localStorage.getItem("a11y-theme") ?? document.documentElement.getAttribute("data-theme") ?? "light";
+      u(x);
+      const S = Number(localStorage.getItem("a11y-font-size"));
+      Number.isFinite(S) && S > 0 && g(S);
     }, []);
-    const x = () => {
+    const N = () => {
       if (h.current) {
-        const g = document.querySelector("[vw]"), y = !v;
-        g && (g.style.display = y ? "" : "none"), p(y);
+        const m = document.querySelector("[vw]"), x = !v;
+        m && (m.style.visibility = x ? "" : "hidden", m.style.opacity = x ? "" : "0", m.style.pointerEvents = x ? "" : "none"), p(x);
       } else {
-        const g = document.createElement("div");
-        g.setAttribute("vw", ""), g.className = "enabled", g.innerHTML = '<div vw-access-button class="active"></div><div vw-plugin-wrapper><div class="vw-plugin-top-wrapper"></div></div>', document.body.appendChild(g);
-        const y = document.createElement("script");
-        y.src = "https://vlibras.gov.br/app/vlibras-plugin.js", y.async = !0, y.onload = () => {
-          window.VLibras && new window.VLibras.Widget("https://vlibras.gov.br/app"), h.current = !0, p(!0);
-        }, document.body.appendChild(y);
+        const m = document.createElement("div");
+        m.setAttribute("vw", ""), m.className = "enabled", m.innerHTML = '<div vw-access-button class="active"></div><div vw-plugin-wrapper><div class="vw-plugin-top-wrapper"></div></div>', document.body.appendChild(m);
+        const x = document.createElement("script");
+        x.src = "https://vlibras.gov.br/app/vlibras-plugin.js", x.async = !0, x.onload = () => {
+          window.VLibras && (new window.VLibras.Widget("https://vlibras.gov.br/app"), typeof window.onload == "function" && window.onload(new Event("load"))), h.current = !0, p(!0);
+        }, document.body.appendChild(x);
       }
-    }, N = () => {
-      const g = d === "light" ? "dark" : "light";
-      c(g), document.documentElement.setAttribute("data-theme", g), localStorage.setItem("a11y-theme", g), t == null || t(g);
-    }, u = () => {
-      const g = Math.min(m + 2, 24);
-      f(g), document.documentElement.style.setProperty("--font-size", `${g}px`), document.documentElement.style.fontSize = `${g}px`, localStorage.setItem("a11y-font-size", g.toString()), r == null || r(g);
+    }, y = () => {
+      const m = d === "light" ? "dark" : "light";
+      u(m), document.documentElement.setAttribute("data-theme", m), localStorage.setItem("a11y-theme", m), t == null || t(m);
+    }, c = () => {
+      const m = Math.min(f + 2, 24);
+      g(m), document.documentElement.style.setProperty("--font-size", `${m}px`), document.documentElement.style.fontSize = `${m}px`, localStorage.setItem("a11y-font-size", m.toString()), r == null || r(m);
     }, b = () => {
-      const g = Math.max(m - 2, 12);
-      f(g), document.documentElement.style.setProperty("--font-size", `${g}px`), document.documentElement.style.fontSize = `${g}px`, localStorage.setItem("a11y-font-size", g.toString()), r == null || r(g);
+      const m = Math.max(f - 2, 12);
+      g(m), document.documentElement.style.setProperty("--font-size", `${m}px`), document.documentElement.style.fontSize = `${m}px`, localStorage.setItem("a11y-font-size", m.toString()), r == null || r(m);
     };
     return /* @__PURE__ */ e(
       "div",
@@ -1789,7 +1789,7 @@ const st = w(
                 {
                   type: "button",
                   onClick: b,
-                  disabled: m <= 12,
+                  disabled: f <= 12,
                   "aria-label": "Diminuir tamanho da fonte",
                   className: i(
                     "p-2 rounded-md transition-colors text-[var(--muted-foreground)] hover:bg-[var(--muted)]",
@@ -1804,8 +1804,8 @@ const st = w(
                 "button",
                 {
                   type: "button",
-                  onClick: u,
-                  disabled: m >= 24,
+                  onClick: c,
+                  disabled: f >= 24,
                   "aria-label": "Aumentar tamanho da fonte",
                   className: i(
                     "p-2 rounded-md transition-colors text-[var(--muted-foreground)] hover:bg-[var(--muted)]",
@@ -1820,7 +1820,7 @@ const st = w(
               "button",
               {
                 type: "button",
-                onClick: N,
+                onClick: y,
                 "aria-label": d === "light" ? "Ativar modo escuro" : "Ativar modo claro",
                 className: i(
                   "p-2 rounded-md transition-colors text-[var(--muted-foreground)] hover:bg-[var(--muted)]",
@@ -1833,7 +1833,7 @@ const st = w(
               "button",
               {
                 type: "button",
-                onClick: x,
+                onClick: N,
                 "aria-label": "Ativar VLibras",
                 "aria-pressed": v,
                 className: i(
@@ -1863,26 +1863,26 @@ const lt = w(
     autoplay: s = !0,
     ...l
   }, n) => {
-    const [d, c] = C(0), [m, f] = C(!1), [v, p] = C(!1);
+    const [d, u] = C(0), [f, g] = C(!1), [v, p] = C(!1);
     L(() => {
-      const u = window.matchMedia("(prefers-reduced-motion: reduce)");
-      p(u.matches);
-      const b = (g) => {
-        p(g.matches);
+      const c = window.matchMedia("(prefers-reduced-motion: reduce)");
+      p(c.matches);
+      const b = (m) => {
+        p(m.matches);
       };
-      return u.addEventListener("change", b), () => u.removeEventListener("change", b);
+      return c.addEventListener("change", b), () => c.removeEventListener("change", b);
     }, []), L(() => {
-      if (!s || m || v) return;
-      const u = setInterval(() => {
-        c((b) => (b + 1) % t.length);
+      if (!s || f || v) return;
+      const c = setInterval(() => {
+        u((b) => (b + 1) % t.length);
       }, r);
-      return () => clearInterval(u);
-    }, [s, r, t.length, m, v]);
-    const h = (u) => {
-      c(u), f(!0), setTimeout(() => f(!1), r);
-    }, x = () => {
-      h((d - 1 + t.length) % t.length);
+      return () => clearInterval(c);
+    }, [s, r, t.length, f, v]);
+    const h = (c) => {
+      u(c), g(!0), setTimeout(() => g(!1), r);
     }, N = () => {
+      h((d - 1 + t.length) % t.length);
+    }, y = () => {
       h((d + 1) % t.length);
     };
     return t.length === 0 ? null : (t[d], /* @__PURE__ */ o(
@@ -1890,67 +1890,74 @@ const lt = w(
       {
         ref: n,
         className: i("w-full", a),
-        onMouseEnter: () => f(!0),
-        onMouseLeave: () => f(!1),
+        onMouseEnter: () => g(!0),
+        onMouseLeave: () => g(!1),
         ...l,
         children: [
           /* @__PURE__ */ o("div", { className: "relative w-full overflow-hidden", children: [
-            /* @__PURE__ */ e("div", { className: "relative", children: t.map((u, b) => /* @__PURE__ */ o(
-              "div",
-              {
-                className: i(
-                  "w-full transition-opacity duration-700",
-                  b === d ? "block" : "hidden"
-                ),
-                "aria-hidden": b !== d,
-                children: [
-                  /* @__PURE__ */ o("picture", { children: [
-                    /* @__PURE__ */ e(
-                      "source",
-                      {
-                        media: "(min-width: 1024px)",
-                        srcSet: `${u.imageDesktop} 1x, ${u.imageDesktop.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`
-                      }
-                    ),
-                    /* @__PURE__ */ e(
-                      "source",
-                      {
-                        media: "(min-width: 768px)",
-                        srcSet: `${u.imageTablet} 1x, ${u.imageTablet.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`
-                      }
-                    ),
-                    /* @__PURE__ */ e(
-                      "img",
-                      {
-                        src: u.imageMobile,
-                        srcSet: `${u.imageMobile} 1x, ${u.imageMobile.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`,
-                        alt: u.title,
-                        className: "w-full object-cover aspect-3/2 md:aspect-video lg:aspect-1920/560",
-                        loading: b === 0 ? "eager" : "lazy"
-                      }
-                    )
-                  ] }),
-                  u.showOverlay && /* @__PURE__ */ o("div", { className: "absolute inset-0 flex flex-col justify-end bg-linear-to-t from-black/60 to-transparent p-6 md:p-10", children: [
-                    /* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-white md:text-3xl", children: u.title }),
-                    u.description && /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-gray-200 md:text-base", children: u.description }),
-                    u.cta && /* @__PURE__ */ e(
-                      "a",
-                      {
-                        href: u.cta.href,
-                        className: "mt-4 inline-block self-start rounded-md bg-brand-primary px-5 py-2 text-sm font-semibold text-white transition hover:opacity-90",
-                        children: u.cta.label
-                      }
-                    )
-                  ] })
-                ]
-              },
-              u.id
-            )) }),
+            /* @__PURE__ */ e("div", { className: "relative", children: t.map((c, b) => {
+              var S;
+              const m = (S = c.cta) == null ? void 0 : S.href, x = /* @__PURE__ */ o(P, { children: [
+                /* @__PURE__ */ o("picture", { children: [
+                  /* @__PURE__ */ e(
+                    "source",
+                    {
+                      media: "(min-width: 1024px)",
+                      srcSet: `${c.imageDesktop} 1x, ${c.imageDesktop.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "source",
+                    {
+                      media: "(min-width: 768px)",
+                      srcSet: `${c.imageTablet} 1x, ${c.imageTablet.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "img",
+                    {
+                      src: c.imageMobile,
+                      srcSet: `${c.imageMobile} 1x, ${c.imageMobile.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`,
+                      alt: c.title,
+                      className: "w-full object-cover aspect-3/2 md:aspect-video lg:aspect-1920/560",
+                      loading: b === 0 ? "eager" : "lazy"
+                    }
+                  )
+                ] }),
+                c.showOverlay && /* @__PURE__ */ o("div", { className: "absolute inset-0 flex flex-col justify-end bg-linear-to-t from-black/60 to-transparent p-6 md:p-10", children: [
+                  /* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-white md:text-3xl", children: c.title }),
+                  c.description && /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-gray-200 md:text-base", children: c.description }),
+                  c.cta && (m ? (
+                    // Slide já é um <a> — CTA vira <span> decorativo para evitar nested anchors
+                    /* @__PURE__ */ e("span", { className: "mt-4 inline-block self-start rounded-md bg-brand-primary px-5 py-2 text-sm font-semibold text-white transition hover:opacity-90", children: c.cta.label })
+                  ) : /* @__PURE__ */ e(
+                    "a",
+                    {
+                      href: c.cta.href,
+                      className: "mt-4 inline-block self-start rounded-md bg-brand-primary px-5 py-2 text-sm font-semibold text-white transition hover:opacity-90",
+                      children: c.cta.label
+                    }
+                  ))
+                ] })
+              ] });
+              return /* @__PURE__ */ e(
+                "div",
+                {
+                  className: i(
+                    "w-full transition-opacity duration-700",
+                    b === d ? "block" : "hidden"
+                  ),
+                  "aria-hidden": b !== d,
+                  children: m ? /* @__PURE__ */ e("a", { href: m, "aria-label": c.title, className: "relative block cursor-pointer", children: x }) : /* @__PURE__ */ e("div", { className: "relative", children: x })
+                },
+                c.id
+              );
+            }) }),
             t.length > 1 && /* @__PURE__ */ o(P, { children: [
               /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: x,
+                  onClick: N,
                   className: "absolute left-4 top-1/2 -translate-y-1/2 rounded-full bg-white/50 p-2 shadow-lg transition-all hover:bg-white/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring min-w-11 min-h-11",
                   "aria-label": "Slide anterior",
                   children: /* @__PURE__ */ e(ke, { className: "h-6 w-6 text-gray-900" })
@@ -1959,7 +1966,7 @@ const lt = w(
               /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: N,
+                  onClick: y,
                   className: "absolute right-4 top-1/2 -translate-y-1/2 rounded-full bg-white/50 p-2 shadow-lg transition-all hover:bg-white/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring min-w-11 min-h-11",
                   "aria-label": "Próximo slide",
                   children: /* @__PURE__ */ e(K, { className: "h-6 w-6 text-gray-900" })
@@ -1967,7 +1974,7 @@ const lt = w(
               )
             ] })
           ] }),
-          t.length > 1 && /* @__PURE__ */ e("div", { className: "flex justify-center gap-2 py-3", children: t.map((u, b) => /* @__PURE__ */ e(
+          t.length > 1 && /* @__PURE__ */ e("div", { className: "flex justify-center gap-2 py-3", children: t.map((c, b) => /* @__PURE__ */ e(
             "button",
             {
               onClick: () => h(b),
@@ -2044,7 +2051,7 @@ function W({
     }
   );
 }
-const ut = B(
+const ut = _(
   "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
 );
 function mt({
@@ -2212,10 +2219,10 @@ function ee({ item: a, depth: t = 0 }) {
   ] });
 }
 const vt = w(
-  ({ items: a, logo: t, rightSlot: r, searchSlot: s, drawerFooter: l, className: n, ...d }, c) => /* @__PURE__ */ e(
+  ({ items: a, logo: t, rightSlot: r, searchSlot: s, drawerFooter: l, className: n, ...d }, u) => /* @__PURE__ */ e(
     "header",
     {
-      ref: c,
+      ref: u,
       className: i(
         "sticky top-0 z-40 border-b border-[var(--border)] bg-[var(--card)]",
         n
@@ -2248,7 +2255,7 @@ const vt = w(
                 {
                   "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((m) => /* @__PURE__ */ e("div", { className: "py-0.5", children: /* @__PURE__ */ e(ee, { item: m }) }, m.id)) })
+                  children: /* @__PURE__ */ e("div", { className: "divide-y divide-[var(--border)]", children: a.map((f) => /* @__PURE__ */ e("div", { className: "py-0.5", children: /* @__PURE__ */ e(ee, { item: f }) }, f.id)) })
                 }
               ),
               l && /* @__PURE__ */ e("div", { className: "border-t border-[var(--border)] px-5 py-4", children: l })
@@ -2261,19 +2268,19 @@ const vt = w(
             "aria-label": "Menu principal",
             className: "hidden border-t border-[var(--border)] py-2 md:flex",
             children: /* @__PURE__ */ e(dt, { children: /* @__PURE__ */ e(ct, { children: a.map(
-              (m) => {
-                var f;
-                return (f = m.children) != null && f.length ? /* @__PURE__ */ o(W, { children: [
-                  /* @__PURE__ */ e(mt, { className: "h-9 bg-transparent text-sm text-[var(--foreground)] hover:bg-[var(--accent)]", children: m.label }),
-                  /* @__PURE__ */ e(ft, { children: /* @__PURE__ */ e(pt, { items: m.children }) })
-                ] }, m.id) : /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(
+              (f) => {
+                var g;
+                return (g = f.children) != null && g.length ? /* @__PURE__ */ o(W, { children: [
+                  /* @__PURE__ */ e(mt, { className: "h-9 bg-transparent text-sm text-[var(--foreground)] hover:bg-[var(--accent)]", children: f.label }),
+                  /* @__PURE__ */ e(ft, { children: /* @__PURE__ */ e(pt, { items: f.children }) })
+                ] }, f.id) : /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(
                   q,
                   {
-                    href: m.href ?? "#",
+                    href: f.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: m.label
+                    children: f.label
                   }
-                ) }, m.id);
+                ) }, f.id);
               }
             ) }) })
           }
@@ -2398,26 +2405,26 @@ function Nt({ title: a, links: t }) {
     )
   ] });
 }
-const yt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r, playStoreUrl: s, appStoreUrl: l, orgInfo: n, navColumns: d, className: c, ...m }) => {
-  const [f, v] = C("light");
+const yt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r, playStoreUrl: s, appStoreUrl: l, orgInfo: n, navColumns: d, className: u, ...f }) => {
+  const [g, v] = C("light");
   L(() => {
     const z = document.documentElement;
     v(z.getAttribute("data-theme") ?? "light");
-    const E = new MutationObserver(() => {
+    const B = new MutationObserver(() => {
       v(z.getAttribute("data-theme") ?? "light");
     });
-    return E.observe(z, { attributes: !0, attributeFilter: ["data-theme"] }), () => E.disconnect();
+    return B.observe(z, { attributes: !0, attributeFilter: ["data-theme"] }), () => B.disconnect();
   }, []);
-  const p = a === "perabook" ? f === "dark" ? "/logos/logo_PeraBook_institucional_tarja_branca.png" : "/logos/PeraBook_instituicional.png" : f === "dark" ? "/logos/logo_elo_editora_texto_branco.png" : "/logos/logo_elo_institucional.png", h = a === "perabook" ? "PeraBook" : "Elo Editora", x = bt.map((z) => ({
+  const p = a === "perabook" ? g === "dark" ? "/logos/logo_PeraBook_institucional_tarja_branca.png" : "/logos/PeraBook_instituicional.png" : g === "dark" ? "/logos/logo_elo_editora_texto_branco.png" : "/logos/logo_elo_institucional.png", h = a === "perabook" ? "PeraBook" : "Elo Editora", N = bt.map((z) => ({
     ...z,
     href: (n == null ? void 0 : n[z.key]) ?? z.href
-  })).filter((z) => z.href), N = (n == null ? void 0 : n.email) ?? "contato@grupoeloediorial.com.br", u = (n == null ? void 0 : n.phone) ?? "(11) 3000-0000", b = n == null ? void 0 : n.fullAddress, g = f === "dark" && (n == null ? void 0 : n.googlePlayBadgeUrlDark) || (n == null ? void 0 : n.googlePlayBadgeUrl) || "", y = f === "dark" && (n == null ? void 0 : n.appStoreBadgeUrlDark) || (n == null ? void 0 : n.appStoreBadgeUrl) || "", D = !!(g || y);
+  })).filter((z) => z.href), y = (n == null ? void 0 : n.email) ?? "contato@grupoeloediorial.com.br", c = (n == null ? void 0 : n.phone) ?? "(11) 3000-0000", b = n == null ? void 0 : n.fullAddress, m = g === "dark" && (n == null ? void 0 : n.googlePlayBadgeUrlDark) || (n == null ? void 0 : n.googlePlayBadgeUrl) || "", x = g === "dark" && (n == null ? void 0 : n.appStoreBadgeUrlDark) || (n == null ? void 0 : n.appStoreBadgeUrl) || "", S = !!(m || x);
   return /* @__PURE__ */ o(
     "footer",
     {
-      className: i("border-t border-[var(--border)] bg-[var(--card)] text-[var(--foreground)]", c),
+      className: i("border-t border-[var(--border)] bg-[var(--card)] text-[var(--foreground)]", u),
       "aria-label": "Rodapé do site",
-      ...m,
+      ...f,
       children: [
         r !== void 0 ? r : /* @__PURE__ */ e(xt, { onSubmit: t }),
         /* @__PURE__ */ o("div", { className: "mx-auto max-w-screen-xl px-4", children: [
@@ -2435,18 +2442,18 @@ const yt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
               ),
               /* @__PURE__ */ o("div", { className: "mt-6 space-y-1 text-sm", children: [
                 /* @__PURE__ */ e("p", { className: "text-[var(--muted-foreground)]", children: "Atendimento:" }),
-                /* @__PURE__ */ e("p", { className: "font-medium text-[var(--foreground)]", children: N }),
-                /* @__PURE__ */ e("p", { className: "font-medium text-[var(--foreground)]", children: u }),
+                /* @__PURE__ */ e("p", { className: "font-medium text-[var(--foreground)]", children: y }),
+                /* @__PURE__ */ e("p", { className: "font-medium text-[var(--foreground)]", children: c }),
                 b && /* @__PURE__ */ e("p", { className: "whitespace-pre-line text-[var(--muted-foreground)]", children: b.replace(/\\n/g, `
 `) })
               ] })
             ] }),
             (d ?? ht).map((z) => /* @__PURE__ */ e(Nt, { title: z.title, links: z.links }, z.id)),
             /* @__PURE__ */ o("div", { className: "mb-8 md:mb-0", children: [
-              D && /* @__PURE__ */ o(P, { children: [
+              S && /* @__PURE__ */ o(P, { children: [
                 /* @__PURE__ */ e("p", { className: "text-sm font-semibold uppercase tracking-wide text-[var(--foreground)]", children: "Baixe nosso app" }),
                 /* @__PURE__ */ o("div", { className: "mt-3 flex flex-col gap-2", children: [
-                  g && /* @__PURE__ */ e(
+                  m && /* @__PURE__ */ e(
                     "a",
                     {
                       href: s ?? "#",
@@ -2457,17 +2464,17 @@ const yt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
                       children: /* @__PURE__ */ e(
                         "img",
                         {
-                          src: g,
+                          src: m,
                           alt: "Disponível no Google Play",
                           width: 135,
                           height: 40,
                           className: "h-10 w-[135px] object-contain"
                         },
-                        g
+                        m
                       )
                     }
                   ),
-                  y && /* @__PURE__ */ e(
+                  x && /* @__PURE__ */ e(
                     "a",
                     {
                       href: l ?? "#",
@@ -2478,23 +2485,23 @@ const yt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
                       children: /* @__PURE__ */ e(
                         "img",
                         {
-                          src: y,
+                          src: x,
                           alt: "Disponível na App Store",
                           width: 135,
                           height: 40,
                           className: "h-10 w-[135px] object-contain"
                         },
-                        y
+                        x
                       )
                     }
                   )
                 ] })
               ] }),
               /* @__PURE__ */ e("p", { className: "mt-6 text-sm font-semibold uppercase tracking-wide text-[var(--foreground)]", children: "Compartilhe" }),
-              /* @__PURE__ */ e("div", { className: "mt-3 flex flex-wrap gap-2", "aria-label": "Compartilhe nas redes sociais", children: x.map(({ label: z, href: E, Icon: te }) => /* @__PURE__ */ e(
+              /* @__PURE__ */ e("div", { className: "mt-3 flex flex-wrap gap-2", "aria-label": "Compartilhe nas redes sociais", children: N.map(({ label: z, href: B, Icon: te }) => /* @__PURE__ */ e(
                 "a",
                 {
-                  href: E,
+                  href: B,
                   target: "_blank",
                   rel: "noopener noreferrer",
                   "aria-label": z,
@@ -2560,7 +2567,7 @@ export {
   It as BreadcrumbList,
   Gt as BreadcrumbPage,
   Ht as BreadcrumbSeparator,
-  j as Button,
+  D as Button,
   Rt as Checkbox,
   da as Col,
   nt as Container,
@@ -2592,10 +2599,10 @@ export {
   F as Rating,
   qe as SearchBar,
   Pt as Select,
-  Et as SelectContent,
+  Bt as SelectContent,
   Lt as SelectItem,
-  Bt as SelectTrigger,
-  _t as SelectValue,
+  _t as SelectTrigger,
+  Et as SelectValue,
   rt as SheetContent,
   sa as SheetDescription,
   na as SheetFooter,
@@ -2603,15 +2610,15 @@ export {
   ot as SheetTitle,
   Je as SheetTrigger,
   Te as Spinner,
-  _e as Textarea,
+  Ee as Textarea,
   Vt as Toggle,
   Kt as Tooltip,
   Zt as TooltipContent,
   Qe as TooltipProvider,
   Ot as TooltipTrigger,
   st as TopAccessibilityBar,
-  Ee as avatarVariants,
-  Be as badgeVariants,
+  Be as avatarVariants,
+  _e as badgeVariants,
   Pe as buttonVariants,
   i as cn,
   Re as spinnerVariants,