@grupo-elo-editorial/shared-ui-react 1.4.8 → 1.4.10

package/dist/index.js

@@ -2,10 +2,10 @@
 import { clsx as ae } from "clsx";
 import { twMerge as re } from "tailwind-merge";
 import { jsx as e, jsxs as o, Fragment as P } from "react/jsx-runtime";
-import { forwardRef as y, 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 we, Sun as ye, 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 { 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 pe, AlertCircle as ge, 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 _ } from "class-variance-authority";
-import * as S from "@radix-ui/react-select";
+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";
@@ -13,7 +13,7 @@ import { Slot as Ae } from "@radix-ui/react-slot";
 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";
+import { Progress as pa } from "@radix-ui/react-progress";
 import * as k from "@radix-ui/react-dialog";
 import * as M from "@radix-ui/react-navigation-menu";
 function i(...a) {
@@ -45,7 +45,7 @@ const Pe = _(
       size: "md"
     }
   }
-), j = y(
+), D = w(
   ({
     className: a,
     variant: t,
@@ -54,29 +54,29 @@ const Pe = _(
     isLoading: l,
     leftIcon: n,
     rightIcon: d,
-    children: c,
-    disabled: m,
-    ...f
+    children: u,
+    disabled: f,
+    ...p
   }, v) => /* @__PURE__ */ e(
     "button",
     {
       className: i(Pe({ variant: t, size: r, fullWidth: s, className: a })),
       ref: v,
-      disabled: m || l,
-      ...f,
+      disabled: f || l,
+      ...p,
       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 Ee = y(
+D.displayName = "Button";
+const Ee = w(
   ({ className: a, error: t, helperText: r, ...s }, l) => /* @__PURE__ */ o("div", { className: "w-full", children: [
     /* @__PURE__ */ e(
       "textarea",
@@ -131,11 +131,11 @@ const _e = _(
       size: "md"
     }
   }
-), R = y(
-  ({ className: a, variant: t, size: r, icon: s, onRemove: l, children: n, ...d }, c) => /* @__PURE__ */ o(
+), R = w(
+  ({ className: a, variant: t, size: r, icon: s, onRemove: l, children: n, ...d }, u) => /* @__PURE__ */ o(
     "div",
     {
-      ref: c,
+      ref: u,
       className: i(_e({ variant: t, size: r }), a),
       ...d,
       children: [
@@ -170,37 +170,37 @@ const Be = _(
       size: "md"
     }
   }
-), Le = y(
-  ({ 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 = {
+), Le = w(
+  ({ className: a, size: t, src: r, alt: s, name: l, showStatus: n, statusType: d = "online", ...u }, f) => {
+    const [p, v] = C(!1), g = (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(Be({ size: t }), "relative", a), children: [
-      r && !f ? /* @__PURE__ */ e(
+    return /* @__PURE__ */ o("div", { ref: f, className: i(Be({ size: t }), "relative", a), children: [
+      r && !p ? /* @__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" }),
+      ) : l ? /* @__PURE__ */ e("span", { className: "font-medium", children: g(l) }) : /* @__PURE__ */ e(oe, { className: "h-1/2 w-1/2" }),
       n && /* @__PURE__ */ e(
         "span",
         {
           className: i(
             "absolute bottom-0 right-0 rounded-full border-[var(--background)]",
             h[d],
-            x[t || "md"]
+            N[t || "md"]
           ),
           "aria-label": `Status: ${d}`
         }
@@ -221,7 +221,7 @@ const Re = _("animate-spin text-[var(--brand-primary)]", {
   defaultVariants: {
     size: "md"
   }
-}), Te = y(
+}), Te = w(
   ({ className: a, size: t, label: r, ...s }, l) => /* @__PURE__ */ o(
     "div",
     {
@@ -238,7 +238,7 @@ const Re = _("animate-spin text-[var(--brand-primary)]", {
   )
 );
 Te.displayName = "Spinner";
-const $e = y(
+const $e = w(
   ({ className: a, orientation: t = "horizontal", variant: r = "solid", text: s, ...l }, n) => {
     const d = {
       solid: "border-solid",
@@ -285,7 +285,7 @@ const $e = y(
   }
 );
 $e.displayName = "Divider";
-const F = y(
+const F = w(
   ({
     className: a,
     value: t = 0,
@@ -294,51 +294,51 @@ const F = y(
     readonly: l = !1,
     onChange: n,
     showValue: d = !1,
-    ...c
-  }, m) => {
-    const [f, v] = C(0), p = {
+    ...u
+  }, f) => {
+    const [p, v] = C(0), g = {
       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 = p || 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],
+                      g[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,12 +367,12 @@ 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 Et({
   ...a
 }) {
-  return /* @__PURE__ */ e(S.Value, { "data-slot": "select-value", ...a });
+  return /* @__PURE__ */ e(j.Value, { "data-slot": "select-value", ...a });
 }
 function _t({
   className: a,
@@ -381,7 +381,7 @@ function _t({
   ...s
 }) {
   return /* @__PURE__ */ o(
-    S.Trigger,
+    j.Trigger,
     {
       "data-slot": "select-trigger",
       "data-size": t,
@@ -392,7 +392,7 @@ function _t({
       ...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" }) })
       ]
     }
   );
@@ -403,8 +403,8 @@ function Bt({
   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 Bt({
       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(
@@ -583,7 +583,7 @@ function Q({
 }) {
   return a ? /* @__PURE__ */ e("a", { href: a, className: t, tabIndex: -1, "aria-hidden": "true", children: r }) : /* @__PURE__ */ e("div", { className: t, children: r });
 }
-const I = y(
+const I = w(
   ({
     className: a,
     image: t,
@@ -592,28 +592,28 @@ const I = y(
     price: l,
     originalPrice: n,
     rating: d,
-    reviewCount: c,
-    badge: m,
-    badgeVariant: f = "default",
+    reviewCount: u,
+    badge: f,
+    badgeVariant: p = "default",
     isSkeleton: v = !1,
-    isOutOfStock: p = !1,
+    isOutOfStock: g = !1,
     onAddToCart: h,
-    onToggleFavorite: x,
-    isFavorite: N = !1,
-    href: u,
+    onToggleFavorite: N,
+    isFavorite: y = !1,
+    href: c,
     orientation: b = "vertical",
-    renderImage: g = Ie,
-    ...w
-  }, 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
       ),
-      ...w,
+      ...x,
       children: [
         /* @__PURE__ */ e(
           "div",
@@ -634,20 +634,20 @@ const I = y(
   ) : 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",
+        g && "opacity-60",
         a
       ),
-      ...w,
+      ...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 = y(
           }
         ),
         /* @__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 = y(
           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,16 +683,16 @@ const I = y(
             ] })
           ] }),
           h && /* @__PURE__ */ e(
-            j,
+            D,
             {
               onClick: h,
-              disabled: p,
+              disabled: g,
               variant: "primary",
               size: "sm",
               fullWidth: !0,
               leftIcon: /* @__PURE__ */ e($, { className: "h-3.5 w-3.5" }),
               className: "mt-auto",
-              children: p ? "Indisponível" : "Adicionar"
+              children: g ? "Indisponível" : "Adicionar"
             }
           )
         ] })
@@ -701,62 +701,62 @@ const I = y(
   ) : /* @__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",
+        g && "opacity-60",
         a
       ),
-      ...w,
+      ...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 }) }),
-              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" }) })
+              f && /* @__PURE__ */ e("div", { className: "absolute left-3 top-3", children: /* @__PURE__ */ e(R, { variant: p, children: f }) }),
+              g && /* @__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,
-              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",
+              href: c,
+              className: "wrap-break-word line-clamp-2 min-h-12 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
             }
-          ) : /* @__PURE__ */ e("h3", { className: "wrap-break-word text-base font-medium text-card-foreground", children: r }),
+          ) : /* @__PURE__ */ e("h3", { className: "wrap-break-word line-clamp-2 min-h-12 text-base font-medium text-card-foreground", children: r }),
           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,10 +771,10 @@ const I = y(
             ] })
           ] }),
           h && /* @__PURE__ */ e(
-            j,
+            D,
             {
               onClick: h,
-              disabled: p,
+              disabled: g,
               variant: "primary",
               size: "md",
               fullWidth: !0,
@@ -785,7 +785,7 @@ const I = y(
                 "group-hover:opacity-100 group-hover:translate-y-0",
                 "focus-visible:opacity-100 focus-visible:translate-y-0"
               ),
-              children: p ? "Indisponível" : "Adicionar"
+              children: g ? "Indisponível" : "Adicionar"
             }
           )
         ] })
@@ -794,7 +794,7 @@ const I = y(
   )
 );
 I.displayName = "ProductCard";
-const qe = y(
+const qe = w(
   ({
     className: a,
     onSearch: t,
@@ -803,30 +803,30 @@ const qe = y(
     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
+  }, p) => {
+    const [v, g] = 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 w = g.target.value;
-      d === void 0 && p(w), c == null || c(g);
-    }, u = () => {
-      d === void 0 && p(""), r == null || r();
-    }, b = (g) => {
-      g.key === "Enter" && t && t(h);
+    }, y = (m) => {
+      const x = m.target.value;
+      d === void 0 && g(x), u == null || u(m);
+    }, c = () => {
+      d === void 0 && g(""), r == null || r();
+    }, 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: p,
           type: "search",
           value: h,
-          onChange: N,
+          onChange: y,
           onKeyDown: b,
           placeholder: n,
           className: i(
@@ -834,9 +834,9 @@ const qe = y(
             "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 = y(
           "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)]" })
@@ -856,7 +856,7 @@ const qe = y(
   }
 );
 qe.displayName = "SearchBar";
-const Ue = y(
+const Ue = w(
   ({
     className: a,
     price: t,
@@ -865,20 +865,20 @@ const Ue = y(
     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 p = r && r > t ? Math.round((r - t) / r * 100) : 0, v = {
       sm: "text-base",
       md: "text-xl",
       lg: "text-2xl",
       xl: "text-4xl"
-    }, p = {
+    }, g = {
       sm: "text-xs",
       md: "text-sm",
       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: [
@@ -891,7 +891,7 @@ const Ue = y(
             {
               className: i(
                 "text-[var(--muted-foreground)] line-through",
-                p[l]
+                g[l]
               ),
               children: [
                 s,
@@ -901,9 +901,9 @@ const Ue = y(
             }
           )
         ] }),
-        n && f > 0 && /* @__PURE__ */ o(R, { variant: "success", size: "sm", children: [
+        n && p > 0 && /* @__PURE__ */ o(R, { variant: "success", size: "sm", children: [
           "-",
-          f,
+          p,
           "%"
         ] })
       ] }),
@@ -920,7 +920,7 @@ const Ue = y(
   }
 );
 Ue.displayName = "PriceDisplay";
-const Ge = y(
+const Ge = w(
   ({
     className: a,
     value: t,
@@ -929,37 +929,37 @@ const Ge = y(
     onChange: l,
     size: n = "md",
     disabled: d = !1,
-    showLabel: c = !1,
-    ...m
-  }, f) => {
+    showLabel: u = !1,
+    ...f
+  }, p) => {
     const v = () => {
       t < s && l(t + 1);
-    }, p = () => {
+    }, g = () => {
       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: p, 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,
+            onClick: g,
             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 = y(
               "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" })
           }
@@ -1001,8 +1001,8 @@ const Ge = y(
   }
 );
 Ge.displayName = "QuantitySelector";
-const He = y(
-  ({ 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: [
+const He = w(
+  ({ 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",
       {
@@ -1198,7 +1198,7 @@ function Zt({
     }
   ) });
 }
-const We = y(
+const We = w(
   ({
     className: a,
     variant: t = "default",
@@ -1207,14 +1207,14 @@ const We = y(
     description: l,
     primaryCTA: n,
     secondaryCTA: d,
-    backgroundImage: c,
-    overlay: m = !0,
-    children: f,
+    backgroundImage: u,
+    overlay: f = !0,
+    children: p,
     ...v
-  }, p) => /* @__PURE__ */ o(
+  }, g) => /* @__PURE__ */ o(
     "section",
     {
-      ref: p,
+      ref: g,
       className: i(
         "relative flex min-h-[400px] w-full flex-col justify-center px-6 py-16 lg:px-12 lg:py-24",
         {
@@ -1226,15 +1226,15 @@ const We = y(
       ),
       ...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 = y(
                   {
                     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 = y(
                   {
                     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 = y(
                   {
                     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 = y(
                     }
                   ),
                   d && /* @__PURE__ */ e(
-                    j,
+                    D,
                     {
                       size: "lg",
                       onClick: d.onClick,
@@ -1296,17 +1296,17 @@ const We = y(
                   )
                 ] })
               ] }),
-              t === "split" && f && /* @__PURE__ */ e("div", { className: "mt-8 lg:mt-0", children: f })
+              t === "split" && p && /* @__PURE__ */ e("div", { className: "mt-8 lg:mt-0", children: p })
             ]
           }
         ),
-        t !== "split" && f && /* @__PURE__ */ e("div", { className: "relative z-10 mt-12 w-full max-w-7xl mx-auto", children: f })
+        t !== "split" && p && /* @__PURE__ */ e("div", { className: "relative z-10 mt-12 w-full max-w-7xl mx-auto", children: p })
       ]
     }
   )
 );
 We.displayName = "Hero";
-const J = y(
+const J = w(
   ({
     className: a,
     variant: t = "default",
@@ -1315,9 +1315,9 @@ const J = y(
     description: l,
     action: n,
     ...d
-  }, c) => {
-    const f = r || {
-      default: /* @__PURE__ */ e(ge, { className: "h-16 w-16" }),
+  }, u) => {
+    const p = r || {
+      default: /* @__PURE__ */ e(pe, { className: "h-16 w-16" }),
       search: /* @__PURE__ */ e(Y, { className: "h-16 w-16" }),
       cart: /* @__PURE__ */ e($, { className: "h-16 w-16" }),
       error: /* @__PURE__ */ e(fe, { className: "h-16 w-16" })
@@ -1325,18 +1325,18 @@ const J = y(
     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: p }),
           /* @__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",
@@ -1351,7 +1351,7 @@ const J = y(
   }
 );
 J.displayName = "EmptyState";
-const Xe = y(
+const Xe = w(
   ({
     className: a,
     type: t = "generic",
@@ -1360,10 +1360,10 @@ const Xe = y(
     onRetry: l,
     onGoHome: n,
     showRetry: d = !0,
-    showHome: c = !0,
-    ...m
-  }, f) => {
-    const p = {
+    showHome: u = !0,
+    ...f
+  }, p) => {
+    const g = {
       404: {
         title: "Página não encontrada",
         message: "A página que você está procurando não existe ou foi movida.",
@@ -1384,28 +1384,28 @@ const Xe = y(
         message: "Ocorreu um erro inesperado. Por favor, tente novamente.",
         code: ""
       }
-    }[t], h = r || p.title, x = s || p.message;
+    }[t], h = r || g.title, N = s || g.message;
     return /* @__PURE__ */ o(
       "div",
       {
-        ref: f,
+        ref: p,
         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" }) })
+            g.code && /* @__PURE__ */ e("h1", { className: "text-9xl font-bold text-[var(--muted)] opacity-40", children: g.code }),
+            /* @__PURE__ */ e("div", { className: "rounded-full bg-[var(--destructive)]/10 p-6 text-[var(--destructive)]", children: /* @__PURE__ */ e(ge, { 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 = y(
                 children: "Tentar novamente"
               }
             ),
-            c && n && /* @__PURE__ */ e(
-              j,
+            u && n && /* @__PURE__ */ e(
+              D,
               {
                 onClick: n,
                 variant: "secondary",
@@ -1431,7 +1431,7 @@ const Xe = y(
   }
 );
 Xe.displayName = "ErrorState";
-const Ye = y(
+const Ye = w(
   ({
     className: a,
     products: t,
@@ -1440,11 +1440,11 @@ const Ye = y(
     isLoading: l = !1,
     skeletonCount: n = 8,
     emptyStateMessage: d = "Nenhum produto encontrado",
-    onEmptyAction: c,
-    renderImage: m,
-    ...f
+    onEmptyAction: u,
+    renderImage: f,
+    ...p
   }, v) => {
-    const p = {
+    const g = {
       sm: "gap-4",
       md: "gap-6",
       lg: "gap-8"
@@ -1455,11 +1455,11 @@ const Ye = y(
         ref: v,
         className: i(
           "grid grid-cols-2 lg:grid-cols-4",
-          p[s],
+          g[s],
           a
         ),
-        ...f,
-        children: Array.from({ length: n }).map((h, x) => /* @__PURE__ */ e(
+        ...p,
+        children: Array.from({ length: n }).map((h, N) => /* @__PURE__ */ e(
           I,
           {
             image: "",
@@ -1467,7 +1467,7 @@ const Ye = y(
             price: 0,
             isSkeleton: !0
           },
-          x
+          N
         ))
       }
     ) : t.length === 0 ? /* @__PURE__ */ e(
@@ -1476,9 +1476,9 @@ const Ye = y(
         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(
@@ -1487,11 +1487,11 @@ const Ye = y(
         ref: v,
         className: i(
           "grid grid-cols-2 lg:grid-cols-4",
-          p[s],
+          g[s],
           a
         ),
-        ...f,
-        children: t.map((h, x) => /* @__PURE__ */ e(I, { ...h, renderImage: h.renderImage ?? m }, x))
+        ...p,
+        children: t.map((h, N) => /* @__PURE__ */ e(I, { ...h, renderImage: h.renderImage ?? f }, N))
       }
     );
   }
@@ -1727,36 +1727,36 @@ function nt({ children: a, as: t = "div", className: r }) {
     }
   );
 }
-const st = y(
+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, p] = C(16), [v, g] = C(!1), h = ie(!1);
     L(() => {
-      const w = localStorage.getItem("a11y-theme") ?? document.documentElement.getAttribute("data-theme") ?? "light";
-      c(w);
-      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 && p(S);
     }, []);
-    const x = () => {
+    const N = () => {
       if (h.current) {
-        const g = document.querySelector("[vw]"), w = !v;
-        g && (g.style.visibility = w ? "" : "hidden", g.style.opacity = w ? "" : "0", g.style.pointerEvents = w ? "" : "none"), p(w);
+        const m = document.querySelector("[vw]"), x = !v;
+        m && (m.style.visibility = x ? "" : "hidden", m.style.opacity = x ? "" : "0", m.style.pointerEvents = x ? "" : "none"), g(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 w = document.createElement("script");
-        w.src = "https://vlibras.gov.br/app/vlibras-plugin.js", w.async = !0, w.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(w);
+        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, g(!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);
+      p(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);
+      p(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 = y(
                 {
                   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 = y(
                 "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,20 +1820,20 @@ const st = y(
               "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)]",
                   "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]"
                 ),
-                children: d === "light" ? /* @__PURE__ */ e(we, { className: "h-4 w-4" }) : /* @__PURE__ */ e(ye, { className: "h-4 w-4" })
+                children: d === "light" ? /* @__PURE__ */ e(ye, { className: "h-4 w-4" }) : /* @__PURE__ */ e(we, { className: "h-4 w-4" })
               }
             ),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: x,
+                onClick: N,
                 "aria-label": "Ativar VLibras",
                 "aria-pressed": v,
                 className: i(
@@ -1855,7 +1855,7 @@ const st = y(
   }
 );
 st.displayName = "TopAccessibilityBar";
-const lt = y(
+const lt = w(
   ({
     className: a,
     slides: t,
@@ -1863,26 +1863,26 @@ const lt = y(
     autoplay: s = !0,
     ...l
   }, n) => {
-    const [d, c] = C(0), [m, f] = C(!1), [v, p] = C(!1);
+    const [d, u] = C(0), [f, p] = C(!1), [v, g] = 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)");
+      g(c.matches);
+      const b = (m) => {
+        g(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), p(!0), setTimeout(() => p(!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 = y(
       {
         ref: n,
         className: i("w-full", a),
-        onMouseEnter: () => f(!0),
-        onMouseLeave: () => f(!1),
+        onMouseEnter: () => p(!0),
+        onMouseLeave: () => p(!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 = y(
               /* @__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 = y(
               )
             ] })
           ] }),
-          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),
@@ -2010,7 +2017,7 @@ function dt({
       ...s,
       children: [
         t,
-        r && /* @__PURE__ */ e(gt, {})
+        r && /* @__PURE__ */ e(pt, {})
       ]
     }
   );
@@ -2089,7 +2096,7 @@ function ft({
     }
   );
 }
-function gt({
+function pt({
   className: a,
   ...t
 }) {
@@ -2129,7 +2136,7 @@ function q({
     }
   );
 }
-function pt({ items: a }) {
+function gt({ items: a }) {
   return /* @__PURE__ */ e("ul", { className: "grid gap-0.5 p-2 min-w-[180px]", role: "none", children: a.map(
     (t) => {
       var r;
@@ -2211,11 +2218,11 @@ function ee({ item: a, depth: t = 0 }) {
     )
   ] });
 }
-const vt = y(
-  ({ items: a, logo: t, rightSlot: r, searchSlot: s, drawerFooter: l, className: n, ...d }, c) => /* @__PURE__ */ e(
+const vt = w(
+  ({ 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 = y(
                 {
                   "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 = y(
             "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 p;
+                return (p = f.children) != null && p.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(gt, { 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,8 +2405,8 @@ function Nt({ title: a, links: t }) {
     )
   ] });
 }
-const wt = ({ 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 [p, v] = C("light");
   L(() => {
     const z = document.documentElement;
     v(z.getAttribute("data-theme") ?? "light");
@@ -2408,16 +2415,16 @@ const wt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
     });
     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 g = a === "perabook" ? p === "dark" ? "/logos/logo_PeraBook_institucional_tarja_branca.png" : "/logos/PeraBook_instituicional.png" : p === "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) || "", w = f === "dark" && (n == null ? void 0 : n.appStoreBadgeUrlDark) || (n == null ? void 0 : n.appStoreBadgeUrl) || "", D = !!(g || w);
+  })).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 = p === "dark" && (n == null ? void 0 : n.googlePlayBadgeUrlDark) || (n == null ? void 0 : n.googlePlayBadgeUrl) || "", x = p === "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: [
@@ -2426,7 +2433,7 @@ const wt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
               /* @__PURE__ */ e(
                 "img",
                 {
-                  src: p,
+                  src: g,
                   alt: h,
                   width: 290,
                   height: 96,
@@ -2435,18 +2442,18 @@ const wt = ({ 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 wt = ({ 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
                       )
                     }
                   ),
-                  w && /* @__PURE__ */ e(
+                  x && /* @__PURE__ */ e(
                     "a",
                     {
                       href: l ?? "#",
@@ -2478,20 +2485,20 @@ const wt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
                       children: /* @__PURE__ */ e(
                         "img",
                         {
-                          src: w,
+                          src: x,
                           alt: "Disponível na App Store",
                           width: 135,
                           height: 40,
                           className: "h-10 w-[135px] object-contain"
                         },
-                        w
+                        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: B, 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: B,
@@ -2522,7 +2529,7 @@ const wt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, newsletterSlot: r
     }
   );
 };
-wt.displayName = "Footer";
+yt.displayName = "Footer";
 function la({ children: a, className: t }) {
   return /* @__PURE__ */ e(
     "div",
@@ -2536,7 +2543,7 @@ function la({ children: a, className: t }) {
     }
   );
 }
-const yt = {
+const wt = {
   1: "col-span-1",
   2: "col-span-2",
   3: "col-span-3",
@@ -2545,7 +2552,7 @@ const yt = {
   6: "col-span-6"
 };
 function da({ children: a, span: t, className: r }) {
-  return /* @__PURE__ */ e("div", { "data-slot": "col", className: i("min-w-0", t && yt[t], r), children: a });
+  return /* @__PURE__ */ e("div", { "data-slot": "col", className: i("min-w-0", t && wt[t], r), children: a });
 }
 export {
   Qt as Accordion,
@@ -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,
@@ -2574,7 +2581,7 @@ export {
   Ze as Drawer,
   J as EmptyState,
   Xe as ErrorState,
-  wt as Footer,
+  yt as Footer,
   He as FormGroup,
   la as Grid,
   We as Hero,
@@ -2585,7 +2592,7 @@ export {
   Ue as PriceDisplay,
   I as ProductCard,
   Ye as ProductGrid,
-  ga as ProgressBar,
+  pa as ProgressBar,
   Ge as QuantitySelector,
   Tt as RadioGroup,
   $t as RadioGroupItem,